質問: JavaScriptを使ってモダンなwebアプリケーションを作ろうと思っています。モダンというのは、例えばアニメーション要素が多いとか、インタラクティブな動作が多いようなアプリケーションをイメージしています。 そこで質問なのですが、そういうゲーム性の高いような、リッチなUIをJavaScriptで実装する時に参考になる動画講座やgithubのコードはないでしょうか。 具体的には、 ・アニメーション:ただのフェードインフェードアウトとか、CSSをいじる...というのではなく、ボタンをクリックするとボールが現れて、バウンドしながら画面外に移動する...みたいな、ある程度長さのあるアニメーション ・ゲーム要素:例えばパズルゲームをJavaScriptで組むとして、ドラッグしている最中についてくるような動きとか、パズルのピースがはめられる位置に近くなったら吸い寄せられるといった動き 上記のような実装のやり方がわかるような記事、講座、ソースコードを探しております。 検索してもどうしてもボタンのホバーアニメーションだけとか、デザインは二の次の純粋にドラッグができるパズルゲームばかり見つかり、リッチなUIを作ることに壁を感じています。 もしご存知でしたら教えていただけると幸いです。よろしくお願い致します。
回答: いわゆるコストが高いUIは環境への依存などを起こしやすいのであまり極端なものは 嫌われると思いますが、とりあえずCodePenに インタラクティブでアニメを多用したテスト的なものが大量にあがっているので 参考にはなると思います。(実用性があるかどうかは不問)