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

Fire 3D Grenade Launcher

3D Modeled Launcher

The grenade launcher rotates as you swipe left to right. Tap to fire the launcher! 3D modeling and rendering prepared with efficiency features.

Swipe to Move. Tap to Fire.

Your browser doesn't support WebGL.

Efficiency Features

I modeled and mapped the grenade launcher with 3ds Max. The launcher renders with the following efficient combination of 3D modeling, graphics and Web development.

  1. Grenade Launcher 3D model prepared with the minimum number of vertices. (Low Poly)
  2. Launcher elements combined into one mesh then mapped with one baked texture. (RTT)
  3. The explosion renders with a texture atlas and WebGL blending. No need to switch shaders. (Blending)
  4. The launcher and explosion quad load into one VBO with both texels and vertices. (One VBO)

Low Poly, RTT, Atlas, Blending, VBO

The launcher's low vertex count (Low Poly) enables faster download of the model and quicker initializtion.

3ds Max's Render to Texture (RTT) feature maps just one texture for the launcher. All elements of the model are combined into one mesh. There's no need to download multiple textures for each element on the mesh, or mutliple meshes.

The explosion displays with a texture atlas (Atlas) and WebGL blending. This enables developers to avoid time consuming shader switches.

There's no need for expensive Vertex Buffer Object (VBO) switches with this example either. The grenade launcher vertices, texture atlas quad vertices, grenade launcher texels and texture atlas texels all reside in one VBO.

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.