WebGL Beginner's Guide [electronic resource].

ISBN:

9781849691734

Title:

Author:

Cantor, Diego.

Personal Author:

Cantor, Diego.

Publication Information:

Birmingham : Packt Publishing, 2012.

Physical Description:

1 online resource (603 pages)

General Note:

Light reflection models.

Contents:

WebGL Beginner's Guide; WebGL Beginner's Guide; Credits; About the Authors; Acknowledgement; 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; Time for action -- heading; What just happened?; Have a go hero -- heading; Reader feedback; Customer support; Downloading the example code; Downloading the color images of this book; Errata; Piracy; Questions; 1. Getting Started with WebGL; System requirements.

What kind of rendering does WebGL offer?Structure of a WebGL application; Creating an HTML5 canvas; Time for action -- creating an HTML5 canvas; What just happened?; Defining a CSS style for the border; Understanding canvas attributes; What if the canvas is not supported?; Accessing a WebGL context; Time for action -- accessing the WebGL context; What just happened?; WebGL is a state machine; Time for action -- setting up WebGL context attributes; What just happened?; Using the context to access the WebGL API; Loading a 3D scene; Virtual car showroom.

Time for action -- visualizing a finished sceneWhat just happened?; Summary; 2. Rendering Geometry; Vertices and Indices; Overview of WebGL's rendering pipeline; Vertex Buffer Objects (VBOs); Vertex shader; Fragment shader; Framebuffer; Attributes, uniforms, and varyings; Rendering geometry in WebGL; Defining a geometry using JavaScript arrays; Creating WebGL buffers; Operations to manipulate WebGL buffers; Associating attributes to VBOs; Binding a VBO; Pointing an attribute to the currently bound VBO; Enabling the attribute; Rendering; The drawArrays and drawElements functions.

Using drawArraysUsing drawElements; Putting everything together; Time for action -- rendering a square; What just happened?; Have a go hero -- changing the square color; Rendering modes; Time for action -- rendering modes; What just happened?; WebGL as a state machine: buffer manipulation; Time for action -- enquiring on the state of buffers; What just happened?; Have a go hero -- add one validation; Advanced geometry loading techniques: JavaScript Object Notation (JSON) and AJAX; Introduction to JSON -- JavaScript Object Notation; Defining JSON-based 3D models; JSON encoding and decoding.

Time for action -- JSON encoding and decodingWhat just happened?; Asynchronous loading with AJAX; Setting up a web server; Working around the web server requirement; Time for action -- loading a cone with AJAX + JSON; What just happened?; Have a go hero -- loading a Nissan GTX; Summary; 3. Lights!; Lights, normals, and materials; Lights; Normals; Materials; Using lights, normals, and materials in the pipeline; Parallelism and the difference between attributes and uniforms; Shading methods and light reflection models; Shading/interpolation methods; Goraud interpolation; Phong interpolation.

Local Note:

eBooks on EBSCOhost

Title Subject:

Canvas (Computer file)

Canvas (Computer file) (OCoLC)fst01378904

Subject Term:

Computer games -- Programming.

HTML (Document markup language)

Added Author:

Jones, Brandon.

Format:

Electronic Resources

Electronic Access:

Click here to view

Publication Date:

2012

Publication Information:

Birmingham : Packt Publishing, 2012.

Available:*

Shelf Number	Material Type	Copy	Shelf Location	Status
794.81526	1:E-BOOK	1	1:ONLINE	Searching... Unknown

Bound With These Titles

On Order

Summary

Key Features Dive headfirst into 3D web application development using WebGL and JavaScript. Each chapter is loaded with code examples and exercises that allow the reader to quickly learn the various concepts associated with 3D web development The only software that the reader needs to run the examples is an HTML5 enabled modern web browser. No additional tools needed. A practical beginner's guide with a fast paced but friendly and engaging approach towards 3D web development Book Description WebGL is a new web technology that brings hardware-accelerated 3D graphics to the browser without installing additional software. As WebGL is based on OpenGL and brings in a new concept of 3D graphics programming to web development, it may seem unfamiliar to even experienced Web developers.Packed with many examples, this book shows how WebGL can be easy to learn despite its unfriendly appearance. Each chapter addresses one of the important aspects of 3D graphics programming and presents different alternatives for its implementation. The topics are always associated with exercises that will allow the reader to put the concepts to the test in an immediate manner.WebGL Beginner's Guide presents a clear road map to learning WebGL. Each chapter starts with a summary of the learning goals for the chapter, followed by a detailed description of each topic. The book offers example-rich, up-to-date introductions to a wide range of essential WebGL topics, including drawing, color, texture, transformations, framebuffers, light, surfaces, geometry, and more. With each chapter, you will "level up"ù your 3D graphics programming skills. This book will become your trustworthy companion filled with the information required to develop cool-looking 3D web applications with WebGL and JavaScript. What you will learn Understand the structure of a WebGL application Build and render 3D objects with WebGL Load complex models using JSON and AJAX Set up a lighting model using shaders, physics of light reflection, and lighting strategies Create a camera and use it to move around a 3D scene Use texturing, lighting and shading techniques to add greater realism to 3D scenes Implement selection of objects in a 3D scene with the mouse Advanced techniques to create more visually complex and compelling scenes Who this book is for

This book is written for JavaScript developers who are interested in 3D web development. A basic understanding of the DOM object model and the jQuery library is ideal but not required. No prior WebGL knowledge is expected.