0

Javaを中心にWebアプリ開発を主にしています。
今ホームページ制作にも興味を持ち、色んなサイトを見ているのですが、
以下のサイトのアニメーションに興味があります。

このサイトのHoldすると結晶になるようなアニメーションはどんな技術を使っていますでしょうか?
あるいは調べ方を教えていただけますと幸いです。

https://tsuyoshi.in/

URLがHTMLではないので、サーバーサイドの言語を使っていますでしょうか。
アドバイス頂けますと幸いです。

0

1 件の回答 1

1

結論

まずは結論から。greensock社が作成したアニメーションライブラリtweenmaxを利用しているようです。

調べ方

ざっくり調べ方ですが、Google Chromeのデベロッパーツールを開きNetworkタブをまず確認します。ブラウザ上でインタラクティブに動くものはほとんどの場合はJavaScriptで書かれているので、JavaScriptのファイルを確認しに行きます。

このとき、キャッシュを削除した上でファイルサイズソートを行います。
往々にして何かしらのライブラリを利用してるはずなので、ファイルサイズが大きいものがライブラリと想像できます(もしくは名前から)。
それっぽいファイルを直接見に行き、Licenseなどの文字列で検索をかけます。そうるすると利用しているライブラリに関連するURLや作者名などが引っ張ってこれます。

殆ど無いですが、ライセンスが記述されていない場合(ライセンス違反になることのほうが多いので殆どない)はwindowオブジェクトに登録されている変数名から割り出すこともできます。

参考

1
  • ご返答頂きありがとうございます!そのようにして探すのですね。参考にさせて頂きます。ありがとうございます!
    – user40231
    Commented 2021年1月10日 0:48

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。