Well for the past 2 months I’ve been tucked away working on my first official WebGL project – FishGL (www.fishGL.com, www.fishgl/mobile for mobile)! The Internet Explorer team wanted to create a graphics showcase with the classic “fish bowl” theme and enlisted ThinkPixelLab.com to create the experience along with Scott Wetterschneider as the 3D artist.
The Fish Tank has many interactive features and elements that bring and rich experience to not only the desktop, but to touch devices as well. In fact, you’ll have the most fun with the Fish Tank if you’re on a touch device since it has features that allow you to pan and zoom around the room, tap the glass, feed the fish and even SWIM with the fish! There’s also a couple of nice easter-eggs for those of you who like to explore.
Some features include:
- Swim in tank (click diver mask on panel)
- Add fish to the tank with the fish dial
- Set algae level with “last cleaned” slider
- Tap the glass to scatter fish
- Feed the fish by tapping the food jar
- Turn the lights on and off with the light switch on the wall
- Advanced panel gives you a TON of options for customizing the scene (hit the second dot at the top of the panel to switch to the advanced panel)
- Real-time lighting from the sun and tank light as well as shadows (turn shadows on via the advanced panel)
- Change clean/dirty water tint for in-tank swimming experience. To see the change, change the amount of algae in the water while simming
- Change color of light in the tank as well as its intensity, distance
- Change the tank glass to your liking
- Work with the realism of the gravel in the tank
- … and so much more!
You can create a tank that matches your mood, room, computer, phone or whatever you like:
If you had told me 6 months ago that I would be working on a WebGL project, I would have laughed you of my office waving my Unity3D banner! But God has been good and blessed me with some awesome people to work with at ThinkPixelLab.com - namely, Robby Ingebretsen and Joe Fillmore. Super cool people, extremely talented in what they do and very patient!
If you’re interested in creating 3D WebGL content, I’d encourage you to look at the Three.js library – the api’s nomenclature and approach is right inline with other technologies like Unity3D, so getting up and running is very easy.