3D Scenes
Page 8
Optimization, Room Interior, Mars (NASA)
View Mars Opportunity's surroundings, modified from a NASA photo, high performance technique for background with sprites and a simple room with framed print. See below for a list of all online scenery.
Online Scenery
Art Gallery Famous Artists: Swipe & Tap Paintings Scene & Sprites: Swipe the View - High Performance Interactive Art Gallery: Swipe & Tap Paintings Great Artists: Swipe & Tap Paintings 3D Visualization: Lake of Fire Visual Effect WebGL Interactive: 3D Church WebGL Interactive: 3D Cloudscape Visual Effect WebGL Interactive: 3D Cloudscape WebGL Interactive: Space & Earth WebGL Interactive: Colorful 3D Riverscape WebGL Interactive: Galaxy View WebGL Interactive: 3D Lake Scene WebGL Interactive: 3D Lighthouse Scene 3D Lightning Storm WebGL Interactive: 3D Mars WebGL Interactive: 3D Mars with Water WebGL Interactive: 3D Moon Scene WebGL Interactive: Space Scene Lightning Storm Over Islands 3D Art Studio: Swipe to View 3D Visualization: Waves in the Ocean Island Scene: Ocean Waves Architectural Interactive: Alpha & Omega 3D Visualization: Swipe to View Beach Bungalow Cloud Travel: Vortex Tunnel WebGL Interactive: 3D Landscape WebGL Tutorial: 3D Interactive Landscape Tips WebGL Interactive: Opportunity's Surroundings WebGL Interactive: River of Life VFX 3D Storm Scene: GLSL Color Shaders Rain Visual Effect: Swipe & Tap. Efficient, Unique 3D Scene: River Flows 3D Art Studio: Architecture from Measurements3D Models from Blueprints
3D Architecture: Swipe to View. Tap - See New Rooms 3D Visualization: Living Room Swipe to View - Blueprints to 3D Interactive View 3D Architecture: Swipe to View - Bedroom from Blueprints 3D Architecture: Swipe to View - Bath from Blueprints 3D Architecture: Swipe to View - Bedroom 3D Architecture: Swipe to View - Bath Architectural Exterior & LandscapeWebGL Lighting
WebGL Interactive: Earth Glow Effect WebGL Interactive: Earth Surface Temperature WebGL Tutorial: Glow Effect Overview WebGL Tutorial: Specular Light: Vertex Shader Processing WebGL Tutorial: Shader Lighting WebGL Tutorial: Simple Lighting WebGL Interactive: 3D Earth with Light Map WebGL Texture Maps: Light Maps for Earth WebGL Interactive: Earth & Climate Map WebGL Interactive: Earth Model & Texture3D 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.
