Question

6

Adding a simple image in easeljs

rated 0 times [ 13] [ 7] / answers: 1 / hits: 19218 / 11 Years ago, tue, december 31, 2013, 12:00:00

This is my htmlcode:

<!DOCTYPE html>

<html>

<head>

    <title>test</title>

    <script src=http://code.createjs.com/easeljs-0.7.0.min.js></script>

    <script src=Doge.js></script>  

</head>



<body bgcolor=#C7C7C7 onload=Start();>

      <canvas id=DogeCanvas width=480 height=320></canvas>

</body>

</html>

And this is my Doge.js code:

function Start() {

      var stage = new createjs.Stage(DogeCanvas);

      var doge = new Image();

      doge.src = images/doge.jpg

      var bitmap = new createjs.Bitmap(doge);

      stage.addChild(bitmap);

      stage.update();

}

Why it doesn't show anything on the screen?
What is wrong?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jadap

Add To Favorites

Follow

Total Points: 101

Total Questions: 104

Total Answers: 98

Location: Mexico

Member since Sun, Jul 25, 2021

3 Years ago

answered 11 Years ago raymondd · Accepted Answer

The image is not loaded when the stage is updated. I posted an answer here:

» easeljs not showing bitmap

You can add a Ticker to the stage to constantly update it (which most applications do, since there is other things changing over time)

Listen for the onload of the image, and update the stage again

Preload the image with something like PreloadJS before you draw it to the stage.