Colorful 3D Riverscape
Swipe to View River & Landscape
The background scene was modeled with 3DS Max, then rendered to cubic maps. The cube maps were applied to a WebGL cube. See more 3D scenes online!
WebGL Scenes with Responsive Web Design
Example WebGL environments
demonstrate how to display a 3D background with basic shaders,
cube environment, and one texture graphic.
This method avoids use of skyboxes, multiple image files, and separate shaders.
Skybox shaders require the
textureCube() function. The e-book's
sampler2D instead of
samplerCube allows many WebGL projects
to render with just one program.
Program switching involves more code as well as
Examples tested well with iPhone 6, Android phone and tablet, Windows PCs with WebGL enabled browsers, and Windows Phone 8.1.