WebGL Hotshot

WebGL Hotshot
eBook: $29.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $79.98    Print cover: $49.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • Simple, ready-to-use interactive 3D demonstrations and explanations for a variety of popular and innovative websites
  • Detailed overview of how to build 3D environments including features such as designing, navigating, and interacting in 3D scenes
  • Instantly deploy 3D websites for a variety of applications including e-commerce, social media, visualizing big data, and mobile devices

Book Details

Language : English
Paperback : 306 pages [ 235mm x 191mm ]
Release Date : May 2014
ISBN : 1783280913
ISBN 13 : 9781783280919
Author(s) : Mitch Williams
Topics and Technologies : All Books, Game Development, Web Development, Open Source

Table of Contents

Project 1: Building Great Web3D
Project 2: WebGL for E-Commerce
Project 3: User Experience, Story, Character, Visual Design, and Interactivity
Project 4: Mobile and Web3D Gaming
Project 5: Social Media Meets Its Destiny
Project 6: 3D Reveals More Information
Project 7: Adapting Architecture, Medical, and Mechanical Engineering to Web3D
Project 8: 3D Websites
Project 9: Education in the Third Dimension
Project 10: The New World of 3D Art
  • Project 1: Building Great Web3D
    • A second coming
    • Comprehensive solutions
    • Mission briefing
    • Introduction to 3D fundamentals
    • Transformations – translation, rotation, and scaling
    • Lights, camera, action!
    • Navigating between multiple viewpoints
    • Animation with interpolators
    • Adding texture maps to 3D meshes
    • Lighting a scene and shading 3D objects with normals
    • Creating an animated Solar System with multiple cameras for navigation
    • Mission accomplished
  • Project 2: WebGL for E-Commerce
    • Mission briefing
    • Introduction to WebGL
    • WebGL 3D with Perspective View
    • WebGL texture mapping and animation
    • Loading a 3D modeled object, normals, and lighting
    • Using the mouse for interactivity
    • E-commerce using existing assets
    • E-commerce with 3D modeling
    • Mission accomplished
  • Project 4: Mobile and Web3D Gaming
    • Mission briefing
    • Creating user interfaces in the 3D environment
    • Designing a game
    • Fun with physics and collisions
    • Mission accomplished
  • Project 6: 3D Reveals More Information
    • Mission briefing
    • Linking 3D to data
    • Comparing multiple stocks in 3D
    • Displaying historical stock data
    • Presenting comparative data
    • Zooming into the data – level of detail
    • Mission accomplished
  • Project 7: Adapting Architecture, Medical, and Mechanical Engineering to Web3D
    • Mission briefing
    • Demonstrating environment mapping for reflections
    • Bending of light – calculating refraction for surfaces such as water
    • Creating surfaces – depth, non-smooth, natural, and realistic with normal maps
    • Rendering a scene as a texture to view multiple cameras simultaneously
    • Mission accomplished
    • Hotshot challenges
  • Project 8: 3D Websites
    • Mission briefing
    • Building a 3D website
    • Creating engaging scenes
    • Portals to navigate virtual spaces
    • Mission accomplished
  • Project 9: Education in the Third Dimension
    • Mission briefing
    • Selecting locations on a texture map
    • Selecting locations from a rotated texture map and perspective correction
    • Selecting irregular shapes from a textured 3D mesh
    • Using WebGL to teach math
    • Mission accomplished

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.
Sorry, we don't have any reviews for this title yet.

Code Downloads

Download the code and support files for this book.

Submit Errata

Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


- 1 submitted: last submission 04 Jun 2014

Type: Typo | Page: 66

In the last paragraph,

use "screenshot" instead of "screnshot"

Sample chapters

You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

Frequently bought together

WebGL Hotshot +    PhoneGap 3.x Mobile Application Development Hotshot =
50% Off
the second eBook
Price for both: $43.05

Buy both these recommended eBooks together and get 50% off the cheapest eBook.

What you will learn from this book

  • Get well-versed with fundamental technologies of 3D graphics including the design of 3D objects, lighting scenes, and viewing scenes from various camera positions
  • Discover how to send data to control 3D from a web browser to the graphics card for rich and engaging graphical presentation
  • Understand the role of graphics card programming using shader languages to control the appearance of a 3D scene down to each individual pixel
  • Explore how to load 3D objects created by artists in modeling tools in the background
  • Integrate Web3D content with databases and other web applications such as social media to extend common applications with 3D
  • Control the parameters of cameras such as field-of-view, removal of distant objects, and environmental effects such as fog and night scenes

In Detail

This book presents many popular applications for the Web including examples of deploying 3D applications such as building interactive products for e-commerce, extending social media, visualizing big data, and more. It helps you master how to instantly create and deploy Web3D content, demonstrating a variety of common and unique web applications and exploring the artistic features of 3D. It is ideal for current web developers or those looking for a starting point to learn about 3D graphics technology in a bleeding-edge field.


Every chapter starts with a 'mission briefing' section that describes what is to be achieved by the end of the chapter. This is followed with the decisions and steps required to accomplish the mission objective with challenges to take the project further. The scope for the book thus mimics the real-life requirements of a developer and gets you ready to successfully build your own project.

Who this book is for

If you are a web designer looking to expand your knowledge of 3D graphics concepts and broaden your existing skill set, then this book is for you. Those looking for an introduction to 3D graphics will benefit from WebGL Hotshot as it is a perfect guide to master 3D concepts, helping you build and deploy 3D worlds much quicker. The book assumes a basic knowledge of HTML, though it can be learned concurrently while reading this book. Basic programming knowledge is useful; however, the graphical nature of web 3D content allows you to learn programming through experimentation.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software