対戦オセロwebapi

1160 ワード
オセロ Plunker オセロ テキストリンク

概要

対戦オセロwebapiを作ってみる。
石を作る。
サイズは、120*40

写真

サンプルコード

ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(0, 40);
ctx.lineTo(120, 40);
ctx.lineTo(120, 0);
ctx.lineTo(0, 0);
ctx.moveTo(40, 0);
ctx.lineTo(40, 40);
ctx.moveTo(80, 0);
ctx.lineTo(80, 40);
ctx.closePath();
ctx.fillStyle = "limegreen";
ctx.fill();
ctx.strokeStyle = "black";
ctx.lineWidth = 1;
ctx.stroke();
ctx.beginPath();
ctx.fillStyle = "black";
ctx.arc(20, 20, 18, Math.PI * 2, 0, false);
ctx.fill();
ctx.closePath();
ctx.beginPath();
ctx.fillStyle = "white";
ctx.arc(100, 20, 17, Math.PI * 2, 0, false);
ctx.fill();
ctx.closePath();

成果物

以上。