しゅう【Webサイト制作/改良
・コーダー】
のPortfolio Site

JavaScriptで、雪や、粒子が複雑に動き回るアニメーション作成 jsプラグイン【particles.js】

ブログ投稿アイキャッチ画像
当サイトはアフィリエイト広告を利用しています

某サイトをみていると、

背景で線でつながれた幾何学模様が、ものすごく複雑に動き回るアニメーションをしていました。

すごいな、、、どうやってんだ??

って開発者ツールなど使って調べたところ、

「particles.js」なる、JavaScriptのプラグインを使用している様子、、、
(有名どころでいうと、Swiperのプラグインとかと同じようなもの)

試しに基本的使いかた調べて、雪が降るアニメーション作ってみました↓↓

実際に作ったアニメーションテスト置き場↓↓

しゅう【Webサイト制作・コーダー】アニメーションテスト置き場

作り方の参考にさせていただいたサイト様は↓↓

【雪を降らせる】particles.jsを使って簡単にアニメーション

【particles.js】の公式サイト=ダウンロードサイトは↓↓

【particles.js】の公式サイト=ダウンロードサイト

サイバーエージェントが運営する小学生向けプログラミングスクール
Tech Kids School【テックキッズスクール】

けっこうガチ目っぽいです↓↓


京大生中心のエンジニアによる中高生のためのプログラミング教室↓↓

僕がWeb制作を学んだデイトラ↓↓
継続的に学習する意思があって、何でも他人任せにするようなひとでなければ、圧倒的低価格で、圧倒的実力が身に付きます

公式Lineのトークからも
ご相談・お問い合わせいただけます↓↓
無理な営業は一切行いません

友だち追加