3D Gallery with Great Artwork Imagine Logo with Three Colors Beach Cabin 3D Android Tablet with Different Screens Studio Apartment Red Figured Greek Vase on Blue Background Silver and Gold Flashlight Lake on Fire

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.

More Scenes & Tips

Tags
Web GL, 3D Programming, 3D Development, 3D Media, 3D Web, scenes, backgrounds, 3D background, environment, 3D Web Design, 3D Web Development, create 3D website, GLSL, 3D 3ds Max, HTML5, HTML 5,3D Media, JavaScript, GLSL, C Language, Shader Programming, Interactive, Swipe Over Scenes

Ads >
Create 3D Games: Learn WebGL Book 2 Simple Shaders: Learn WebGL Book 4
3D Programming for Beginners: Learn WebGL Book 1

for Web graphics!

Copyright © 2022 Amy Butler. All Rights Reserved.