top of page


DEVELOPER


A thin, straight black line extends horizontally across a white background, creating a minimalistic and neutral design.

EXPERIENCE LINK

Black QR code on a white background with a simple geometric pattern. No visible text or additional elements.
Supported Devices: VR Headset (can also be experienced on a web browser)

Open Tap Here


A thin black horizontal line on a white background, slightly thicker in the center and tapering at the ends. Minimalist design.
VR Piano Prototype

OVERVIEW

VR Piano lets users experience music like never before. Choose your perfect 360° skybox to match your mood and melody, and play the piano wherever your heart desires. Whether you’re a creator, educator, or tech innovator, VR Piano redefines how you practice, perform, and prototype musical experiences in VR. Compose your world with VR Piano!



PLAYING MODES

Free Play

Auto Play

Guided Practice



TECK STACK

Key Technologies

WebXR with react-three/xr

Front-end

  • Vite

  • React/TypeScript/React-Three-Fiber

  • ThreeJS/Rreact-three/XR

  • WebXR/GLSL (shaders)/Vercel

Back-end

(none)

Supporting Tools

  • ToneJS

  • SampLab

  • MUSICTOMIDI

  • Suno-AI for Music Creators

Interaction Methods

Hands tracking

Technical Achievements

  • Latency below 100 ms between keystroke and audio output

  • Stable tracking for both hands during performance

    *more advanced headsets could have more accurate performance

Add-Ons & Custom Designs

  • Depends on your intended audience and project goals

  • AI-generated VR environment

  • Custom musical tracks of your choice

  • Visual effects interacting with sound

  • Background music playback for accompaniment in free play mode

    *these add-ons are for reference only and can be tailored to custom needs

Use Cases

  • Rhythm game

  • Augmented music visualizer

  • Immersive music education

  • Live musical performances

  • Interactive brand experiences

Prototype-to-Delivery Time Estimate

  • Additional 2–3 weeks of work

    *Estimate applies to the standard prototype without any custom requests.

Developer Insights
Developer Insights

BACKSTORY


Q1: How much work is required to turn this from a prototype into a deliverable?

A1:

  • It will require additional device-specific testing. For example, I’ve already implemented it on a Quest Pro-but if we want to support Apple Vision Pro or other headsets, we’ll need to test and adjust accordingly.


Q2: What technical problem are you trying to explore?

A2:

  • Verifying whether spatial audio and piano input can be stably combined in a VR setting.

  • Testing realistic hand-tracking accuracy during simultaneous musical interaction.


Q3: Is there anything that could be improved given more development time?

A3:

  • Performance is acceptable, but there is definitely room for improvement. The main area of ​​improvement is fingertip precision when playing at a faster tempo.


Q4: What unexpected issues did you run into, and how did you work around them?

A4:

  • Domain knowledge gap. I’ve been playing piano for many years—from age 4 to 20 in France—so I assumed I could effortlessly build piano tools and curate suitable compositions. In reality, crafting accurate piano utilities and editing musical scores in a spreadsheet require very different skill sets. To bridge that gap, I experimented with AI-powered spreadsheet editors to automate parts of the process. While they helped speed up tasks, they weren’t precise enough, so I still had to manually refine many entries.


Q5: What do you think about the potential of this prototype?

A5:

  • VR is a great learning environment. The initial goal of this prototype is to let users learn while playing.

  • This prototype could also serve as the foundation for rhythm-based games that leverage Web technologies-something both easy to develop and fun for users.

  • Build more rhythm games centered on simpler instruments (ex. drums) to streamline development and reduce technical complexity.

  • Designed 3D visual effects or particles appear during playback, providing a fun and immersive music exploration experience.

  • Deliver a more engaging, longer-lasting user experience while leveraging many of the same WebXR and AI-backed audio-conversion workflows.


Q6: Does the prototype support online modes such as multiplayer or virtual events?

A6:

  • The VR Piano prototype is currently built for individual use only. Features like multiplayer performances or virtual lessons are not supported.

  • Enabling online modes would involve framework evaluation, infrastructure planning, architectural refactoring, development & testing. Careful consideration of bandwidth, latency, and server infrastructure will be essential to ensure a smooth multi-user VR experience.

  • Please be sure to account for additional development time in your project timeline if you’re interested in adding online functionality.


A thin black line on a white background, running horizontally across the image center.
R&D Testing

DEMO VIDEO




Designium Inc.

VR Piano

Previous
Next
shibuya_halftone_edited.jpg

Contact us

Shaping Tomorrow, Today

At Designium, we are more than just AR developers — we are storytellers, innovators, and pioneers of the digital frontier. Join us on a journey where creativity knows no bounds and technology is limited only by imagination. Together, let's create the future of augmented reality. Reach out to our developers today to get started. 

Contact us

 For project consultations,
quotes, and more

Download

Designium marketing materials

and press kit

bottom of page