Webgl Textures & Vertices: Beginner's Guide (online 3d Media With Webgl Book 1) download

Download Webgl Textures & Vertices: Beginner's Guide (online 3d Media With Webgl Book 1)
Author: A. Butler  |  Isbn:  |  File size: 5.2 MB  |  Year: 2015  |  Pages: 236  |  Language: English  |  File format: PDF  |  Category: Design

WebGL enables rapid display of 2D and 3D animated and interactive graphics on the Web. Games, animation, scientific simulation, interactive presentations, and other graphic intensive Web pages can run faster with WebGL.

As of fall 2014 every major operating system supports WebGL including Windows PCs with Internet Explorer 11 or Microsoft Edge, Macintosh OS X Yosemite, Android with Chrome and Firefox browsers, iPhone 6, and Windows Phone.

We believe WebGL represents the future of online 3D media and games. We're preparing our readers for the next wave of Web media with a series of short focused tutorials. Tutorials include working examples, diagrams, graphics, and instruction.

“WebGL Textures & Vertices: Beginner's Guide” provides an introduction to WebGL for javascript designers and developers. “WebGL Textures & Vertices: Beginner's Guide” represents the first book in the series titled “Online 3D Media with WebGL”. The book builds a foundation for future projects with element array buffers and two simple shaders. Future books in the series use this book's foundation. However, this book stands alone. We cover a long list of WebGL methods, provide an introduction to shaders, and basic WebGL development.

We explain fundamental concepts of WebGL. The book covers how to declare a simple square mesh. We demonstrate mapping the mesh with textures from a JPG image file. We cover cropping, tiling, and repeating textures.

The book's examples animate a rotating textured square. We briefly discuss animation with 4 x 4 matrices and the window's requestAnimationFrame() method. We include an overview of perspective projection, which provides a sense of depth. The animation section includes how to use WebGL API methods uniformMatrix4fv() and drawElements().

For readers unfamiliar with shaders, we explain two shaders line by line. The shader section covers storage qualifiers attribute, uniform, and varying. The vertex shader discusses vec2, vec4 and mat4 types. The fragment shader explains how to use sampler2D with the built in function texture2D(). We explain how to compile and link shaders for use with a WebGL program.

We assume the reader understands basic HTML markup and javascript. The book includes full source code listings, thorough comments, illustrations and diagrams, to clarify each topic.

This book doesn't rely on external libraries, but focuses on WebGL itself. Once you understand WebGL, you can use external libraries with confidence, write your own, or develop lightweight independent WebGL media.

“WebGL Textures & Vertices: Beginner's Guide” provides examples and explanation covering the following WebGL methods:

createProgram(), attachShader(), linkProgram(), useProgram(), createShader(), shaderSource(), compileShader(), getShaderParameter(), getShaderInfoLog(), getUniformLocation(), uniformMatrix4fv(), getAttribLocation(), enableVertexAttribArray(), viewport(), createBuffer(), bindBuffer(), bufferData(), vertexAttribPointer(), uniformi(), createTexture(), activeTexture(), bindTexture(), pixelStorei(), texImage2D() , validateProgram(), getProgramParameter(), getProgramInfoLog(), deleteProgram(), and drawElements().

“WebGL Textures & Vertices: Beginner's Guide” offers helpful information toward a great start with WebGL.

Download book

Download Webgl Textures & Vertices: Beginner's Guide (online 3d Media With Webgl Book 1)

Related files

DMCA & Contact