3D Islands
Water Waves Ripple
Swipe and waves move as you view green islands in aqua water.
Swipe for Waves. Tap Button - Audio: On & Off. Double Tap - Zoom
Preparation
The islands and water were modeled and rendered with 3ds Max. I applied a volume fog effect for the clouds and mist in the distance. The island land map includes a color gradation, from light green to brown, with a smoke bump map.
The style's similar to children's books with simple shapes, yet a little shading.
Code
I implemented the interactive background, 3D rendering software, with WebGL, OpenGL ES shader language (GLSL), JavaScript, HTML5 and CSS3. Pure WebGL allows easy ports to Android OpenGL ES and modified ports to Windows OpenGL.
Waves apply the GLSL mix()
method to blend
two frames of waves, as the user swipes.