Many Rectangulars

kt9

2010-09-03 11:46:35

License: MIT License

Fork: 2

Fav: 0

View: 787

Play
Stop
Reload

Fullscreen

Smart Phone

Fork tree

Readme
JavaScript 57 lines
HTML 1 lines
CSS 7 lines

Many Rectangulars

// 矩形を作る
function diffColorRect(ctx, x, y)
{
  var crd = new Array( new Array(blockWidth, 0), new Array(0, blockHeight), new Array(-blockWidth, 0), new Array(0, -blockHeight) );

for(var i = 0; i < 4; i++) {
    var r = Math.floor(Math.random() * 230);
    var g = Math.floor(Math.random() * 230);
    ctx.strokeStyle = 'rgb(' + r + ', ' + g + ', 255)';
    ctx.beginPath();
    ctx.moveTo(x, y);
    x += crd[i][0];
    y += crd[i][1];
    ctx.lineTo(x, y);
    ctx.closePath();
    ctx.stroke();
  }
}

// 描画
function draw(ctx)
{
  // canvasをクリアする
  ctx.clearRect(0, 0, canvasWidth, canvasHeight);

// 矩形を作る
  for(var i = 0; i < blockNum * (Math.random() * 0.3 + 0.7); i++) {
    diffColorRect( ctx, Math.floor( Math.random() * (canvasWidth - blockWidth) ) + 0.5, Math.floor( Math.random() * (canvasHeight - blockHeight) ) + 0.5 );
  }
}

window.onload = function() {
  // 描画先canvasのidを取得する
  var canvas = document.getElementById("canvas");
  if( !canvas || !canvas.getContext ) { return flase; }

// 大きさを設定
  canvas.width = canvasWidth;
  canvas.height = canvasHeight;

// contextを取得する
  ctx = canvas.getContext('2d');

// タイマーを設定
  setInterval('draw(ctx)', 100);
}

Many Rectangulars

Play on jsdo.it games
Share
Embed
QR
Tag
Download

Complete!

Description どんなゲームですか？

Control Device

	スマートフォンコントローラー jsdo.it WebSocket Controller»
	マウス
	キーボード
	タッチデバイス

Fullscreen

有効
無効

jsdo.it games から削除する Submit

style

Design view
Code view

code

<script type="text/javascript" src="http://jsdo.it/blogparts/yTl5/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/kt9/many_rects" title="Many Rectangulars">Many Rectangulars - jsdo.it - share JavaScript, HTML5 and CSS</a></p>

QR Code