Storforsen Rapids

Skybox Graphics Formatted from Online Sources

Swipe to View the Rapids

The graphics for this view of the Storforsen rapids were prepared by Emil Persson, aka Humus. The photographer's Web site is www.humus.name. The graphics are licensed under a Creative Commons Attribution 3.0 Unported License. The Storforsen is part of the Pite River in Sweden.

Seven Thunder Software modified the graphics for use as one texture applied to a cube mesh. Images were reduced in size, placed together in the standard cross format, and offset.

WebGL Scenes with Responsive Web Design

See example WebGL 3D background scenes and a set of WebGL Scenes with responsive Web design. Enjoy free WebGL tutorials.

Most WebGL environments or scenes, at Seven Thunder Software, display 3D backgrounds with basic shaders, and one texture graphic. This method avoids use of skyboxes, multiple image files, and separate shaders to render skyboxes. Skybox shaders require the WebGL samplerCube type with the textureCube() function. The following WebGL scenes display with versatile and common, sampler2D and texture2D(), features.

Use of sampler2D instead of samplerCube allows many WebGL projects to render with just one program. Program switching involves more code as well as rendering time.

Examples tested well with WebGL enabled browsers on iPhone, Android phone and tablet, Windows PCs, and Windows Phone 8.1.

Copyright © 2015 Seven Thunder Software. All Rights Reserved.