ツナドーナツ・技術メモ帳

色々なものを作る過程で分からなかったことなどを書いていきます

2017-05-01から1ヶ月間の記事一覧

シダのフラクタルを描く

コメント後で書きます <html lang="ja"> <head> <meta charset="UTF-8"> <title>シダを描く</title> </head> <body> <canvas id="canvas" width="640" height="480"></canvas> <script> function drawLoopArc() { var canvas = document.getElementById("canvas"); var ctx = canvas.getContext('2d'); var width = canvas…</body></html>

音ゲーを作りたい１

JavaScript

とりあえず自動で動くノーツに合わせてスペースキーを押すと「HIT！」と表示されるものを作った。 当たり判定は上に15px、下に3pxマージンを取ってある（はず） ソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>音ゲーテスト</title> <style> #canvas { background: #FFFFFF; } </style> </head> <body> <canvas id="canvas" width="480" height="300"></canvas> </body></html>

コッホ曲線完成

JavaScript

<html lang="ja"> <head> <title>コッホ曲線を描く</title> <meta charset="UTF-8"> <style> #canvas { background: #FFFFFF; } </style> </head> <body> <canvas id="canvas" width="640" height="480"></canvas> <input type="button" value="start" onclick="drawLoopSquare();"/> <script> function drawLoopSq…</body></html>

コッホ曲線を描く（未完成）

JavaScript

コッホ曲線を描く（未完成） 失敗だけど面白い形ができるのでとっておく <html lang="ja"> <head> <title>コッホ曲線を描く</title> <meta charset="UTF-8"> <style> #canvas { background: #666; } </style> <script> function drawLoopSquare() { var canvas = document.getElementById("canvas"); var ctx = canvas.getContext('2d'); var wi</meta></head></html>…