マッチ棒じゃなくて土筆だよ

作ったもの、作った過程とかを書きたいです。

画面変更とフェード処理

作業内容

・ゲーム画面の背景にparallax.jsを使用

・画面遷移にフェード処理追加

 

ブロック崩しの画面がさみしかったのでparallax.jsで背景をマウスカーソルで動くように変更。画像にdepthを設定して深さに対して移動距離を変更できるようにした。

・画面遷移時にページが白くフェードする処理を追加。cssのanimationでopacityを変更。クラスをjsで操作してある。jsがcssのanimationを検知するので、css側でdurationを管理。

 

jsはやっぱりMDNのドキュメント見るのが一番な気がしてきた。

就寝