Javaを中心にWebアプリ開発を主にしています。
今ホームページ制作にも興味を持ち、色んなサイトを見ているのですが、
以下のサイトのアニメーションに興味があります。
このサイトのHoldすると結晶になるようなアニメーションはどんな技術を使っていますでしょうか?
あるいは調べ方を教えていただけますと幸いです。
URLがHTMLではないので、サーバーサイドの言語を使っていますでしょうか。
アドバイス頂けますと幸いです。
Javaを中心にWebアプリ開発を主にしています。
今ホームページ制作にも興味を持ち、色んなサイトを見ているのですが、
以下のサイトのアニメーションに興味があります。
このサイトのHoldすると結晶になるようなアニメーションはどんな技術を使っていますでしょうか?
あるいは調べ方を教えていただけますと幸いです。
URLがHTMLではないので、サーバーサイドの言語を使っていますでしょうか。
アドバイス頂けますと幸いです。
まずは結論から。greensock社が作成したアニメーションライブラリtweenmaxを利用しているようです。
ざっくり調べ方ですが、Google Chromeのデベロッパーツールを開きNetworkタブをまず確認します。ブラウザ上でインタラクティブに動くものはほとんどの場合はJavaScriptで書かれているので、JavaScriptのファイルを確認しに行きます。
このとき、キャッシュを削除した上でファイルサイズソートを行います。
往々にして何かしらのライブラリを利用してるはずなので、ファイルサイズが大きいものがライブラリと想像できます(もしくは名前から)。
それっぽいファイルを直接見に行き、License
などの文字列で検索をかけます。そうるすると利用しているライブラリに関連するURLや作者名などが引っ張ってこれます。
殆ど無いですが、ライセンスが記述されていない場合(ライセンス違反になることのほうが多いので殆どない)はwindow
オブジェクトに登録されている変数名から割り出すこともできます。