Forked from: f_to's リンク表示 View Diff (32) forked: リンク表示 a17dc154 Follow 2018-12-16 15:04:41 License: MIT License Fork0 Fav0 View99 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 102 lines HTML 1 lines CSS 10 lines forked: リンク表示 ui.enchant.js enchant.js v0.8.0 // forked from f_to's "リンク表示" http://jsdo.it/f_to/EoQh enchant(); window.onload = function(){ // 30 * 32 var img = [ [0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0], [0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0], [0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0], [0,0,0,0,1,1,2,2,2,2,1,1,1,1,1,1,1,1,1,2,2,2,2,1,1,1,1,1,0,0], [0,0,0,0,1,1,2,2,2,2,1,1,1,1,1,1,1,1,1,2,2,2,2,1,1,1,1,1,0,0], [0,0,0,0,2,2,2,2,2,2,2,2,1,1,1,1,1,2,2,2,2,2,2,2,2,1,1,1,0,0], [0,0,0,0,2,2,2,2,2,2,2,2,1,1,1,1,1,2,2,2,2,2,2,2,2,1,1,1,0,0], [0,0,0,0,3,3,3,3,2,2,2,2,1,1,1,1,1,3,3,3,3,2,2,2,2,1,1,1,0,0], [0,0,0,0,3,3,3,3,2,2,2,2,1,1,1,1,1,3,3,3,3,2,2,2,2,1,1,1,0,0], [0,0,0,0,3,3,3,3,2,2,2,2,1,1,1,1,1,3,3,3,3,2,2,2,2,1,1,1,1,1], [0,0,1,1,3,3,3,3,2,2,2,2,1,1,1,1,1,3,3,3,3,2,2,2,2,1,1,1,1,1], [0,0,1,1,1,1,2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,0,0,1,1,1,1,0,0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,1], [0,0,0,0,1,1,1,1,0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], ]; var colorPalette1 = [ [0, 0, 0],]] [184, 248, 24], [255, 160, 68], [228, 92, 16], [0, 0, 0], [0, 0, 0], [0, 0, 0], [0, 0, 0] ]; var game = new Game(320, 320); game.onload = function(){ var imgW = img[0].length; // 画像の横サイズ var imgH = img.length; // 画像の縦サイズ sprite = new Sprite(imgW, imgH); var surface = new Surface(imgW, imgH); sprite.image = surface; sprite.x = 150; // X座標 sprite.y = 150; // Y座標 sprite.scaleX = 1; // 横の拡大率 sprite.scaleY = 1; // 縦の拡大率 // 画像を初期化 writeSprite(); game.rootScene.addChild(sprite); // 画面にLinkを表示する // spriteの画像を書き換える function writeSprite(){ for(var i=0; i<imgH; i++){ for(var j=0; j<imgW; j++){ if(img[i][j] === 0){ // 透明色 surface.setPixel(j, i, 0, 0, 0, 0); }else{ var r = colorPalette1[img[i][j]][0]; var g = colorPalette1[img[i][j]][1]; var b = colorPalette1[img[i][j]][2]; surface.setPixel(j, i, r, g, b, 255); } } } } }; game.start(); }; <p id='helloWorld'></p> forked: リンク表示 * { margin: 0; padding: 0; border: 0; } body { background: #ddf; font: 30px sans-serif; } // forked from f_to's "リンク表示" http://jsdo.it/f_to/EoQh enchant(); window.onload = function(){ // 30 * 32 var img = [ [0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0], [0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0], [0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0], [0,0,0,0,1,1,2,2,2,2,1,1,1,1,1,1,1,1,1,2,2,2,2,1,1,1,1,1,0,0], [0,0,0,0,1,1,2,2,2,2,1,1,1,1,1,1,1,1,1,2,2,2,2,1,1,1,1,1,0,0], [0,0,0,0,2,2,2,2,2,2,2,2,1,1,1,1,1,2,2,2,2,2,2,2,2,1,1,1,0,0], [0,0,0,0,2,2,2,2,2,2,2,2,1,1,1,1,1,2,2,2,2,2,2,2,2,1,1,1,0,0], [0,0,0,0,3,3,3,3,2,2,2,2,1,1,1,1,1,3,3,3,3,2,2,2,2,1,1,1,0,0], [0,0,0,0,3,3,3,3,2,2,2,2,1,1,1,1,1,3,3,3,3,2,2,2,2,1,1,1,0,0], [0,0,0,0,3,3,3,3,2,2,2,2,1,1,1,1,1,3,3,3,3,2,2,2,2,1,1,1,1,1], [0,0,1,1,3,3,3,3,2,2,2,2,1,1,1,1,1,3,3,3,3,2,2,2,2,1,1,1,1,1], [0,0,1,1,1,1,2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,1,1,1,1,1,1,1,1,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1], [0,0,0,0,1,1,1,1,0,0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,1], [0,0,0,0,1,1,1,1,0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], ]; var colorPalette1 = [ [0, 0, 0],]] [184, 248, 24], [255, 160, 68], [228, 92, 16], [0, 0, 0], [0, 0, 0], [0, 0, 0], [0, 0, 0] ]; var game = new Game(320, 320); game.onload = function(){ var imgW = img[0].length; // 画像の横サイズ var imgH = img.length; // 画像の縦サイズ sprite = new Sprite(imgW, imgH); var surface = new Surface(imgW, imgH); sprite.image = surface; sprite.x = 150; // X座標 sprite.y = 150; // Y座標 sprite.scaleX = 1; // 横の拡大率 sprite.scaleY = 1; // 縦の拡大率 // 画像を初期化 writeSprite(); game.rootScene.addChild(sprite); // 画面にLinkを表示する // spriteの画像を書き換える function writeSprite(){ for(var i=0; i<imgH; i++){ for(var j=0; j<imgW; j++){ if(img[i][j] === 0){ // 透明色 surface.setPixel(j, i, 0, 0, 0, 0); }else{ var r = colorPalette1[img[i][j]][0]; var g = colorPalette1[img[i][j]][1]; var b = colorPalette1[img[i][j]][2]; surface.setPixel(j, i, r, g, b, 255); } } } } }; game.start(); }; <p id='helloWorld'></p> * { margin: 0; padding: 0; border: 0; } body { background: #ddf; 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 a17dc154 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/61WM/js"></script> application Discussion Questions on this code? Tags application