OOP Problems JS

Question

I am having problems with javasript OOP. Currently, I have two short files.

player.js

function Player(x,y,source){
    this.hp = 100;
    this.speed = 5;
    this.posx = x;
    this.posy = y;
    this.img = new Raster({
        source: source,
        position: new Point(x,y)
    });

    this.displayPlayer();
}    
Player.prototype = {
    constructor: Player,
    displayPlayer:function(){
        this.img.position = new Point(this.posx, this.posy);
    }
};

index.html

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="http://paperjs.org/assets/js/paper.js" type="text/javascript"></script>
        <style>html{background-color:#DDDDDD;}</style>

        <script src="player.js" type="text/javascript"></script>
        <script src="powerup.js" type="text/javascript"></script>

        <script type="text/paperscript" canvas="myCanvas">
            red = new Player(100,100,'red.png');
        </script>

    </head>

    <body>
        <canvas id="myCanvas" width="600" height="600" style="background-color:#FFFFFF !important;"></canvas>
    </body>
</html>

All I get is a blank screen with nothing.

Link: http://onlyabutton.com/projects/pixelrage/

Uncaught ReferenceError: Raster is not defined

putvande
– putvande

2014-01-24 20:16:59 +00:00
Commented Jan 24, 2014 at 20:16 — putvande
– putvande, Commented Jan 24, 2014 at 20:16
thanks, let me check.

Dan Iel Wang
– Dan Iel Wang

2014-01-24 20:17:35 +00:00
Commented Jan 24, 2014 at 20:17 — Dan Iel Wang
– Dan Iel Wang, Commented Jan 24, 2014 at 20:17

Mykola Prymak · Accepted Answer · 2014-01-24 20:33:06Z

1

Maybe you have some paper configuration error. All paper.js structures is hidden in paper object. So you must call it like this

new paper.Raster(....

and code is like this

function Player(x,y,source){
    this.hp = 100;
    this.speed = 5;
    this.posx = x;
    this.posy = y;
    this.img = new paper.Raster({
        source: source,
        position: new paper.Point(x,y)
    });

    this.displayPlayer();
}    
Player.prototype = {
    constructor: Player,
    displayPlayer:function(){
        this.img.position = new paper.Point(this.posx, this.posy);
    }
};

This is not a solution, this is a dirty code.

answered Jan 24, 2014 at 20:33

Mykola Prymak

4473 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mykola Prymak Over a year ago

I not know the paper.js but maybe the code inside this "<script type="text/paperscript" canvas="myCanvas">" must run with paper private scope. Recheck the examples.

Ladybro · Accepted Answer · 2014-01-24 20:20:09Z

0

Raster is not being defined and is giving you a ReferenceError.

Are you sure you correctly linked to/implemented Paper.js?

answered Jan 24, 2014 at 20:20

Ladybro

8062 gold badges11 silver badges33 bronze badges

Collectives™ on Stack Overflow

OOP Problems JS

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related