Resonella について
コンセプト
Resonella(レゾネラ)は、シーケンサーと物理シミュレーションが出会った音の箱庭です。 3D 空間にパーティクルのエミッターと配置物を置き、重力で舞い落ちる粒子が配置物に接触すると 音が鳴ります。粒子を少なく出せば一粒ずつが音符になって「演奏」のように響き、 大量に出せば無数の接触が溶け合って移ろう「テクスチャ」になります。その両極のあいだを シームレスに行き来できることを、最優先の設計目標としています。用途を一つに限定せず、 音楽を奏でるのにも、音の風景をただ眺めて楽しむのにも使える——それが Resonella の狙いです。
技術について
Resonella はインストール不要で、ブラウザだけで動作します。描画には WebGL (ブラウザ上で GPU を使う 3D 描画の仕組み)を用いています。数千個の粒子を滑らかに動かすため、 粒子の位置や速度の計算は GPGPU(GPU を汎用計算に使う手法)で一括処理しています。 粒子と配置物の衝突判定には SDF(符号付き距離場)という手法を使い、多数の粒子と配置物の接触を 効率よく求めています。音は Web Audio で端末内において合成・再生され、 粒子の密度に応じて音がなめらかに移り変わります。マルチプレイでは、配置物の情報だけを 軽量に同期し、粒子の生成と発音は各端末でローカルに行うことで、通信量を抑えています。
連絡先
ご質問・ご要望・不具合のご報告は contact@resonella.app までお寄せください。
情報の取り扱いについては プライバシーポリシー をご覧ください。 操作方法は 遊び方ガイド にまとめています。
About Resonella
Concept
Resonella is a musical sandbox where a sequencer meets a physics simulation. You place particle emitters and objects in a 3D space, and as gravity-driven particles touch the objects, sounds play. Emit just a few particles and each becomes a note, so the scene feels like performing; emit many and countless contacts blur into a shifting texture. Moving seamlessly between those two extremes is the project's foremost design goal. Rather than being tied to one use, Resonella is meant equally for making music and for simply watching and listening to a soundscape unfold.
Technology
Resonella needs no installation and runs entirely in the browser. Rendering uses WebGL (a way to draw 3D graphics on the GPU from the browser). To move thousands of particles smoothly, their positions and velocities are computed in bulk with GPGPU (using the GPU for general-purpose computation). Collisions between particles and objects use an SDF (signed distance field) technique to resolve many contacts efficiently. Sound is synthesized and played on your device with Web Audio, crossfading smoothly as particle density changes. In multiplayer, only object data is synced — lightly — while particle spawning and sound stay local to each device, keeping network traffic low.
Contact
For questions, requests, or bug reports, reach us at contact@resonella.app.
See the Privacy Policy for how information is handled, and the guide for how to play.