createJS - Uncaught ReferenceError: lib is not defined

Question

I am at the beginning stages of creating a game using I am using Adobe Animate CC and CreateJS and I get the following error: Uncaught ReferenceError: lib is not defined. Basically right now I am just trying to get a background and some random numbers to appear on screen. I have created my background and random numbers as symbols in Adobe Animate, and I have also given them a class name by assigning them "linkage". I have included the javascript file created by Animate in my html along with a link to CreateJS and the following code:

Here is my Javascript code:

class NumberedBox extends createjs.Container { constructor(number=0) { super(); var movieclip = new lib.NumberedBox(); movieclip.numberedText.text = number; this.addChild(movieclip); movieclip.x = Math.random() * 200; movieclip.y = Math.random() * 200; } } class Game { constructor() { this.canvas = document.getElementById("canvas"); this.stage = new createjs.Stage(this.canvas); createjs.Ticker.framerate = 60; createjs.Ticker.on("tick", this.stage); this.stage.addChild(new lib.Background()); this.stage.addChild(new NumberedBox(88)); } } var game = new Game();

And here is my HTML:

Any ideas as to what I am doing wrong?

Thanks

JoãoCésar17023019 · Accepted Answer

Hi.Unlike the canvas and stage properties, the lib property is not accessible from all places. You'll have to send it as a parameter when you instantiate your Game class. Like this:class NumberedBox extends createjs.Container{ constructor(lib, number = 0) { super(); var movieclip = new lib.NumberedBox(); movieclip.numberedText.text = number; this.addChild(movieclip); movieclip.x = Math.random() * 200; movieclip.y = Math.random() * 200; }}class Game{ constructor(lib) { this.lib = lib; this.canvas = document.getElementById("canvas"); // you can call the canvas property from anywhere without doing this this.stage = new createjs.Stage(this.canvas); // a stage is already created for you createjs.Ticker.framerate = 60; createjs.Ticker.on("tick", this.stage); this.stage.addChild(new lib.Background()); this.stage.addChild(new NumberedBox(lib, 88)); }}var game = new Game(lib); // assuming that this line is being called from some timeline in your FLA documentRegards,JC

Preran · Answer

I am guessing that it is you that posted this question on Stack Overflow: javascript - createJS - Uncaught ReferenceError: lib is not defined - Stack Overflow

If you don't receive help here, but get an answer on the other site, can you post the solution that worked for you here for the benefit of other users?

Thanks,

Preran

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.