Forked from: phi's enchant.js - Sprite を表示しよう View Diff (9) enchant.js - タッチした位置に Sprite を移動させてみよう phi Follow 2012-03-20 16:18:54 License: MIT License Fork13 Fav0 View8083 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 33 lines HTML 1 lines CSS 1 lines // [About] touchstart イベントのリスナに渡されるイベントオブジェクトの x, y 値でタッチした座標を取得することができます. その値を Sprite の位置に設定すれば簡単にタッチした位置に Sprite を 移動させることができます. // [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 - タッチした位置に Sprite を移動させてみよう enchant.js v0.4.0 // 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"; window.onload = function() { var game = new Game(); game.preload(CHARA_IMAGE_NAME); // 画像読み込み game.onload = function() { var scene = game.rootScene; scene.backgroundColor = "black"; // スプライト生成 var sprite = new Sprite(32, 32); // スプライト生成 sprite.image = game.assets[CHARA_IMAGE_NAME]; // 画像をセット scene.addChild(sprite); // シーンに追加 // シーンにタッチイベントを登録 scene.addEventListener("touchstart", function(e) { // sprite.x = e.x; // sprite.y = e.y; // タッチした位置に移動 sprite.moveTo(e.x, e.y); }); }; game.start(); }; <canvas id='world'></canvas> enchant.js - タッチした位置に Sprite を移動させてみよう body { background-color: #DDDDDD; font: 30px sans-serif; margin:0px; } // [About] touchstart イベントのリスナに渡されるイベントオブジェクトの x, y 値でタッチした座標を取得することができます. その値を Sprite の位置に設定すれば簡単にタッチした位置に Sprite を 移動させることができます. // [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/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"; window.onload = function() { var game = new Game(); game.preload(CHARA_IMAGE_NAME); // 画像読み込み game.onload = function() { var scene = game.rootScene; scene.backgroundColor = "black"; // スプライト生成 var sprite = new Sprite(32, 32); // スプライト生成 sprite.image = game.assets[CHARA_IMAGE_NAME]; // 画像をセット scene.addChild(sprite); // シーンに追加 // シーンにタッチイベントを登録 scene.addEventListener("touchstart", function(e) { // sprite.x = e.x; // sprite.y = e.y; // タッチした位置に移動 sprite.moveTo(e.x, e.y); }); }; 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] touchstart イベントのリスナに渡されるイベントオブジェクトの x, y 値でタッチした座標を取得することができます. その値を Sprite の位置に設定すれば簡単にタッチした位置に Sprite を 移動させることができます. // [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/21Se/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 - タッチした位置に ywi151009 10 636 34/1/1 enchant.js game javascript library&test smartphones&tablets 怒濤 forked: enchant.js - タッチした位置に Tomohiro.Nak 00 578 34/1/1 enchant.js game javascript library&test smartphones&tablets 怒濤 forked: enchant.js - タッチした位置に Tomoya.Kobay 00 798 34/1/1 enchant.js game javascript library&test smartphones&tablets 怒濤 1 2 3 4NEXT>>