複雑なアニメーション実装に対する実装アプローチについて
Discussion
解決したいこと
Web開発において、参考にしたいサイトのアニメーションを効率的に調査し、自身のサイトでも同等のアニメーションを実装したいです。
しかし、現状ではその実装方法の調査と実装に多くの時間を費やしてしまっています。
こういったケースの際に一般的にどのようにして、実装をしていっているのかご意見を伺いたいです。
現状 / 困りごと
例えば、以下のようなサイトでのメインビジュアルのアニメーションをベースにした実装を作ってほしいとお願いされたとします。
https://village.town/
特に上記のようなJavascriptのライブラリでの実装が多用されている場合、
実装の理解や再現に時間を要することがしばしばあります。
自分で試したこと
参考にしたいサイトのソースコードをブラウザの検証ツールを用いて確認しますが、
Javascriptのコードが圧縮されているケースがほとんどのため、コードの解読が難しいです。
Code Penなどのサービスサイトから、作りたい実装に近いサンプルを探して、部分的にスニペットを借りるような流れをたどることが多いですがやはり、これもに時間がかかってしまいます。
こうした状況を改善するための効率的なアニメーションの調査・実装方法を知りたいです。
0
