Gamasutra is part of the Informa Tech Division of Informa PLC

This site is operated by a business or businesses owned by Informa PLC and all copyright resides with them. Informa PLC's registered office is 5 Howick Place, London SW1P 1WG. Registered in England and Wales. Number 8860726.

Gamasutra: The Art & Business of Making Gamesspacer
View All     RSS
June 16, 2019
arrowPress Releases

If you enjoy reading this site, you might also want to check out these UBM Tech sites:


HADOKEN!!! Blasting our way to three design tips.

by FusedVR Team on 05/30/17 09:10:00 am

The following blog post, unless otherwise noted, was written by a member of Gamasutra’s community.
The thoughts and opinions expressed are those of the writer and not Gamasutra or its parent company.


One of the best byproducts of building a livestream tutorial on fireball prototypes was having Street Fighter chiptunes and Dragon Ball Z themes stuck in our heads for a week. Even more, the prototype process brought up three areas of design tips. Check out our steam for details, but here’s a summary of what we found interesting:

  • Using particles to create a sense of depth.

  • Bringing an energy source to life with light.

  • Combining audio and haptics.

Using particles to create a sense of depth.

To use particle textures for depth, we found that the quantity and motion of texture sprites are critical. A YouTube search showed endless examples of 2D texture-based fireballs. One video even shows how to recreate an entire Street Fighter game! To create the illusion of a 3D fireball, however, we thought we may need a 3D mesh. Fortunately, taking a chance on an implementation we found from a fellow Youtuber worked wonders. The implementation emits 2D sprites in a sphere, overlaps the sprites on top of each other, and rotates the sprites randomly. The result is the illusion of a living fireball created entirely from 2D sprites!

Bringing an energy source to life with light.

During the livestream, an unplanned extension showed the value of using lights to make energy sources feel more alive. For our fireball, we assigned a light to the particle system so we could see dynamic lighting effects as fireballs flew. The result was too subtle to change the entire experience but substantial enough to be worthwhile. When working with moving objects serving as energy sources, add a light to bring the objects to life!

Combining audio and haptics.

Our favorite design points came from using haptics as a hint for fireball behavior and tightly coupling haptics with audio. Varying the controller vibration for one- and two-handed fireballs added intuition for how fireballs differed physically. As for audio, we’ve learned it’s critical to make vibrations feel as if they are emanating from an audio source. Practically, that means using subtle vibrations (don't immediately jump to the highest values, most people overdo haptics) and making audio effects loud enough to drown out the noises of controller vibrations.

We never thought we'd be able to live the experience of throwing fireballs like our favorite characters in Street Fighter or Dragon Ball Z. Thanks VR! Even more, thanks for reading this far and following our content. If you enjoy our videos, please consider leaving a like, subscribing, and building your own projects. Extra shout out to devPuppy Inc for riffing on our livestream to create an extended fireball!

Happy building!

Related Jobs

Gear Inc.
Gear Inc. — Hanoi, Vietnam

Technical Director
Legends of Learning
Legends of Learning — Washington, DC, District of Columbia, United States

Senior Unity Engineer - $140k - Remote OK — Chicago, Illinois, United States

Server Engineer — Bellevue , Washington, United States

UI Engineer

Loading Comments

loader image