WebGL Hotshot电子书

WebGL HOTSHOT

Table of Contents

WebGL HOTSHOT

Credits

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why Subscribe?

Free Access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Mission briefing

Why is it awesome?

Your Hotshot objectives

Mission checklist

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

Classified intel

Mission accomplished

A Hotshot challenge / Hotshot challenges

Reader feedback

Customer support

Downloading the example code

Downloading the color images of this book

Errata

Piracy

Questions

1. Building Great Web3D

A second coming

Comprehensive solutions

Mission briefing

Why is it awesome?

Your Hotshot objectives

Mission checklist

Introduction to 3D fundamentals

Engage thrusters

Objective complete – mini debriefing

Transformations – translation, rotation, and scaling

Engage thrusters

Objective complete – mini debriefing

Lights, camera, action!

Engage thrusters

Navigating between multiple viewpoints

Engage thrusters

Objective complete – mini debriefing

Animation with interpolators

Engage thrusters

Objective complete – mini debriefing

Adding texture maps to 3D meshes

Engage thrusters

Objective complete – mini debriefing

Lighting a scene and shading 3D objects with normals

Engage thrusters

Objective complete – mini debriefing

Creating an animated Solar System with multiple cameras for navigation

Engage thrusters

Objective complete – mini debriefing

Mission accomplished

2. WebGL for E-Commerce

Mission briefing

Why is it awesome?

Web3D as a new medium

Your Hotshot objectives

Mission checklist

Introduction to WebGL

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

WebGL 3D with Perspective View

Engage thrusters

Objective complete – mini debriefing

WebGL texture mapping and animation

Engage thrusters

Objective complete – mini debriefing

Classified intel

Loading a 3D modeled object, normals, and lighting

Engage thrusters

Objective complete – mini debriefing

Using the mouse for interactivity

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

E-commerce using existing assets

Engage thrusters

Objective complete – mini debriefing

E-commerce with 3D modeling

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

Mission accomplished

3. User Experience, Story, Character, Visual Design, and Interactivity

Mission briefing

Why is it awesome?

Your Hotshot objectives

Refreshment with shader languages

Engage thrusters

Objective complete – mini debriefing

Lighting 3D depths

Engage thrusters

Objective complete

Visual design and interactivity

Engage thrusters

Objective complete

Full navigation

Engage thrusters

Objective complete

Order of transparencies

Engage thrusters

Objective complete

Scene lighting

Engage thrusters

Objective complete

Mission accomplished

4. Mobile and Web3D Gaming

Mission briefing

Why is it awesome?

Your Hotshot objectives

Mission checklist

Creating user interfaces in the 3D environment

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

Designing a game

Engage thrusters

Objective complete – mini debriefing

Fun with physics and collisions

Engage thrusters

Objective complete – mini debriefing

Mission accomplished

5. Social Media Meets Its Destiny

Mission briefing

Why is it awesome?

Your Hotshot objectives

Bridging Facebook with WebGL

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

Classified intel

Visiting Facebook friends in WebGL

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

Building a navigable world of Facebook friends

Engage thrusters

Objective complete – mini debriefing

Mission accomplished

6. 3D Reveals More Information

Mission briefing

Why is it awesome?

Your Hotshot objectives

Mission checklist

Linking 3D to data

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

Comparing multiple stocks in 3D

Engage thrusters

Objective complete – mini debriefing

Displaying historical stock data

Engage thrusters

Objective complete – mini debriefing

Presenting comparative data

Engage thrusters

Objective complete – mini debriefing

Zooming into the data – level of detail

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

Mission accomplished

7. Adapting Architecture, Medical, and Mechanical Engineering to Web3D

Mission briefing

Why is it awesome?

Your Hotshot objectives

Mission checklist

Demonstrating environment mapping for reflections

Prepare for lift off

Engage thrusters

Classified intel

Objective complete – mini debriefing

Bending of light – calculating refraction for surfaces such as water

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

Creating surfaces – depth, non-smooth, natural, and realistic with normal maps

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

Rendering a scene as a texture to view multiple cameras simultaneously

Prepare for lift off

Engage thrusters

Classified intel

Objective complete – mini debriefing

Mission accomplished

Hotshot challenges

8. 3D Websites

Mission briefing

Why is it awesome?

Your Hotshot objectives

Building a 3D website

Engage thrusters

Objective complete – mini debriefing

Creating engaging scenes

Engage thrusters

Objective complete – mini debriefing

Portals to navigate virtual spaces

Engage thrusters

Objective complete – mini debriefing

Classified intel

Mission accomplished

9. Education in the Third Dimension

Mission briefing

Why is it awesome?

Your Hotshot objectives

Mission checklist

Selecting locations on a texture map

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

Selecting locations from a rotated texture map and perspective correction

Engage thrusters

Objective complete – mini debriefing

Selecting irregular shapes from a textured 3D mesh

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

Using WebGL to teach math

Prepare for lift off

Engage thrusters

Objective complete – mini debriefing

Mission accomplished

10. The New World of 3D Art

Mission briefing

Why is it awesome?

Your Hotshot objectives

Experiencing the art museum

Engage thrusters

Objective complete – mini debriefing

Inventing interactive 3D art

Prepare for lift off

Objective complete – mini debriefing

Mission accomplished

Index