WebGL Camera

Move the Camera with Individual Sprites

Swipe For Floating Paintings

Swipe to move around the art gallery. The camera or view point changes as you swipe. This WebGL example briefly explains how to move the camera with the background and individual sprites. Paintings float and rotate on their own, yet maintain their location within the art gallery.

First move the camera. Provide rotation or translation for the camera matrix. Calculate camera rotation opposite of model rotation. Upload the camera matrix to a uniform for transformations. Render the gallery.

Second rotate sprites. Multiply sprite matrices by the camera matrix. Upload each sprite matrix, then render the sprite painting.

Art Gallery

Seven Thunder Software modeled and rendered the art gallery with 3ds Max. Some of the graphics are original oil paintings.

3D Models

If a picture's worth a thousand words, then a 3D model's worth ten thousand words! Consider 3D interactive content for learning, media, and marketing. Seven Thunder Software develops 3D models for Web design, with optimized (fast loading) 3D rendering software, from photographs, blue prints, ideas, and real objects.

Tags

Interactive media, 3D shapes, 3D models, 3D, online 3D modeling,3D viewer, Web GL, 3D Programming, 3D Development, 3D Media, 3D Web, GLSL, 3D Web Design, 3D Web Development, Web development, WebGL, WebGL example, WebGL online, WebGL example online, create 3D website, 3D Media, 3D animation, graphic design, Website design,
Learn 3D Programming Learn 3D Programming
Copyright © 2015 Seven Thunder Software. All Rights Reserved.