著者:
Peter Berry
作成日:
15 J 2021
更新日:
13 5月 2024
これは、2012年にウェブを席巻したデモ形式のJavaScriptのお気に入りの例の1つです。StaggeringBeautyはシンプルで楽しく、奇妙なことに中毒性があります。
ニューヨークの開発者GeorgeMichael Browerが作成し、Jon Bakenが音声を使用して、デモは山火事のように世界中に広がっています。
一見すると、マウスの動きに反応して小刻みに動くアニメーションのワームのように見えます。
ただし、マウスを高速で振動させ始めると、すべての地獄が解き放たれます。
当然のことながら、Browerは下部に警告を投稿しています。「てんかん発作のリスクがある人は別のウェブサイトを選択する必要があります。」
デモは、Jeff TraerのProcessingライブラリから移植されたJavaScript用のパーティクルベースの物理エンジンであるtraer.jsと、HTML5Canvas上で実行されるオープンソースのベクターグラフィックススクリプトフレームワークであるpaper.jsを使用して作成されました。 WebGLライブラリは使用しません。
Staggeringbeauty.comは、GoogleChromeで最もよく表示されます。ブラウザで正しく機能しない場合は、このビデオですべての騒ぎが何であるかを確認できます（最初に「コメディ」の解説が追加されています）。
最近、すばらしいJavaScriptの実験を見たことがありますか？コメントで教えてください！
これが好きですか？これらを読んでください！
- 開発者がパフォーマンスを向上させるためにできる6つの簡単なこと
- 人々にウェブのパフォーマンスを気にさせる方法
- 10の最高の無料HTML5テンプレート
あなたにお勧めします
クリエイティブエージェンシーが封鎖に対処している5つの革新的な方法
今年の初めには、数か月以内に私たちの人生全体が世界的大流行によってひっくり返ったとは誰も想像できませんでした。世界中の企業は、リモートワークベースで操作する方法をすばやく理解する必要があり、それは必ずしも簡単ではありませんでした。この封鎖中にビジネスを運営する仕組みは単純ですが、たとえば、すべての人が必要なハードウェアとソフトウェアを持っていることを確認し、ビデオ会議、チャットルーム、システムを釘...
クラウドコンピューティングのための5つの最高の無料ツール
クラウドコンピューティングは、あなたが思っているよりも一般的であり、より便利です。業界用語でいっぱいのビジネスブログの最愛のトピックであるクラウドコンピューティングは、本質的にはオンラインで作業し、情報やデータを外部サーバーに保存する機能にすぎません。これにより、ユーザーはインターネットに接続されている場所ならどこからでもその情報にアクセスでき、ユーザーが持つことができるスペースの量は完全に柔軟で...
OpenDeviceLab.comは、共同デバイスラボを追跡します
Web対応デバイスの爆発的な増加に伴う大きな問題は、テストです。業界は、あらゆる種類の固定されたほぼ「標準」のキャンバスの概念からはほど遠いものになり、新しいスマートフォンやタブレットが毎日届き、テレビやゲーム機などの他のデバイスがWeb対応になります。 「どうすればそれらすべてを所有またはテストできるのでしょうか。できません」と、フロントエンド開発者のAnnaDebenham氏は最近.netに語...