Forked from: phi's enchant.js - Sprite クラスを継承して独自のクラスを生成しよう View Diff (2) enchant.js - ゲームの fps を変えてみよう phi Follow 2012-03-17 15:12:11 License: MIT License Fork5 Fav0 View6500 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 64 lines HTML 1 lines CSS 1 lines // [About] fps とは Frames Per Second の略です. 要は1秒間に行う画面更新の回数のことです. デフォルトでは30が割り当ててあるので今回のtipsでは倍の60にしてみました. 『enchant.js - Sprite クラスを継承して独自のクラスを生成しよう』 http://jsdo.it/phi/gidz と比較すると倍の速度で動いているのがわかるかと思います. // [enchant.js] Official = http://enchantjs.com/ja/?s=ja (ja) || http://enchantjs.com/en/ (en) Blog = http://wise9.jp/ Dev Blog = http://blog.enchantjs.com/ja/ (ja) || http://blog.enchantjs.com/ (en) // [phi] ハンドルネーム, 気軽に質問やアドバイス下さいな♪ Blog = http://tmlife.net/ Twitter = https://twitter.com/#!/phi_jp // [Entry] 全 tips へのリンクは『enchant.js 怒涛の 100 tips』にまとめてあります. http://tmlife.net/?p=5396 enchant.js - ゲームの fps を変えてみよう enchant.js v0.4.0 // forked from phi's "enchant.js - Sprite クラスを継承して独自のクラスを生成しよう" http://jsdo.it/phi/gidz // forked from phi's "enchant.js - Sprite を表示しよう" http://jsdo.it/phi/kAKa // forked from phi's "enchant.js - Entity を生成してSceneに追加しよう" http://jsdo.it/phi/tlgU // forked from phi's "enchant.js のテンプレートを用意しよう" http://jsdo.it/phi/isoa // おまじない(using namespace enchant) enchant(); var CHARA_IMAGE_NAME = "http://enchantjs.com/assets/images/chara1.gif"; var game = null; // クマクラス var KumaSprite = Class.create(Sprite, { // 初期化 initialize: function() { Sprite.call(this, 32, 32); // 親クラスの初期化を忘れないように気をつけよう♪ this.image = game.assets[CHARA_IMAGE_NAME]; // 画像をセット var deg = Math.random()*360*Math.PI/180; this.vx = Math.cos(deg); this.vy = Math.sin(deg); }, // 更新処理 onenterframe: function() { // 移動 this.moveBy(this.vx*4, this.vy*4); var left = 0; var right = game.width-this.width; var top = 0; var bottom = game.height-this.height; if (this.x < left) { this.x = left; this.vx*=-1; } if (this.x > right) { this.x = right; this.vx*=-1; } if (this.y < top) { this.y = top; this.vy*=-1; } if (this.y > bottom) { this.y = bottom; this.vy*=-1; } }, // タッチされたら消す ontouchstart: function() { this.parentNode.removeChild(this); } }); window.onload = function() { game = new Game(); game.preload(CHARA_IMAGE_NAME); // 画像読み込み game.fps = 60; // fsp を 60 に変更 game.onload = function() { var scene = game.rootScene; scene.backgroundColor = "black"; // スプライト生成 for (var i=0; i<16; ++i) { var kuma = new KumaSprite(); // クマスプライト生成 kuma.moveTo( Math.random()*(game.width-kuma.width), Math.random()*(game.height-kuma.height) ); scene.addChild(kuma); // シーンに追加 } }; game.start(); }; <canvas id='world'></canvas> enchant.js - ゲームの fps を変えてみよう body { background-color: #DDDDDD; font: 30px sans-serif; margin:0px; } // [About] fps とは Frames Per Second の略です. 要は1秒間に行う画面更新の回数のことです. デフォルトでは30が割り当ててあるので今回のtipsでは倍の60にしてみました. 『enchant.js - Sprite クラスを継承して独自のクラスを生成しよう』 http://jsdo.it/phi/gidz と比較すると倍の速度で動いているのがわかるかと思います. // [enchant.js] Official = http://enchantjs.com/ja/?s=ja (ja) || http://enchantjs.com/en/ (en) Blog = http://wise9.jp/ Dev Blog = http://blog.enchantjs.com/ja/ (ja) || http://blog.enchantjs.com/ (en) // [phi] ハンドルネーム, 気軽に質問やアドバイス下さいな♪ Blog = http://tmlife.net/ Twitter = https://twitter.com/#!/phi_jp // [Entry] 全 tips へのリンクは『enchant.js 怒涛の 100 tips』にまとめてあります. http://tmlife.net/?p=5396 // forked from phi's "enchant.js - Sprite クラスを継承して独自のクラスを生成しよう" http://jsdo.it/phi/gidz // forked from phi's "enchant.js - Sprite を表示しよう" http://jsdo.it/phi/kAKa // forked from phi's "enchant.js - Entity を生成してSceneに追加しよう" http://jsdo.it/phi/tlgU // forked from phi's "enchant.js のテンプレートを用意しよう" http://jsdo.it/phi/isoa // おまじない(using namespace enchant) enchant(); var CHARA_IMAGE_NAME = "http://enchantjs.com/assets/images/chara1.gif"; var game = null; // クマクラス var KumaSprite = Class.create(Sprite, { // 初期化 initialize: function() { Sprite.call(this, 32, 32); // 親クラスの初期化を忘れないように気をつけよう♪ this.image = game.assets[CHARA_IMAGE_NAME]; // 画像をセット var deg = Math.random()*360*Math.PI/180; this.vx = Math.cos(deg); this.vy = Math.sin(deg); }, // 更新処理 onenterframe: function() { // 移動 this.moveBy(this.vx*4, this.vy*4); var left = 0; var right = game.width-this.width; var top = 0; var bottom = game.height-this.height; if (this.x < left) { this.x = left; this.vx*=-1; } if (this.x > right) { this.x = right; this.vx*=-1; } if (this.y < top) { this.y = top; this.vy*=-1; } if (this.y > bottom) { this.y = bottom; this.vy*=-1; } }, // タッチされたら消す ontouchstart: function() { this.parentNode.removeChild(this); } }); window.onload = function() { game = new Game(); game.preload(CHARA_IMAGE_NAME); // 画像読み込み game.fps = 60; // fsp を 60 に変更 game.onload = function() { var scene = game.rootScene; scene.backgroundColor = "black"; // スプライト生成 for (var i=0; i<16; ++i) { var kuma = new KumaSprite(); // クマスプライト生成 kuma.moveTo( Math.random()*(game.width-kuma.width), Math.random()*(game.height-kuma.height) ); scene.addChild(kuma); // シーンに追加 } }; game.start(); }; <canvas id='world'></canvas> body { background-color: #DDDDDD; font: 30px sans-serif; margin:0px; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? // [About] fps とは Frames Per Second の略です. 要は1秒間に行う画面更新の回数のことです. デフォルトでは30が割り当ててあるので今回のtipsでは倍の60にしてみました. 『enchant.js - Sprite クラスを継承して独自のクラスを生成しよう』 http://jsdo.it/phi/gidz と比較すると倍の速度で動いているのがわかるかと思います. // [enchant.js] Official = http://enchantjs.com/ja/?s=ja (ja) || http://enchantjs.com/en/ (en) Blog = http://wise9.jp/ Dev Blog = http://blog.enchantjs.com/ja/ (ja) || http://blog.enchantjs.com/ (en) // [phi] ハンドルネーム, 気軽に質問やアドバイス下さいな♪ Blog = http://tmlife.net/ Twitter = https://twitter.com/#!/phi_jp // [Entry] 全 tips へのリンクは『enchant.js 怒涛の 100 tips』にまとめてあります. http://tmlife.net/?p=5396 Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author phi ゲームプログラマやりながら執筆してる27歳. phina.js(tmlib.js) というライブラリ作ってます. 著書「enchant.js スマートフォンゲーム開発講座」 『日本国民全員プログラマ化計画』進行中 Math/JavaScript/HTML5/CSS3/Python/C/C++/C#/Java Blog http://phiary.me Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/uQje/js"></script> enchant.js game javascript library&test smartphones&tablets 怒濤 Discussion Questions on this code? Tags enchant.js game javascript library&test smartphones&tablets 怒濤 Forked sort by latest page views favorite forked forked: enchant.js - ゲームの fps yamada.tarou 00 417 65/1/1 enchant.js game javascript library&test smartphones&tablets 怒濤 forked: enchant.js - ゲームの fps Narita 00 519 65/1/1 enchant.js game javascript library&test smartphones&tablets 怒濤 forked: enchant.js - ゲームの fps sontamy 00 394 65/1/1 enchant.js game javascript library&test smartphones&tablets 怒濤 forked: enchant.js - ゲームの fps igf-space 00 451 65/1/1 enchant.js game javascript library&test smartphones&tablets 怒濤 1 2NEXT>>