Reader small image

You're reading from  WebGL HOTSHOT

Product typeBook
Published inMay 2014
Publisher
ISBN-139781783280919
Edition1st Edition
Concepts
Right arrow
Author (1)
Mitch Williams
Mitch Williams
author image
Mitch Williams

Mitch Williams has been involved with 3D graphics programming and Web3D development since its creation in the mid 1990s. He began his career writing software for digital imaging products before moving on as Manager of Software for Vivendi Universal Games. In the late 1990s, he started 3D-Online, his own company, where he created "Dynamic-3D", a Web3D graphics engine. He has worked on various projects ranging from interactive 3D medical procedures, online 3D training for the Department of Defense, creating one of the first 3D mobile games prior to the launch of the iPhone, and graphics card shader language programming. He has been teaching Interactive 3D Media at various universities including UC Berkeley, UC Irvine, and UCLA Extension.
Read more about Mitch Williams

Right arrow

Order of transparencies


The flexibility of being able to navigate anywhere has also created a new problem—the transparent cones that represent the light shafts from the streetlights will no longer be ordered furthest to closest. We can walk to the other side of the scene, turn around, and see the spotlight cones overlapping in the wrong order. We have to render the scene so that with each frame, we test the stacking order of the transparent objects. This is a tedious bit of coding, but it also demonstrates the issue. The following screenshot shows the same scene from the opposite side. Notice that the closest spotlight cone obscures the furthest cone where the two overlap. We cannot ignore the issue, so let's devise a program to fix this.

Engage thrusters

The solution is to restack the order with which the items are rendered. Currently, the 3D meshes are rendered in the order that they are added in webGLStart(). There is an array, meshObjectArray, of the 3D meshes in this scene. The ten items...

lock icon
The rest of the page is locked
Previous PageNext Page
You have been reading a chapter from
WebGL HOTSHOT
Published in: May 2014Publisher: ISBN-13: 9781783280919

Author (1)

author image
Mitch Williams

Mitch Williams has been involved with 3D graphics programming and Web3D development since its creation in the mid 1990s. He began his career writing software for digital imaging products before moving on as Manager of Software for Vivendi Universal Games. In the late 1990s, he started 3D-Online, his own company, where he created "Dynamic-3D", a Web3D graphics engine. He has worked on various projects ranging from interactive 3D medical procedures, online 3D training for the Department of Defense, creating one of the first 3D mobile games prior to the launch of the iPhone, and graphics card shader language programming. He has been teaching Interactive 3D Media at various universities including UC Berkeley, UC Irvine, and UCLA Extension.
Read more about Mitch Williams