Discussions

Qfogのような演出をするには

今、Googleで「let it snow」と検索すると雪が降り始めて、徐々に画面が曇ってくる演出があると思いますが、そのfog部分のような演出はどうプログラムで書いたらいいのでしょうか・・・。あるいは、そうしたアルゴリズムなどをまとめたサイトがあれば教えて下さい。

AAnswer to: fogのような演出をするには

crispy

雲やフォグはPerlin Noiseを使用するのが一般的なのかと思いますが、JavaScriptでは速度が現実的でないので、動きを見てGoogle方式を真似てみました。
結果もPerlin Noiseに近そうです。

動きとしては
①半透明なCanvas要素でサイト全体を覆うように重ねておく
②Canvas要素へ、半透明な白いパーティクルをひたすら散りばめていく
だけです。

その他参考
http://jsdo.it/gct256/wL4y

edo_m18

おお、できてますね!
こちらを参考にしてみます。
ありがとうございます!

Post a question

You can post JavaScript, HTML, CSS related questions with attached reference to actual codes and get the answers likewise.

Ask a question

  • 1. Click the ‘Post a question’ above

  • 2. Enter question details, reference code, and click ‘Add question’ button

  • 3. Question will be paired with the code on display

Add an answer

  • 1. Choose a question

  • 2. Enter answer details, attach the reference code and click ‘add answer’ button

  • 3. Your answer will accompanied with attached code

Tag