派生自: phi 投稿的 砂嵐(カラー)を作ってみよう - tmlib.js 怒濤の 100 サンプル!! - Graphic 查看差别 (1) forked: 砂嵐(カラー)を作ってみよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編 Benskddl 关注 2018-09-14 17:18:17 许可证: MIT许可证 派生0 收藏0 浏览量318 播放 停止 刷新 全屏查看 智能机大小查看 Readme JavaScript 44 行 HTML 1 行 CSS 1 行 forked: 砂嵐(カラー)を作ってみよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編 tmlib.js v0.1.3 // forked from phi's "砂嵐(カラー)を作ってみよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/cgH7 // 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(); // ビットマップを取得 var bitmap = canvas.getBitmap(); for (var i=0,width=bitmap.width; i<width; ++i) { for (var j=0,height=bitmap.height; j<height; ++j) { // ピクセルをセット var r = tm.util.Random.randint(0, 255); var g = tm.util.Random.randint(0, 255); var b = tm.util.Random.randint(0, 255); bitmap.setPixel32XY(j, i, r, g, b, 255); } } // 描画 canvas.drawBitmap(bitmap, 0, 0); }); <canvas id='world'></canvas> forked: 砂嵐(カラー)を作ってみよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編 body { background-color: #DDDDDD; font: 30px sans-serif; } // forked from phi's "砂嵐(カラー)を作ってみよう - tmlib.js 怒濤の 100 サンプル!! - Graphics(HTML5 Canvas) 編" http://jsdo.it/phi/cgH7 // 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(); // ビットマップを取得 var bitmap = canvas.getBitmap(); for (var i=0,width=bitmap.width; i<width; ++i) { for (var j=0,height=bitmap.height; j<height; ++j) { // ピクセルをセット var r = tm.util.Random.randint(0, 255); var g = tm.util.Random.randint(0, 255); var b = tm.util.Random.randint(0, 255); bitmap.setPixel32XY(j, i, r, g, b, 255); } } // 描画 canvas.drawBitmap(bitmap, 0, 0); }); <canvas id='world'></canvas> body { background-color: #DDDDDD; font: 30px sans-serif; } 请使用支持内嵌框架的浏览器 到jsdo.it games上查看 作者信息 分享 嵌入博客 QR二维码 标签 下载 成功! 描述 是怎样的游戏? 控制设备 智能机遥控器 jsdo.it WebSocket Controller» 鼠标 键盘 触摸设备 全屏 有效 无效 从jsdo.it games上删除 提交 作者信息 Benskddl Tweet 默认面板 自动播放 截图 Readme JavaScript HTML CSS 部件尺寸 宽度: px 高度: px 部件代码 <script type="text/javascript" src="http://jsdo.it/blogparts/QXuI/js"></script> art&design canvas html5 html5_elements&api javascript library&test smartphones&tablets tmlib.js 怒濤 讨论区 试着提些关于代码的问题! 标签 art&design canvas html5 html5_elements&api javascript library&test smartphones&tablets tmlib.js 怒濤