MimizuToHanamizu https://blog.hatena.ne.jp/MimizuToHanamizu/ マッチ棒じゃなくて土筆だよ https://fresh-tsukushi.hatenablog.com/ 作業内容 ・ゲーム画面の背景にparallax.jsを使用 ・画面遷移にフェード処理追加 ・ブロック崩しの画面がさみしかったのでparallax.jsで背景をマウスカーソルで動くように変更。画像にdepthを設定して深さに対して移動距離を変更できるようにした。 ・画面遷移時にページが白くフェードする処理を追加。cssのanimationでopacityを変更。クラスをjsで操作してある。jsがcssのanimationを検知するので、css側でdurationを管理。 jsはやっぱりMDNのドキュメント見るのが一番な気がしてきた。 就寝 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ffresh-tsukushi.hatenablog.com%2Fentry%2F2021%2F02%2F15%2F220045" title="画面変更とフェード処理 - マッチ棒じゃなくて土筆だよ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2021-02-15 22:00:45 rich https://fresh-tsukushi.hatenablog.com/entry/2021/02/15/220045 1.0 100%