Book Image

WebGL HOTSHOT

By : Mitch Williams
Book Image

WebGL HOTSHOT

By: Mitch Williams

Overview of this book

Table of Contents (17 chapters)
WebGL HOTSHOT
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Refreshment with shader languages


The design here is simple—a can of X Y Z brand of soft drink on concrete with a flag in the breeze texture-mapped with Thirst. Everything here was made with Adobe Photoshop. 3D Studio Max was used only to create primitives such as the cylinder for the soda can. When the mouse is over the can, the can is highlighted and the cursor changes to grab the viewer's attention. We respect that the audience comes to a website for a specific reason, but if the cursor hovers over the banner advertisement, we may just catch their attention. Since the scene is animated, this banner ad will likely be more inviting than other advertisements. The fictitious advertisement opens up to a dry, asphalt environment with an animated flag waving Thirst and a can of our X Y Z Soft Drink as shown in the following screenshot:

Engage thrusters

The flag waving in the wind is achieved entirely by using shader languages. There are two effects used here: the waving of the flag and the slight...