タグ rainyday.js
人気順 10 users 50 users 100 users 500 users 1000 users画像に雨の日のエフェクトをつけられる「rainyday.js」:phpspot開発日誌
2015/04/14
29 users
エフェクト
phpspot開発日誌
canvas
水滴
画像
rainyday.js 画像に雨の日のエフェクトをつけられる「rainyday.js」 普通の画像をCanvasで曇らせて水滴を付けてアニメ... 続きを読む
まるで本物！雨粒が窓に落ちる様子をリアルに再現「rainyday.js」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
2013/10/07
78 users
エンジニア
ソフトウェア
再現
本物
雨粒
rainyday.jsはJavaScript製、GPLのオープンソース・ソフトウェアです。コンピュータ上で自然現象を再現するのはとても面白い試みです。例えば物理エンジン、ライフゲームもその一つです。今回はWebブラウザ上で雨が窓にあたる様子を再現するrainyday.jsを紹介します。 背景はぼやけ、曇ったガラスに雨があたっていく感じが再現されています。 中央の枠はYouTube動画の再生ができま... 続きを読む
[JS]リアルさが想像以上！ブラウザのウインドウを窓に喩えて、雨を楽しむ癒やし系スクリプト -rainyday.js | コリス
2013/09/25
222 users
コリス
canvas
head
text
type
ひと昔前に、小さいドットを上からアニメーションで落として雪とか桜とかありましたが、これはそれらとは異なり、かなりリアルに雨を堪能できるスクリプトを紹介します。 ぼっーと見てると、音まで聞こえてきそうです。 Demo 2 雨はCanvasを使って再現しており、実装は下記のようになります。 <head> ... <script src="rainyday.js" type="text/javascri... 続きを読む