WebGL HOTSHOT

Create interactive 3D content for web pages and mobile devices
Preview in Mapt

WebGL HOTSHOT

Mitch Williams

Create interactive 3D content for web pages and mobile devices
Mapt Subscription
FREE
$29.99/m after trial
eBook
$21.00
RRP $29.99
Save 29%
Print + eBook
$49.99
RRP $49.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$21.00
$49.99
$29.99p/m after trial
RRP $29.99
RRP $49.99
Subscription
eBook
Print + eBook
Start 30 Day Trial

Frequently bought together


WebGL HOTSHOT Book Cover
WebGL HOTSHOT
$ 29.99
$ 21.00
Learning Three.js – the JavaScript 3D Library for WebGL - Second Edition Book Cover
Learning Three.js – the JavaScript 3D Library for WebGL - Second Edition
$ 39.99
$ 28.00
Buy 2 for $35.00
Save $34.98
Add to Cart
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 

Book Details

ISBN 139781783280919
Paperback306 pages

Book Description

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.

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

Authors

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

Book Details

ISBN 139781783280919
Paperback306 pages
Read More

Read More Reviews

Recommended for You

Learning Three.js: The JavaScript 3D Library for WebGL Book Cover
Learning Three.js: The JavaScript 3D Library for WebGL
$ 29.99
$ 21.00
Data Visualization with D3.js Cookbook Book Cover
Data Visualization with D3.js Cookbook
$ 26.99
$ 18.90
Mastering D3.js Book Cover
Mastering D3.js
$ 32.99
$ 23.10
Responsive Web Design with HTML5 and CSS3 Book Cover
Responsive Web Design with HTML5 and CSS3
$ 23.99
$ 4.80
Mastering Web Application Development with AngularJS Book Cover
Mastering Web Application Development with AngularJS
$ 26.99
$ 5.40
Object-Oriented JavaScript - Second Edition Book Cover
Object-Oriented JavaScript - Second Edition
$ 29.99
$ 21.00