Free Sample
+ Collection


Mitch Williams

Create interactive 3D content for web pages and mobile devices
RRP $29.99
RRP $49.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781783280919
Paperback306 pages

About This Book

  • 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

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.

Table of Contents

Chapter 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
Chapter 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
Chapter 3: User Experience, Story, Character, Visual Design, and Interactivity
Mission briefing
Refreshment with shader languages
Lighting 3D depths
Visual design and interactivity
Full navigation
Order of transparencies
Scene lighting
Mission accomplished
Chapter 4: Mobile and Web3D Gaming
Mission briefing
Creating user interfaces in the 3D environment
Designing a game
Fun with physics and collisions
Mission accomplished
Chapter 5: Social Media Meets Its Destiny
Mission briefing
Bridging Facebook with WebGL
Visiting Facebook friends in WebGL
Building a navigable world of Facebook friends
Chapter 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
Chapter 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
Chapter 8: 3D Websites
Mission briefing
Building a 3D website
Creating engaging scenes
Portals to navigate virtual spaces
Mission accomplished
Chapter 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
Chapter 10: The New World of 3D Art
Mission briefing
Experiencing the art museum
Inventing interactive 3D art
Mission accomplished

What You Will Learn

  • 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.


Read More