JavaScript
僕がよく使っていた、JavaScriptで画像処理のやり方を紹介していたサイトが消えてしまったので自分で調べて作ってみることにしました。 こういう感じで表示させます。 inputタグを使って読み込んだファイルをcanvasに表示する方法ですソースコード <html lang="ja"> <head> <meta charset="UTF-8"> <title>ファ</title></meta></head></html>…
phina.jsで左右の向きにアニメーションを合わせる方法は見つかったのですが、上下（上り、下り）は無かったのでそれを作っていこうと思います。まずは失敗例 update: function(app){ var key = app.keyboard; if(key.getKey('w')){ this.player.y -= 2; this…
とりあえず自動で動くノーツに合わせてスペースキーを押すと「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>
<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>
コッホ曲線を描く（未完成） 失敗だけど面白い形ができるのでとっておく <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>…
