Q&A
「作りたい」とだけあって、自身が調べたこと試したことが何もないですが、問題・課題は何でしょうか。
目の前にあるので解析するところからと思いますが・・
https://ascii.jp/elem/000/000/999/999122/
あとリンク文言が非常に怪しいです。調整された方が良いかと思います。
こちらのリンクのウィルスが動いているアニメーションを自分で実装したいです。
現在の状況はdivのなかでparticles.jsを実装しようとしています。
そしてそのparticles.jsの点を画像としてウィルスに変更しようとしているのですがこちらがうまくいかない状況です。
上下運動だけでしたらcssだけでも実装できるのですが、
お客様からの要望はこちらのサイトの様なアニメーションにして欲しいとのことです。
particles.jsの形を変更することで実装することはできないのでしょうか？
また出来ないのであれば他の解決方法を知りたいです。
よろしくお願いいたします。
回答2件
0
ベストアンサー
難読化されていない素直なコードでしたので、比較的読みやすいのではないでしょうか？
Circle2関数あたりがそれだと思います。
https://www.toshiba-tmat.co.jp/res/renecat/common/js/animation.js
投稿2020/08/04 07:20
総合スコア36960
こんなコードを見ることができるのですか！
ディベロッパーツールでHTMLとCSSを見る手法しか知らないのですがこちらを調べる方法も教えていただけますか？
ご回答ありがとうございます！
ディベロッパーツールの「Sources」タブです。
リンク提示したのに・・・
https://ascii.jp/elem/000/000/999/999122/
あー……
ありがとうございます！
0
svgでオブジェクトをいくつかおいて、適当なポイントを中心にまわしたり
透明度をかえたり、サイズをかえたりすればいいでしょう
投稿2020/08/04 06:48
総合スコア116724
あなたの回答
tips
プレビュー
