2017-01-01から1年間の記事一覧
気分転換もかねてphina.jsで色とりどりのブロックがわいてくるやつを作った。
とりあえず普通のテキストファイルを読み込んで表示できるようにしました。 追加したのは主にこの部分です。 //textファイル読み込み $.ajax({ type: 'GET', url: 'sample.txt', success: function(text){ //改行コードで分割 string = text.split(/\r\n|\r\…
ブラウザで出来るノベルゲームということで、とりあえずさわりだけ作ってみました。 今後のやる気次第です。飽きっぽいので。下にスクロールしないとテキストエリアにたどり着けないので注意。まだまだ未完成です。 これからやることは、 テキストデータをJS…
phina.jsでGridクラスを使ってマス目毎に四角を書くプログラムを作ろうとしたけどできなかった。 runstant.comなぜか途中からズレが生じる。 Gridクラスで書けないことはないだろうから、また今度挑戦する。
phina.jsで左右の向きにアニメーションを合わせる方法は見つかったのですが、上下(上り、下り)は無かったのでそれを作っていこうと思います。まずは失敗例 update: function(app){ var key = app.keyboard; if(key.getKey('w')){ this.player.y -= 2; this…
タイトルままです。ゲームに使えそうなやつを作りました。runstantを初めて使ったので、試しにそれを乗っけてみます。うまい具合に表示されているようなのでこれからはrunstantをつかって作っていこうと思います。追記: 使用したひよこの画像は「やさぐれひ…
コメント後で書きます <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>
とりあえず自動で動くノーツに合わせてスペースキーを押すと「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>…