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

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

2017-01-01から1年間の記事一覧

息抜きに作った(phina.js)

気分転換もかねてphina.jsで色とりどりのブロックがわいてくるやつを作った。

ノベルゲー途中経過

とりあえず普通のテキストファイルを読み込んで表示できるようにしました。 追加したのは主にこの部分です。 //textファイル読み込み $.ajax({ type: 'GET', url: 'sample.txt', success: function(text){ //改行コードで分割 string = text.split(/\r\n|\r\…

ノベルゲーム

ブラウザで出来るノベルゲームということで、とりあえずさわりだけ作ってみました。 今後のやる気次第です。飽きっぽいので。下にスクロールしないとテキストエリアにたどり着けないので注意。まだまだ未完成です。 これからやることは、 テキストデータをJS…

8月27日

phina.jsでGridクラスを使ってマス目毎に四角を書くプログラムを作ろうとしたけどできなかった。 runstant.comなぜか途中からズレが生じる。 Gridクラスで書けないことはないだろうから、また今度挑戦する。

phina.jsでキャラクターの移動に合わせて向きを変える

phina.jsで左右の向きにアニメーションを合わせる方法は見つかったのですが、上下(上り、下り)は無かったのでそれを作っていこうと思います。まずは失敗例 update: function(app){ var key = app.keyboard; if(key.getKey('w')){ this.player.y -= 2; this…

phina.jsでマップ移動できるひよこ

タイトルままです。ゲームに使えそうなやつを作りました。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>

音ゲーを作りたい1

とりあえず自動で動くノーツに合わせてスペースキーを押すと「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>…