Download as PDF, PPTX
![<!DOCTYPE
html>
<html>
<head>
<meta
http-‐equiv="Content-‐Type"
content="text/html;
charset=UTF-‐8"
/>
<script
type="text/javascript"
src="./enchant.js"></script>
<script
type="text/javascript">
enchant();
window.onload
=
function()
{
var
game
=
new
Game(320,320);
game.preload('a.png');
game.onload
=
function()
{
var
test
=
new
Sprite(100,100);
test.x
=
10;
test.y
=
10;
test.image
=
game.assets['a.png'];
game.rootScene.addChild(test);
};
game.start();
};
</script>
</head>
<body>
</body>
</html>](https://image.slidesharecdn.com/creatorsnight13tech2-150302022448-conversion-gate01/75/Creators-night-13-tech-2-38-2048.jpg)
![<!DOCTYPE
html>
<html>
<head>
<meta
http-‐equiv="Content-‐Type"
content="text/html;
charset=UTF-‐8"
/>
<script
type="text/javascript"
src="./easel.js"></script>
<script
type="text/javascript">
var
canvas,
stage;
function
init()
{
canvas
=
document.get.ElementById(“testCanvas”);
stage
=
new
createjs.Stage(canvas);
img
=
new
Image(canvas);
img.src
=
“a.png”;
img.onload
=
function()
{
var
ss
=
new
createjs.SpriteSheet({
images:
[img],
frames:
{width:100,
height:100,
regX:0,
regY:0},
animations:
{stand:
[0]}
});
var
test
=
new
createjs.BitmapAnimation(ss);
test.x
=
10;
test.y
=
10;
test.gotoAndPlay(“stand”);
stage.addChild(test);
stage.update();
};
};
</script>
</head>
<body
onload="init();"
>
<canvas
id="testCanvas"
width=”320”
height=”320”></canvas>
</body>
</html>](https://image.slidesharecdn.com/creatorsnight13tech2-150302022448-conversion-gate01/75/Creators-night-13-tech-2-39-2048.jpg)
More Related Content
Creators'night#13 tech#2今井
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 11.
- 12.
- 13.
- 15.
- 16.
- 17.
- 18.
- 19. ∼ The roadto a game developer 番外編∼ 「collieにも浮気してみた」 ネットプライスドットコム NPLab. いまい大すけ
- 20. CREATEJS A suite ofJavascript libraries & tools for building rich, interactive experiences with HTML5.
- 21.
- 22.
- 23.
- 25. クマちゃん in thesky http://jsdo.it/hine.gdw/ySJu （はい、前回もつかいましたね）
- 26.
- 28.
- 29.
- 30. エンちゃん in thesky http://jsdo.it/hine.gdw/znc4
- 31.
- 32.
- 33.
- 35.
- 36.
- 37.
- 38. <!DOCTYPE html> <html> <head> <meta http-‐equiv="Content-‐Type" content="text/html; charset=UTF-‐8" /> <script type="text/javascript" src="./enchant.js"></script> <script type="text/javascript"> enchant(); window.onload = function() { var game = new Game(320,320); game.preload('a.png'); game.onload = function() { var test = new Sprite(100,100); test.x = 10; test.y = 10; test.image = game.assets['a.png']; game.rootScene.addChild(test); }; game.start(); }; </script> </head> <body> </body> </html>
- 39. <!DOCTYPE html> <html> <head> <meta http-‐equiv="Content-‐Type" content="text/html; charset=UTF-‐8" /> <script type="text/javascript" src="./easel.js"></script> <script type="text/javascript"> var canvas, stage; function init() { canvas = document.get.ElementById(“testCanvas”); stage = new createjs.Stage(canvas); img = new Image(canvas); img.src = “a.png”; img.onload = function() { var ss = new createjs.SpriteSheet({ images: [img], frames: {width:100, height:100, regX:0, regY:0}, animations: {stand: [0]} }); var test = new createjs.BitmapAnimation(ss); test.x = 10; test.y = 10; test.gotoAndPlay(“stand”); stage.addChild(test); stage.update(); }; }; </script> </head> <body onload="init();" > <canvas id="testCanvas" width=”320” height=”320”></canvas> </body> </html>
- 40. <!DOCTYPE html> <html> <head> <meta http-‐equiv="Content-‐Type" content="text/html; charset=UTF-‐8" /> <script type="text/javascript" src="./collie.min.js"></script> <script type="text/javascript"> window.onload = function() { collie.ImageManager.add({ "a" : "ａ.png" }, function () { var layer = new collie.Layer({ width : 320, height : 320 }); var item = new collie.DisplayObject({ x : 10, y : 10, backgroundImage : "a" }).addTo(layer); collie.Renderer.addLayer(layer); collie.Renderer.load(document.getElementById("container")); collie.Renderer.start(); }); }; </script> </head> <body> <div id="container"></div> </body> </html>
- 41.
- 42.
- 43.
- 44.