JS
JavaScriptでレイトレした。まだ球を1つだけしか表示させてない。何度目かのレイトレーシング。最近やりたいことが増えてしまって困ってる。目標や優先順位作っても私は守らないので全部やる方向で行く
ArrowHelperなるものを見つけたので早速使ってみた。その結果、矢印を表示できるようになった。XYZでそれぞれ違う色の矢印を表示している。
gl.enchant.jsを一旦休めて、久しぶりにthree.jsを試してみた。いろいろ変わった気がするが、特に影が追加されていたのは驚いた。Shadow Mapかよ!しかも、Rayとポリゴンの当たり判定もあるようだ。凄い。gl.enchant.jsもこれぐらいにしてみたいと思うが、私…
Shadow Mapで遊んでいたら、シェーダでミスして複数の影が重なりあうような現象が発生。ソフトな影を目指してたけど、これはこれでちょっと弄れば使えそう
面白そうではあるけど、WebGLのGLSLみたいにJavaScriptでない部分が拡大していく!そのうちJavaScriptはWeb○○を呼び出すだけってことにも?! http://webcl.nokiaresearch.com/
ここにも貼っておこう。左下のコンボボックスで表情を選んでいる。早くアニメーションを実装なければ!
表情を変えるだけなら前回やっていたが、それは描画前に1度しか切り替えなれないものだった。今回は描画後でも何度でも切り替えられるように修正した。さぁ、次はアニメーションか!?
MMDのモデルから表情リストを読み取り、表情を変化させることに成功した。あとはアニメーションかな。IKが大変そうだ
前回はエッジがあるかどうかが際どく、エッジの無い画像と比べてもよくわからなかったが、今回はちゃんとエッジが見える。やったね!
MMDで描画したモデルをfirefoxで表示すると、普通に描画されるが、Chromeで見るとちらつきが発生。何故かと思ったら、描画用のループ(というかタイマで定期的に実行だが)でvertexAttribPointerを毎回呼び出していることが問題だったようだ。1回呼び出したら…
シェーダで正規化した法線と正規化したライトの向きの内積を使うと何故か描画がおかしくなる。他のモデルではうまくいくのに...法線がなんか特殊なのか?モデルに用意されてる法線使わなければ描画できるので、法線抜きで
上の画像がちょっとだけエッジをだしてみたところ。下の画像は以前のやつにちょっと近づけたやつ。服の内側が消えてしまってるのは気にしない。他はよく見ると違うような同じのような
このエントリのグロ注意状態になっている。みんなが通る道らしい? http://d.hatena.ne.jp/edvakf/20111002/1317578036
MMDに巡音ルカが含まれてなかったので、探してみたところ、結構見つかった。そこで直感で選んだルカをWebGLで表示してみた。ライトとかシェーダの関係で残念な感じになってしまってるけど許してー。頑張ればもっと可愛くなると思います!配布元はこちら
LAT式はうまくいかなかったけど、MMD付属の初音ミクはなんとなくうまく表示されている?気がする。今夜はもう満足だ
Ambient入れたら色が明るくなった
diffuseカラーの適用とテクスチャマッピングを終わらせた。あとAmbientとかSpecularの適用か。それが終わったらシェーダで頑張る
drawElementsの第四引数は単純にindexを渡せば良いと思っていた。しかし、それではうまくいかなかった。そこでGoogle先生に聞いてみたところ、WebGL の drawElements の第四引数は「バイト数」というエントリに到達。なるほど、バイト数指定か...と思いなが…
現在、とりあえず1回のdrawElementsで全ての頂点を表示している。テクスチャを考えなければそれで良かったが、部位ごとに違うテクスチャを貼りつけたり、一部だけテクスチャを貼りつける場合、問題になりそうなので、描画方法を考える。とは、言ってもMMDの…
MikuMikuDanceのモデルをWebGLで表示。ただし、色はdiffuseだけな!正面向かせるとテクスチャ貼ってないから目がギャー
MMDのモデルデータ(PMD)形式 めも (まとめ)を見ながらJavaでパースして、JavaScriptに変換し、WebGLで表示した。影がアレなのは気にしない!
ボスとBGM&SEを追加してました。BGM&SEがあると気分が違う気がする。気がするだけだけど。gl.enchant.jsでシェーダー弄ってみたいが、どうやればいいのかがわからない。もう少し調べてみるか
http://9leap.net/games/3139
敵を倒した時のエフェクトを少し変えた。そして、ショットが敵に当たった時のエフェクト追加した。スクリーンショットがわかりづらい...
だんだんゲームらしくなってきた?
gl.enchant.jsを使ったシューティングを作っているが、やはり継承が欲しい!と思ったのでenchant.jsの継承を使ってみた。作ったクラスは敵が発射する弾の部分。いくつかバリエーションが欲しいと思ったので、そのバリエーションの共通する部分を抜き出してEn…
現在、JavaScriptが気になっているところだが、特にスマートフォンあたりが気になっているところ。スマートフォン向けのライブラリはいくつかあるようだが、その1つのSencha Touchが気になっているところSencha Touchではじめるモバイルアプリ開発―無料で使…
まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ「w2ui」http://www.moongift.jp/2013/03/20130303/。ちょっと使ってみたい
敵を倒したときに立方体を周辺にばら撒くようにした。パーティクルもどき?
ゲームに当たり判定を入れてみた。スクリーンショットは自機から発射された弾が敵にぶつかって後ろにはいかないようにしているところ。斜めに向かってるショットは当たってないので後ろまで行っているが真っすぐ進んでる弾は敵にぶつかり消滅。あとは敵にラ…