背景にひと手間加えたい時に参考になりそうなスニペット集

ランダムなパーティクルを中心にシンプルなものから印象的なもの等、背景で参考になりそうなスニペットを幾つかまとめてみました。

LightingBlob

ランダムに動くグラデーションが重なって多彩な形を表現していくところが魅力的です。

Light

ノイズを使用してグラデーション部分がまるでスポットライトに当てられたような表現。

Perticle Rotation #03

個人的にPerticleが好きなのでこういったスニペットがたくさんあると嬉しいです。

Drop

コスメサイト等の素材として使用できそうですね。滑らかな波紋がとてもきれいです。

[Three.js]shader_particle

Three.jsで作成された宇宙のようなパーティクル。

SPARKLE

こちらも宇宙のようなパーティクルですが角度やスケールで立体に見えるのがすごい。

shader練習_time

グラデーションが常に変化するスニペット、こういったシンプルなものは使いやすそうです。

[three.js]snowfall

Three.jsで作成された雪のスニペット、数値を変更すると雪の激しさが変わります。

[createJS]snowfall

こちらはcreateJSで作成された雪のスニペット

three.js Points anti-gravity is applied ver3

中央から広がっていくパーティクルがとてもきれいです。

IT’S FULL OF STARS

カラフルなライトが幻想的なスニペット

Sunbeams

まるで動画のような木漏れ日の表現

3D Floating Typo

3Dで配置されたキューブやテキストがマウス連動で動きます。

Writer

suzuki

suzuki

マンガがすこぶる好きなWebデザイナーです。
基本的に休みの日は泥酔↔寝るを繰り返す偏食のスーパー不健康人間です。

Contact

ご提案依頼、ご相談、お見積もりなど
お気軽にお問合わせください。

03-6303-9671

平日 10:00~19:00

「Web制作について」とお伝え頂ければ
担当者に取次させていただきます。

Mailform

contact@trym.jp
でも受け付けております。