マイペースなプログラミング日記

DTMやプログラミングにお熱なd-kamiがマイペースに書くブログ

JS

敵キャラ表示

JS

敵キャラを表示してみた。ただ直進するだけのつまらない動きをしてるけど、まぁ、最初はこんなものだ

Wii UのGamePadでJavaScriptを使ったゲーム開発?

JS

なんかJavaScriptでGamePadの状態を取得できるらしい。何ができるか考えてみよう! http://www.nintendo.co.jp/wiiu/hardware/features/internetbrowser/extended_functionality.html

ちょっと変更

JS

1度にだす弾の数を増やした。あと移動時のアニメーション追加。早く敵のモデルを作る作業に戻るんだ!って家に帰るまで作れません!残念ながら今日はあまり進まない模様

移動とショットをできるようにした

JS

まぁ、まずは初歩的な機能から。これから敵を追加したりする

次はシューティング作りたい

JS

enchant.js使ってシューティング作りたい。そういえばローグライクはどこいった...完全に俺のやる気の問題だが

jsdoitにローグライクな散歩ゲームをアップロードしました

JS

http://jsdo.it/d-kami/rUIj

ローグライクで使う領域分割のテストをアップロードしました

JS

jsdoitにローグライクで使う領域分割のテストをアップロードしました。更新ボタンが押されるたびに分割のされかたが変化します http://jsdo.it/d-kami/bkpr

壁貫通型First Person Sanpoをjsdoitにアップしました

JS

銃は撃てません、壁貫通します。FirefoxかChromeの新しいバージョンで見てね! http://jsdo.it/d-kami/piD4

WireFrameをjsdoitにアップしました

JS

WireFrameのプログラムをjsdoitにアップしました。Firefoxだとものすごく重いです。HTML5のcanvas使ってます http://jsdo.it/d-kami/aLGU

Javaで作ってたワイヤーフレームをJavaScriptに移植してみた

JS

タイトルの通り。WebGLを使わずに3Dモデルをワイヤーフレームで表示してみた

ローグライクを目指して その17

そういえば復活してたのでスクリーンショットだけでも載せておく。モンスター側の攻撃も実装しないと

Canvasを使って画像処理

JS

JavaScriptでCanvasの画像データにアクセスできることを知ったので、試しにモノクロ画像を表示してみた。contextのgetImageDataを使っているのだが最初は配列の各要素にARGBが入ってるものだと思ってやって失敗。配列の各要素にR、G、B、Aが1つずつ入ってた…

ローグライクを目指して その16

今回はプレイヤーの攻撃を実装した。そして、敵のHPが0になると消えるようにした。

OBBのテスト、しかし...

OBBをJavaScriptで作り、テストしようと思った。しかし問題発生。JavaScriptで継承もどきを使った部分で何か変な挙動が起こる。AとBのボックスを作ったがAを動かすとBも同じ位置に行ってしまうという問題が発生した。それぞれ別のオブジェクトなのだが、オー…

OBB

もうすぐ実装できる...はず。これができたら衝突判定ができる。さて、もうひと頑張りだ

ローグライクを目指して その15

メッセージウインドウの表示を行った。まだ、攻撃とかは実装してません。表示されてるメッセージは嘘だったり。まぁ、順調でないけど進んでるよ

ローグライクを目指して その14

選択ダイアログで項目を選べるようにした。選択した項目の背景色を変えることで、どれが選択されてるかわかるようにした。選択が完了したらコールバックするように変更などもした

ローグライクを目指して その13

今回はテキストの表示を行った。選択ダイアログのつもりなので複数のテキストをボックスで囲んでいる。選択されたテキストがわかるように何かマークを付けたり背景色を変えたりしたい

ローグライクを目指して その12

とりあえず現状の物をアップロードした。敵がいるけど攻撃できず。敵もランダム移動するのみ 以下デモ(HTML5のCanvasが動くブラウザで見てね!) 操作方法 W 上へ移動 A 左へ移動 S 下へ移動 D 右へ移動 X ワープのマークに乗った状態で押すとワープ http://w…

ローグライクを目指して その11

敵の数を増やしてみた。そしてランダム移動するようになった。試にやってみたら大部屋出現

ローグライクを目指して その10

ミニマップに敵の位置も表示してみた。表示する敵は同じ部屋にいるか隣接してる場合のみ。ミニマップではプレイヤーキャラが黄色、敵を赤で表示している

ローグライクを目指して その9

モンスターを追加してみた。次はモンスターの移動や、攻撃などを実装したい

ローグライクを目指して その8

別のマップに移動する手段を考えていたが、ワープということにした。以下の画像の何かのマークが別のマップへのワープ場所。この上に乗ってXを押せば別のマップに行けるようにした。 以下デモ(HTML5のCanvasが動くブラウザで見てね!) 操作方法 W 上へ移動 A…

ローグライクを目指して その7

ミニマップを改良した。部屋に入ったときは部屋全体をミニマップに登録するようにしたのと、自分の位置を表示するようにした(画像の赤い点)。

ローグライクを目指して その6

今回はミニマップを表示するようにした。歩いた部分がミニマップに表示される。しかし、今は部屋に入った時に部屋全体を表示するようになってないという欠点がある。あとプライヤーキャラクターの位置を表示してないことに気付く。やらなければ

ローグライクを目指して その5

とりあえず操作可能になったのでアップしました。移動ボタンを同時押しすれば斜め移動できたりしますが、思わぬところでも斜め移動可能となっています。修正予定です。また上下同時押しや左右同時押しだとムーンウォーク状態になったりします。修正しなけれ…

ローグライクを目指して その4

プレイヤーキャラの移動をできるようにした。ただ特定のキーが押されている間、キャラクターを動かし続けるだけというものだけど。画像の切り替えができてないので、画像の切り替えを行ってアニメーションをやりたい

ローグライクを目指して その3

First Seed Materialからゲーム素材をダウンロードさせてもらって、ゲームっぽくしてみた。次はキャラクターを動かすのと、画面のスクロール処理かな

ローグライクを目指して その2 マップ作成編

ランダムマップを作成できるようになったけど、部屋と部屋をつなぐ道がお馬鹿さんになってしまってる。いらない道を削る方法を考えないといけないなデモ(IE9以降やFirefox、Chromeで見てね!)http://www.d-kami.net/rlg/test2/スクリーンショット

ローグライクを目指して その1

ローグライクなゲームをHTML5のCanvasを使って作りたいと思い、まずはアクセスされるたびにエリアをランダムに分割するプログラムを作った。この分割したスペースに部屋を入れて通路で繋いでいくようにする。デモ(IE9以降やFirefox、Chromeなどで見れます)ht…