JavaScriptで、雪や、粒子が複雑に動き回るアニメーション作成 jsプラグイン【particles.js】
某サイトをみていると、
背景で線でつながれた幾何学模様が、ものすごく複雑に動き回るアニメーションをしていました。
すごいな、、、どうやってんだ？？
って開発者ツールなど使って調べたところ、
「particles.js」なる、JavaScriptのプラグインを使用している様子、、、
（有名どころでいうと、Swiperのプラグインとかと同じようなもの）
試しに基本的使いかた調べて、雪が降るアニメーション作ってみました↓↓
#デイトラ #WEB制作
JavaScriptの粒子表示プラグイン
「particles.js」の練習で雪アニメーション作成
ほぼ参考サイト様のコード流用で、著作権など大丈夫なレベルで加工
参考サイト様のおかげですが、けっこういい雰囲気でるもんですね
工夫次第でいろんな粒子表示可ですhttps://t.co/2JMJ8dz5IX— しゅう【Webサイト制作/改良・コーダー】_筋トレとプログラミング学習で一生成長期のおやじ (@shu_web_net) April 20, 2025
実際に作ったアニメーションテスト置き場↓↓
しゅう【Webサイト制作・コーダー】アニメーションテスト置き場
作り方の参考にさせていただいたサイト様は↓↓
【雪を降らせる】particles.jsを使って簡単にアニメーション
【particles.js】の公式サイト＝ダウンロードサイトは↓↓
【particles.js】の公式サイト＝ダウンロードサイト
サイバーエージェントが運営する小学生向けプログラミングスクール
Tech Kids School【テックキッズスクール】
けっこうガチ目っぽいです↓↓
京大生中心のエンジニアによる中高生のためのプログラミング教室↓↓
僕がWeb制作を学んだデイトラ↓↓
継続的に学習する意思があって、何でも他人任せにするようなひとでなければ、圧倒的低価格で、圧倒的実力が身に付きます