Grid Scene
Swipe to View the Cube Grid
This basic grid, where each side has a different color, helps test 3D scenes. View from inside the cube to determine orientation. Text displays backward.
3D Scenes: Learn WebGL Book 3
3D Scenes: Learn WebGL Book 3
explains how to display
background environments with a very simple cube technique.
Learn how to render scenes with the most
basic shaders and one texture map.
This method avoids skyboxes, switching programs, changing textures, and
even leaves room in the environment's texture map
for other mesh elements.
You'll also learn to prepare graphics to work with the code,
for efficient 3D backdrops.
Simple Scenes
The simple scenes, described in this book, use a unique, fast method to display 3D environments with WebGL. Learn how to prepare, load, initialize, and display backgrounds which apply a texture from an image file, to the inside of a cube. View the environment from the center of the cube. The streamlined technique allows code to run well on WebGL enabled mobile devices and Web browsers including Android, iPhone and PCs.
The first scene displays a grid with labeled walls, for help during development. Scenes also include a 3D art gallery, a modified photograph of the Storforsen rapids, and a cheerful 3D rendered island scene surrounded by ocean.
