Forked from: phi's enchant.js - Entity を生成してSceneに追加しよう View Diff (2) enchant.js - Entity の背景色を変えてみよう(hsl) phi Follow 2012-03-18 22:54:01 License: MIT License Fork0 Fav0 View2460 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 23 lines HTML 1 lines CSS 1 lines // [About] Entity の backgroundColor で背景色を設定することができます. CSS の色指定と同じパラメータに対応しています. hslによる色指定. // [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 - Entity の背景色を変えてみよう(hsl) enchant.js v0.4.0 // 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(); window.onload = function() { var game = new Game(); game.onload = function() { var scene = game.rootScene; scene.backgroundColor = "black"; // エンティティを生成, シーンに追加 var entity = new Entity(); // 生成 entity.width = 100; // 幅を設定 entity.height= 100; // 高さを設定 entity.backgroundColor = "hsl(300, 75%, 50%)"; // 背景色を設定(hsl指定, 意味合いで色を指定できて便利だよ♪) scene.addChild(entity); // シーンに追加 }; game.start(); }; <canvas id='world'></canvas> enchant.js - Entity の背景色を変えてみよう(hsl) body { background-color: #DDDDDD; font: 30px sans-serif; margin:0px; } // [About] Entity の backgroundColor で背景色を設定することができます. CSS の色指定と同じパラメータに対応しています. hslによる色指定. // [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 - Entity を生成してSceneに追加しよう" http://jsdo.it/phi/tlgU // forked from phi's "enchant.js のテンプレートを用意しよう" http://jsdo.it/phi/isoa // おまじない(using namespace enchant) enchant(); window.onload = function() { var game = new Game(); game.onload = function() { var scene = game.rootScene; scene.backgroundColor = "black"; // エンティティを生成, シーンに追加 var entity = new Entity(); // 生成 entity.width = 100; // 幅を設定 entity.height= 100; // 高さを設定 entity.backgroundColor = "hsl(300, 75%, 50%)"; // 背景色を設定(hsl指定, 意味合いで色を指定できて便利だよ♪) scene.addChild(entity); // シーンに追加 }; 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] Entity の backgroundColor で背景色を設定することができます. CSS の色指定と同じパラメータに対応しています. hslによる色指定. // [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/zm1T/js"></script> enchant.js game javascript library&test smartphones&tablets 怒濤 Discussion Questions on this code? Tags enchant.js game javascript library&test smartphones&tablets 怒濤