3D Gallery with Great Artwork Imagine Logo with Three Colors Beach Cabin 3D Android Tablet with Different Screens Studio Apartment Red Figured Greek Vase on Blue Background Silver and Gold Flashlight Lake on Fire

Light Map

3D Lamp - On & Off

Swipe to rotate the lamp. Tap the lamp or power button to switch the light on and off. This example applies a light map with baked texture map. The lamp was prepared with 3ds Max and applies eight bit, lightweight texture maps.

Swipe to Rotate. Tap the Lamp: On & Off

Your browser doesn't support WebGL.

Preparation

I applied JavaScript, WebGL, HTML5 and CSS3 to implement the interactive lamp.

The lamp was provided by a third party yet I carefully reduced the vertex count and applied RTT for faster download and initilization.

Texture Maps

Baked Render to Texture: Lamp Map

The following lamp image covers the 3D lamp model. The texture was applied with 3ds Max's render to texture feature (RTT).

Render to Texture Map

Light Map

The following light map provides light when you tap the lamp. I implemented JavaScript and WebGL to interactively enable and disable lighting.

Light Map

3D Web Design

Educate, inspire and inform with interactive 3D media online. Interactive media in the form of 3D shapes or 3D models, provide unique opportunities to express concepts, such as educational course work or new product features. Seven Thunder Software's simple 3D viewer enables users to see three dimensional objects interactively. Swipe to rotate a model. Tap to select elements on the model. Options allow users to select and learn about individual features.

3D Web Development

Your message can reach the widest audience with 3D Web design. Most 3D programming's implemented with common Web technologies including WebGL, JavaScript, CSS, GLSL and HTML5. 3D Web design with WebGL works on iPhone iOS 8 and up, current Androids, Macintosh computers with OSX Yosemite on up and Windows 10 PCs.

3D Models Online

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

Tags
graphic design, Website design, Web design,Interactive media, online 3D modeling, create 3D website, Web GL, 3D Development, 3D Web, 3D Web Design, WebGL example, WebGL online, WebGL example online,

Ads >
Create 3D Games: Learn WebGL Book 2 Simple Shaders: Learn WebGL Book 4
3D Programming for Beginners: Learn WebGL Book 1

for Web graphics!

Copyright © 2022 Amy Butler. All Rights Reserved.