ウェブアプリ

ボヨヨンとバネが跳ねる動きをブラウザ上で実現した「Boing」が登場、ネットユーザーにより130万回以上ボヨヨン済み


バネの先っぽについたボールをいろんな方向に伸ばしたり倒したりして離すと、ボールが「ボヨヨン」と揺れまくる様子をブラウザ上で再現したのが「Boing」です。作者はGreg Sadetskyさんで、記事作成時点でネットユーザーにより130万回以上、ボヨヨンされています。

Boing
https://boing.greg.technology/


遊び方は簡単で、画面上の赤いボールをドラッグして好みの位置まで伸ばし、離すだけ。ボールがボヨヨンと跳ね回ります。


画面下部には自分がボールをボヨヨンした回数と世界中でボールがボヨヨンした総数が表示されています。また、「boing heatmap」をクリックするとヒートマップが表示され、「slomo」をクリックするとボールの動きがスローモーションになります。


ヒートマップがコレ。ユーザーがボールを離した位置を示しています。


実際に「Boing」でボールを跳ね回らせた動画が以下です。

ブラウザ上でバネがボヨヨンと跳ね回る様子を再現した「Boing」 - YouTube


GitHub上で「Boing」のソースコードが公開されています。

GitHub - gregsadetsky/boing
https://github.com/gregsadetsky/boing


なお、作者のSadetskyさんは自身のXアカウントでユーザーによるボヨヨン総数が100万回を突破したことを祝っていました。

この記事のタイトルとURLをコピーする

・関連記事
WebGL×Three.jsの組み合わせでウェブ上で美麗に動く3DCGの部屋を再現した「My Room in 3D」 - GIGAZINE

ドット絵の風景を眺めながらどこまでも続く線路上を旅する無料ブラウザゲーム「Cab Ride」プレイレビュー - GIGAZINE

ブラウザ上でカラフルな光の渦を自由に作って流体の動きを思う存分観察できる「WebGL Fluid Simulation」 - GIGAZINE

「WebGL 2」を自分のブラウザで実際に動かして確認できる「After The Flood」 - GIGAZINE

わずか1KBで音楽を演奏しつつブラウザ内で動く恐るべきJavaScriptメガデモ「BLCK4777」 - GIGAZINE

in 動画,   ウェブアプリ, Posted by logu_ii

You can read the machine translated English article 'Boing', which realizes the bouncing mov….