- 2010-07-01 (木) 1:35
- プログラミング
プログラミングの大会で幾何が出ると困る．頭の中や紙の上で絵を描くのにはさすがに限界があるからだ．というわけで簡単にかけて使いやすいビジュアライザを作ってみた．
001: <script>
002: function line(x,y,a,b){c.b();c.moveTo(x,y);c.lineTo(a,b);c.s();}
003: function circle(x,y,r){c.b();c.arc(x,y,r,0,7,0);c.s();}
004: window.onload=function(){d=document;d.i=d.getElementById;
005: c=d.i('c').getContext('2d');c.b=c.beginPath;c.s=c.stroke;
006: d.i('s').src='data.js?';};
007: </script>
008: <body><canvas id="c" width="500" height="500"
009: style="border:1px solid #000;"></canvas>
010: <script id="s"></script></body>
002: function line(x,y,a,b){c.b();c.moveTo(x,y);c.lineTo(a,b);c.s();}
003: function circle(x,y,r){c.b();c.arc(x,y,r,0,7,0);c.s();}
004: window.onload=function(){d=document;d.i=d.getElementById;
005: c=d.i('c').getContext('2d');c.b=c.beginPath;c.s=c.stroke;
006: d.i('s').src='data.js?';};
007: </script>
008: <body><canvas id="c" width="500" height="500"
009: style="border:1px solid #000;"></canvas>
010: <script id="s"></script></body>
というファイルを書いてあとは data.js というファイルに描きたい内容を書く．
001: line(100, 100, 200, 100);
002: line(100, 100, 200, 200);
003: circle(100, 100, 50);
004: line(100, 200, 200, 200);
002: line(100, 100, 200, 200);
003: circle(100, 100, 50);
004: line(100, 200, 200, 200);
参考までに．
- Newer: ICPC国内予選
- Older: Mac の Bonjour を使いこなす
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://imoz.jp/2010/07/visualizer-for-icpc/trackback/
- Listed below are links to weblogs that reference
- ICPCのビジュアライザ from 超現実いもす(imos)の日記