見返すかもしれないメモスマートフォン用の表示で見る見返すかもしれないメモ2018-02-25React+Reduxで脱出ゲームを作るReact服部平次の部屋からの脱出ゲーム作りたい。今までの原作と映画でのトリックをうまく組み合わせて何かできひんかなって考えてる。それと、ちょうどReactをやってみたいと思ってたので、Reactで脱出ゲームがちゃんと作れるのか確かめるために小さいのを作ってみた。Pagesで公開してる。https://github.com/shio-yaamaa/react-escape-room作った感想とか、作り替えるときにどこを変更したらいいかとかメモしておく。中学生の時くらいにNeutralのMyaさんに激しく憧れてて(今ももちろん憧れてるけど)、何でもいいから一個脱出ゲーム作りたい!ってなってシナリオ考えたんだった気がする。見返してみると、物理法則めっちゃ無視してるしアイテムの鍵率高すぎだし酷いけど、なんか頑張って考えたのは覚えている。当時は吉里吉里のKAGで作ろうとしたけど、書き方が悪かったのか超遅くなったので、諦めてしまったんだった。部屋とかアイテムはそのときにモデリング&レンダリングしたので、その画像は今回そのまま使えた。clickedどれをcontainerにするかの判断についてはあんまり自信がない。ゲームごとに書き換えるところなるべく後で使えるように作ったつもりなので、他の脱出ゲームを作るときは下記を変更したらたぶん動く。stateから背景画像を選択したり、クリック場所から動作を決めたりするスクリプトが入ってるので、全部変える。Reactを使ってよかったことJSXが好き。(けどたまにスタイルをJSXかCSSファイルどっちに書こうかめっちゃ迷う。classとかはCSSでしかできないみたいだから)「これがあれやったらそれ表示して」って書いとくだけで初期化も再描画も勝手にやってくれるん嬉しい。初めCanvasとどうやって折り合いをつけるかわからんくて戸惑ったけど、Componentのライフサイクルに合わせてちゃんと書いたらそこまで大変でもなかった。アイテム欄みたいな同じコンポーネントいっぱい並べる所がすごい楽。Reactを使って苦労したところAssetsを事前に全部requireしておくたぶん私がWebpackとかの技術に慣れてなさすぎるんだと思うけど、なんか難しかった。結局このページのmih-kopylovさんの最後のコメントを参考にしたらできた。フェード普通は、actionをdispatchしたらstateが更新されて、即座に画面が更新される。「画面を黒くフェードしていって、一番フェードが濃い状態の時に画面を切り替えて、それからフェードを徐々に消していく」みたいなやつはちょっとめんどくさかった。何かいい方法あるんかな。Reduxを使ってよかったことデータの矛盾が起きない感じがめっちゃいいし、一方的に決まった方法でしか状態を変更できないのもありがたい。save/load機能を作るのがめちゃくちゃ簡単だった。saveはstateをlocalStorageにそのままばーんって入れて、loadではそれをまるごと取ってくればいいだけ。服部の脱出ゲームにもほぼそのまま使えると思うんだけど、まだ部屋のモデリングとか全く進んでないからいつになるかわからなすぎる。今のところはこんなん。実際作ってみると、紫だと思ってたベッドが実は彩度の低い赤だったとわかったり、ポスターのバイクの種類を特定できるようになってきたりと、服部の部屋についての学びが多い。Twitterでは...2016-02-14AndroidでDatePickerDialogのまがい物を作る2日かけて、AndroidのDatePickerDialogのまがい物を作った。(1)Searchはてなブログをはじめよう!YaaMaaさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。