Creating a VR drumming game: Part 2 (Wireframes and UX)

Katie Van
3 min readFeb 12, 2020

--

In the first blog post, I introduced our project and what we plan to create. In this blog post, I will be sharing some of the initial wireframes we created.

The VR drumming experience and the touch device chord trigger experience should be linked to each other. Because of this, when one screen goes from the start screen to the genre choice screen, the other experience will follow suit. Both experiences will have a similar experience flow starting from the start screen, to the genre selection screen, to the play screen.

Touch Screen Chord Trigger Experience: Start Screen
Touch Screen Chord Trigger Experience: Genre Selection
Touch Screen Chord Trigger Experience: Play Screen

For the drum experience, we had initially considered creating a basic UI consisting of floating buttons that the player can choose via the VR controller's thumbstick and buttons. However, I realized that we could make the experience more immersive to the theme while reusing functionality if we turned the user interface elements into drums instead.

VR Drumming Experience: Start Screen
VR Drumming Experience: Genre Selection
VR Drumming Experience: Play Screen

The method for changing from the Play Screen to the Change Genre screen required more thought. For the touch device experience, it was simple to create a side panel user-interface to allow the user the ability to change settings simply. However, the VR experience was more of a challenge. We would like to keep using drums as the method to navigate interface, but at the same time, the drums in the play screen or only for playing on. To keep the theme of interacting with physical objects rather than floating user interface button objects, we are considering placing a physical object in the room space to the side of the player, with visual environment cues placed so the player will know something is there, but not so close to the drums as to compete for attention. This physical object could be more drums that will need to look quite different than the playable drum set, or a lever, or something else of this nature.

In next week’s I will finish creating a higher fidelity illustrated design comp/concept art for the VR drum play scene, showing a possible environment of the “Jazz location”. I will also create a very early stage prototype in aframe.

Thanks for reading.

If you like reading about creative/technical projects, weird experiments, and possibly book reviews/summaries in the future, consider subscribing to my account.

--

--

Katie Van

Artist, web developer, video editor, indie game developer, and aspiring writer. I like experiments, productivity and mindset hacks, how-to, and life lessons.