![CoffeeScript
CoffeeScript はプログラミング言語のひとつである。コードはJavaScript の
コードに変換される。
Ruby や Python、Haskell [1] から影響を受けたシンタックスシュガーの導入
により、JavaScript に比べ簡潔さと可読性を向上させたほか、配列内包
(Array comprehensions) やパターンマッチといった機能を追加している。
CoffeeScript により、パフォーマンスを下げることなく、より短いコードでプ
ログラムを記述することができる (JavaScript に比べ 1/3 程度の行数が削減で
きる)[2]。
「CoffeeScript」『フリー百科事典 ウィキペディア日本語版』（http://ja.wikipedia.org/）。
2013年1月25日12時（日本時間）現在での最新版を取得。](https://image.slidesharecdn.com/creatorsnight14-150302022527-conversion-gate01/85/Creators-night-14-15-320.jpg)
![<!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/creatorsnight14-150302022527-conversion-gate01/85/Creators-night-14-23-320.jpg)
![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();
};
スプライト表示までの最低限のコード](https://image.slidesharecdn.com/creatorsnight14-150302022527-conversion-gate01/85/Creators-night-14-24-320.jpg)
![enchant()
window.onload
=
-‐>
game
=
new
Game(320,320)
game.preload('a.png')
game.onload
=
-‐>
test
=
new
Sprite(100,100)
test.x
=
10
test.y
=
10
test.image
=
game.assets['a.png']
game.rootScene.addChild
test
game.start()
スプライト表示までの最低限のコード](https://image.slidesharecdn.com/creatorsnight14-150302022527-conversion-gate01/85/Creators-night-14-25-320.jpg)
![var
Star
=
enchant.Class.create(enchant.Sprite,
{
initialize:
function()
{
enchant.Sprite.call(this,
16,
16);
this.image
=
game.assets['icon0.gif'];
this.frame
=
30;
this.x
=
320;
this.y
=
160;
this.speed
=
3;
this.addEventListener(Event.ENTER_FRAME,
function()
{
this.x
-‐=
this.speed;
if
(this.x
<
0)
{
this.remove();
}
});
},
remove:
function()
{
delete
this;
}
});
スプライト継承のクラスのコード](https://image.slidesharecdn.com/creatorsnight14-150302022527-conversion-gate01/85/Creators-night-14-26-320.jpg)
![class
Star
extends
Sprite
constructor:
-‐>
super
16,
16
@image
=
Game.instance.assets['icon0.gif']
@frame
=
30
@x
=
320
@y
=
160
@speed
=
3
onenterframe:
(e)
-‐>
@x
-‐=
@speed
if
@x
<
0
this.remove()
remove:
-‐>
delete
this
スプライト継承のクラスのコード](https://image.slidesharecdn.com/creatorsnight14-150302022527-conversion-gate01/85/Creators-night-14-27-320.jpg)
Creators'night#14今井
- 3. ゲーム作りたいです。
- 5. M⃝riさんの挑発行為
- 6. んだとう…？
- 11. ってことで 今回は
- 12. こっちに行ってみた。
- 13. ∼ The road to a game developer 番外編∼ CoffeeScript＋enchant.jsで 書いてみるよ∼ ネットプライスドットコム NPLab. いまい大すけ
- 14. 今更だけど…
- 15. CoffeeScript CoffeeScript はプログラミング言語のひとつである。コードはJavaScript の コードに変換される。 Ruby や Python、Haskell [1] から影響を受けたシンタックスシュガーの導入 により、JavaScript に比べ簡潔さと可読性を向上させたほか、配列内包 (Array comprehensions) やパターンマッチといった機能を追加している。 CoffeeScript により、パフォーマンスを下げることなく、より短いコードでプ ログラムを記述することができる (JavaScript に比べ 1/3 程度の行数が削減で きる)[2]。 「CoffeeScript」『フリー百科事典 ウィキペディア日本語版』（http://ja.wikipedia.org/）。 2013年1月25日12時（日本時間）現在での最新版を取得。
- 18. 詳細は加藤さんに
- 21. で、どうだったの？
- 22. 書きやすい。
- 23. <!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> スプライト表示までの最低限のコード
- 24. 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(); }; スプライト表示までの最低限のコード
- 25. enchant() window.onload = -‐> game = new Game(320,320) game.preload('a.png') game.onload = -‐> test = new Sprite(100,100) test.x = 10 test.y = 10 test.image = game.assets['a.png'] game.rootScene.addChild test game.start() スプライト表示までの最低限のコード
- 26. var Star = enchant.Class.create(enchant.Sprite, { initialize: function() { enchant.Sprite.call(this, 16, 16); this.image = game.assets['icon0.gif']; this.frame = 30; this.x = 320; this.y = 160; this.speed = 3; this.addEventListener(Event.ENTER_FRAME, function() { this.x -‐= this.speed; if (this.x < 0) { this.remove(); } }); }, remove: function() { delete this; } }); スプライト継承のクラスのコード
- 27. class Star extends Sprite constructor: -‐> super 16, 16 @image = Game.instance.assets['icon0.gif'] @frame = 30 @x = 320 @y = 160 @speed = 3 onenterframe: (e) -‐> @x -‐= @speed if @x < 0 this.remove() remove: -‐> delete this スプライト継承のクラスのコード
- 28. ずいぶんすっきり。
- 29. 300行 ↓ 250行
- 30. クマちゃん in the sky http://jsdo.it/hine.gdw/ofag
- 32. 次書けばもっと早い
- 34. 感想
- 37. だよね？
- 39. ご清聴 ありがとうございました。