Processing.js 8x8 ドットマトリックスLEDっぽいのつくってみた funnythingz Follow 2012-02-06 13:57:55 License: MIT License Fork0 Fav0 View1206 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 0 lines HTML 33 lines CSS 0 lines Processing.js 8x8 ドットマトリックスLEDっぽいのつくってみた <script type="text/javascript" src="http://cloud.github.com/downloads/processing-js/processing-js/processing-1.3.6.min.js"></script> <script type="text/processing" data-processing-target="mycanvas"> int[][] p = { {0,0,1,0,0,0,0,0}, {0,1,1,1,1,1,0,0}, {0,0,1,0,0,0,0,0}, {0,0,1,1,1,1,0,0}, {0,1,1,0,1,0,1,0}, {1,0,1,1,0,0,1,0}, {0,1,1,0,0,1,0,0}, {0,0,0,0,0,0,0,0} }; void setup(){ size(81, 81); frameRate(30); } void draw(){ background(0); stroke(0); for(int y = 0; y < p.length; y++){ for(int x = 0; x < p[y].length; x++){ if(p[y][x] == 0){ fill(96, 96, 96); } else if(p[y][x] == 1){ fill(255, 0, 0); } ellipseMode(CORNER); ellipse(x*10, y*10, 10, 10); }} } </script> <canvas id="mycanvas"></canvas> Processing.js 8x8 ドットマトリックスLEDっぽいのつくってみた <script type="text/javascript" src="http://cloud.github.com/downloads/processing-js/processing-js/processing-1.3.6.min.js"></script> <script type="text/processing" data-processing-target="mycanvas"> int[][] p = { {0,0,1,0,0,0,0,0}, {0,1,1,1,1,1,0,0}, {0,0,1,0,0,0,0,0}, {0,0,1,1,1,1,0,0}, {0,1,1,0,1,0,1,0}, {1,0,1,1,0,0,1,0}, {0,1,1,0,0,1,0,0}, {0,0,0,0,0,0,0,0} }; void setup(){ size(81, 81); frameRate(30); } void draw(){ background(0); stroke(0); for(int y = 0; y < p.length; y++){ for(int x = 0; x < p[y].length; x++){ if(p[y][x] == 0){ fill(96, 96, 96); } else if(p[y][x] == 1){ fill(255, 0, 0); } ellipseMode(CORNER); ellipse(x*10, y*10, 10, 10); }} } </script> <canvas id="mycanvas"></canvas> use an iframe compat browser, deer Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか？ Control Device スマートフォンコントローラー jsdo.it WebSocket Controller» マウス キーボード タッチデバイス Fullscreen 有効 無効 jsdo.it games から削除する Submit Tweet style Design view Code view code <script type="text/javascript" src="http://jsdo.it/blogparts/uhNO/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/funnythingz/uhNO" title="Processing.js 8x8 ドットマトリックスLEDっぽいのつくってみた">Processing.js 8x8 ドットマトリックスLEDっぽいのつくってみた - jsdo.it - share JavaScript, HTML5 and CSS</a></p> Canvas Processing Tweet twitter Tags Canvas Processing Forked sort new page view favorite forked forked: Processing.js 8x8 ドットマ.. MasashiSalva.. 00 56views 2/33/1 Canvas Processing
