Forked from: phi's canvas を画面にフィットさせよう(解像度は固定) - tmlib.js 怒濤の 100 サンプ View Diff (10) ラインスタイルを一括で指定しよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編 phi Follow 2012-11-23 03:17:44 License: MIT License Fork0 Fav0 View1361 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 34 lines HTML 1 lines CSS 1 lines ラインスタイルを一括で指定しよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編 tmlib.js v0.1.3 // forked from phi's "canvas を画面にフィットさせよう(解像度は固定) - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編 " http://jsdo.it/phi/98ui // forked from phi's "canvas のサイズを画面いっぱいにしてみよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/vQH9 // forked from phi's "幅, 高さを指定しよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/oTuT // forked from phi's "高さを指定しよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/7Ta5 // forked from phi's "幅を指定しよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/qmG9 // forked from phi's "背景色を指定しよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/3FTM // forked from phi's "Canvas インスタンスを生成しよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/daoa // forked from phi's "tmlib.js 0.1.3 template" http://jsdo.it/phi/w6VG /* * 定数 */ var SCREEN_WIDTH = 465; var SCREEN_HEIGHT= 465; /* * メイン */ tm.main(function() { // canvas インスタンス生成 var canvas = tm.graphics.Canvas("#world"); // 幅, 高さを指定 canvas.resize(SCREEN_WIDTH, SCREEN_HEIGHT); // 画面にフィットさせる canvas.fitWindow(); // ラインスタイルを一括指定(width, cap, join, miter) canvas.setLineStyle(16, "round", "round", 10); // デフォルト(10) canvas.strokeLines(50, 50, 250, 120, 70, 160, 280, 220); }); <canvas id='world'></canvas> ラインスタイルを一括で指定しよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編 body { background-color: #DDDDDD; font: 30px sans-serif; } // forked from phi's "canvas を画面にフィットさせよう(解像度は固定) - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編 " http://jsdo.it/phi/98ui // forked from phi's "canvas のサイズを画面いっぱいにしてみよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/vQH9 // forked from phi's "幅, 高さを指定しよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/oTuT // forked from phi's "高さを指定しよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/7Ta5 // forked from phi's "幅を指定しよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/qmG9 // forked from phi's "背景色を指定しよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/3FTM // forked from phi's "Canvas インスタンスを生成しよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/daoa // forked from phi's "tmlib.js 0.1.3 template" http://jsdo.it/phi/w6VG /* * 定数 */ var SCREEN_WIDTH = 465; var SCREEN_HEIGHT= 465; /* * メイン */ tm.main(function() { // canvas インスタンス生成 var canvas = tm.graphics.Canvas("#world"); // 幅, 高さを指定 canvas.resize(SCREEN_WIDTH, SCREEN_HEIGHT); // 画面にフィットさせる canvas.fitWindow(); // ラインスタイルを一括指定(width, cap, join, miter) canvas.setLineStyle(16, "round", "round", 10); // デフォルト(10) canvas.strokeLines(50, 50, 250, 120, 70, 160, 280, 220); }); <canvas id='world'></canvas> body { background-color: #DDDDDD; font: 30px sans-serif; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? 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/8pRV/js"></script> art&design canvas html5 html5_elements&api javascript library&test smartphones&tablets tmlib.js 怒濤 Discussion Questions on this code? Tags art&design canvas html5 html5_elements&api javascript library&test smartphones&tablets tmlib.js 怒濤