ノベルゲームを作成する。
Phaserがとてもよい。 ブラウザでプレイできるようにする。
今は終わってないうちに開始してる。 コード的にもloading sceneに描画があったりしてよくない。
同じようなアニメーションコードが分散している。 まとめられる可能性がある。
開発時に効果音があるとうざい。 あるいは開発時はロゴ表示しない、とか。 また、開発時は好きにシーンを遷移できるようにする、とか。
バグ。テキストのアニメーションでそうなったぽい。 タイムラインの最初にsetBackground()を置くと、next()でstackループになってエラーになる。
作品として成立してるくらいのレベルに。
this.text.x などを使うと、長いconstructorを分離できそう。
ああでも、クラス変数が未定義エラーになってしまうので、constructorの中でしか定義できない可能性がある。
未定義を容認すればよいのだが、デメリットもありそう。
現状は壊れていてもわからない。 確かめるためには逐一クリックしてメッセージを進めないといけない。 一応コンパイルができてるかのチェックはできるが。
定点クリックとJavaScriptエラーがないかのチェックくらいか。
いちいち全部辿ってチェックするのは面倒だからな。
効果音が終わってから遷移させたい。 あるいは全部アニメーションするまではクリックしてメッセージ送りできないとか。
今jsonで書いてるところをWEB上でできるようにすれば、WEBビルダーが作れる。
最低限のノベルゲームが作成できる。非常に参考になる。
開発時と本番環境での、ファイルパスのズレが生じる。カレントディレクトリはsrcディレクトリになってるようなので、そこからの相対指定でできた。
まず最小限を完成させる。 一気にパッと出すのではなく、アニメーションで1文字ずつ出したい。 今まではtimeline dataに空文字を入れると何も表示してなかった。 アニメーション化の影響で起こるようになった。returnを入れて解決。
<2021-11-07 Sun>現状、突然切り替わるだけだから、わかりづらい。 場面暗転したことを伝えるアニメーションが欲しい。暗転したあと、クリックすると進めるようにしたい。 もう一区切りほしい。 今は勝手にテキストが進む。
fade用sceneを追加して、暗転用の画像表示とクリックで進めるようにした。 scene間のコードのつながりがなんとなくわかる。 MainSceneの作りがよく、続きから再生できるようになっていた。未定義のときだけstartにいく。 なのでScene、Timelineで自由に遷移できる。
<2021-11-07 Sun> 次がクリックできますよ、ということを示すために。 固定位置だとできるんだが、微妙だな。 一番ベストなのは、文末で▽を表示してゆっくりと点滅させることだ。 テキスト送りの三角を回したい。 かっこいいロゴ表示をするとモチベにもなるだろう。 開発時はオフにする。- Phaser - Examples - Blend Modes円とブレンドモードのサンプル