じょりらぼ

野菜だったりプログラムだったり電子工作だったり

html

html5で遊ぶ canvasでマインスイーパーを作ってみた

html5の勉強(お遊び)がてらマインスイーパーを作ってみた html5というかjavascriptごりごりだけどねソースは長いのでブログには貼りませんが、 コメント書いてあるので参考にしたいという稀有な方が見えたら 右クリックから好きなだけソースを見てください…

html5で遊ぶ その3(canvasでアニメーション)【玄人向け】

前回までcontextをくるくるさせることで三角形を動かしていましたが、 contextそのものを動かさなくても描画する図形そのものを動かす方法もあります。 ※translateやrotateを使わないパターンです。難点はcosやsinが必要なぐらいですかね。 <html> <head> <script type="text/javascript"> function init</head></html>…

html5で遊ぶ その2(canvasでアニメーション)

前回は1つの三角形をくるくると回転させただけですので、 今回は複数の三角形をくるくるさせてみたいと思います。 <html> <head> <script type="text/javascript"> function init(){ var canvas = document.getElementById('field'); var context = canvas.getContext('2d'); // 1つ目の三角形 context.</head></html>…

html5で遊ぶ その1(canvasでアニメーション)

今更ながらhtml5のcanvasで遊んでみました。 canvasはJavaScriptを使うといろいろとお絵かきができちゃいます。 しかも、大抵のスマホでも動かすことができます、素敵!! (ばいばい、flash! htmlを用意する <html> <head></head> <body> <div> <canvas width="400" height="400" id="field"></canvas> </div> </body> いろいろ省いていますが超シンプルに書く</html>…