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

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

JS

レイトレ

JavaScriptでレイトレした。まだ球を1つだけしか表示させてない。何度目かのレイトレーシング。最近やりたいことが増えてしまって困ってる。目標や優先順位作っても私は守らないので全部やる方向で行く

three.jsで遊んでる

JS

ArrowHelperなるものを見つけたので早速使ってみた。その結果、矢印を表示できるようになった。XYZでそれぞれ違う色の矢印を表示している。

久しぶりにThree.jsを使ってみる

JS

gl.enchant.jsを一旦休めて、久しぶりにthree.jsを試してみた。いろいろ変わった気がするが、特に影が追加されていたのは驚いた。Shadow Mapかよ!しかも、Rayとポリゴンの当たり判定もあるようだ。凄い。gl.enchant.jsもこれぐらいにしてみたいと思うが、私…

バグらせた。しかし...

Shadow Mapで遊んでいたら、シェーダでミスして複数の影が重なりあうような現象が発生。ソフトな影を目指してたけど、これはこれでちょっと弄れば使えそう

WebCLかぁ

JS

面白そうではあるけど、WebGLのGLSLみたいにJavaScriptでない部分が拡大していく!そのうちJavaScriptはWeb○○を呼び出すだけってことにも?! http://webcl.nokiaresearch.com/

TwitterにもFacebookにも貼ったので

ここにも貼っておこう。左下のコンボボックスで表情を選んでいる。早くアニメーションを実装なければ!

表情切り替え

表情を変えるだけなら前回やっていたが、それは描画前に1度しか切り替えなれないものだった。今回は描画後でも何度でも切り替えられるように修正した。さぁ、次はアニメーションか!?

表情変化!

MMDのモデルから表情リストを読み取り、表情を変化させることに成功した。あとはアニメーションかな。IKが大変そうだ

今度こそエッジを

前回はエッジがあるかどうかが際どく、エッジの無い画像と比べてもよくわからなかったが、今回はちゃんとエッジが見える。やったね!

Chromeでバグった?

MMDで描画したモデルをfirefoxで表示すると、普通に描画されるが、Chromeで見るとちらつきが発生。何故かと思ったら、描画用のループ(というかタイマで定期的に実行だが)でvertexAttribPointerを毎回呼び出していることが問題だったようだ。1回呼び出したら…

法線使うと死ぬ

シェーダで正規化した法線と正規化したライトの向きの内積を使うと何故か描画がおかしくなる。他のモデルではうまくいくのに...法線がなんか特殊なのか?モデルに用意されてる法線使わなければ描画できるので、法線抜きで

ちょっとだけエッジをだしてみた

上の画像がちょっとだけエッジをだしてみたところ。下の画像は以前のやつにちょっと近づけたやつ。服の内側が消えてしまってるのは気にしない。他はよく見ると違うような同じのような

LAT式

このエントリのグロ注意状態になっている。みんなが通る道らしい? http://d.hatena.ne.jp/edvakf/20111002/1317578036

巡音ルカを探して

MMDに巡音ルカが含まれてなかったので、探してみたところ、結構見つかった。そこで直感で選んだルカをWebGLで表示してみた。ライトとかシェーダの関係で残念な感じになってしまってるけど許してー。頑張ればもっと可愛くなると思います!配布元はこちら

今夜はここまで!

LAT式はうまくいかなかったけど、MMD付属の初音ミクはなんとなくうまく表示されている?気がする。今夜はもう満足だ

Ambientを入れた

Ambient入れたら色が明るくなった

色が...?

diffuseカラーの適用とテクスチャマッピングを終わらせた。あとAmbientとかSpecularの適用か。それが終わったらシェーダで頑張る

drawElementsで失敗

drawElementsの第四引数は単純にindexを渡せば良いと思っていた。しかし、それではうまくいかなかった。そこでGoogle先生に聞いてみたところ、WebGL の drawElements の第四引数は「バイト数」というエントリに到達。なるほど、バイト数指定か...と思いなが…

描画方法を変える必要がある

現在、とりあえず1回のdrawElementsで全ての頂点を表示している。テクスチャを考えなければそれで良かったが、部位ごとに違うテクスチャを貼りつけたり、一部だけテクスチャを貼りつける場合、問題になりそうなので、描画方法を考える。とは、言ってもMMDの…

とりあえずdiffuseだけでも

MikuMikuDanceのモデルをWebGLで表示。ただし、色はdiffuseだけな!正面向かせるとテクスチャ貼ってないから目がギャー

MMDの頂点と面の情報だけ取得してみた

MMDのモデルデータ(PMD)形式 めも (まとめ)を見ながらJavaでパースして、JavaScriptに変換し、WebGLで表示した。影がアレなのは気にしない!

そういえば

JS

ボスとBGM&SEを追加してました。BGM&SEがあると気分が違う気がする。気がするだけだけど。gl.enchant.jsでシェーダー弄ってみたいが、どうやればいいのかがわからない。もう少し調べてみるか

MetalStrikerをアップデートしました

JS

http://9leap.net/games/3139

エフェクト変化

JS

敵を倒した時のエフェクトを少し変えた。そして、ショットが敵に当たった時のエフェクト追加した。スクリーンショットがわかりづらい...

敵の種類増やした

JS

だんだんゲームらしくなってきた?

enchant.jsの継承を使ってみた

JS

gl.enchant.jsを使ったシューティングを作っているが、やはり継承が欲しい!と思ったのでenchant.jsの継承を使ってみた。作ったクラスは敵が発射する弾の部分。いくつかバリエーションが欲しいと思ったので、そのバリエーションの共通する部分を抜き出してEn…

気になる本

JS

現在、JavaScriptが気になっているところだが、特にスマートフォンあたりが気になっているところ。スマートフォン向けのライブラリはいくつかあるようだが、その1つのSencha Touchが気になっているところSencha Touchではじめるモバイルアプリ開発―無料で使…

JavaScript UIライブラリー

JS

まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ「w2ui」http://www.moongift.jp/2013/03/20130303/。ちょっと使ってみたい

パーティクル?

JS

敵を倒したときに立方体を周辺にばら撒くようにした。パーティクルもどき?

当たり判定

JS

ゲームに当たり判定を入れてみた。スクリーンショットは自機から発射された弾が敵にぶつかって後ろにはいかないようにしているところ。斜めに向かってるショットは当たってないので後ろまで行っているが真っすぐ進んでる弾は敵にぶつかり消滅。あとは敵にラ…