Skip to Main Content
WebGL Beginner's Guide
book

WebGL Beginner's Guide

by Diego Cantor, Brandon Jones
June 2012
Beginner content levelBeginner
376 pages
8h 32m
English
Packt Publishing
Content preview from WebGL Beginner's Guide

Configuring some WebGL properties

Here we set the background color and the depth test properties as follows:

gl.clearColor(0.3,0.3,0.3, 1.0);
gl.clearDepth(1.0);
gl.enable(gl.DEPTH_TEST);
gl.depthFunc(gl.LEQUAL);

Setting up the camera

The camera variable needs to be global so we can access it later on from the GUI functions that we will write. For instance, we want to be able to click on a button (different function in the code) and use the camera variable to update the camera position:

camera = new Camera(CAMERA_ORBITING_TYPE);
camera.goHome([0,0,7]);
camera.setFocus([0.0,0.0,0.0]);
camera.setAzimuth(25);
camera.setElevation(-30);

The azimuth and elevation of the camera are relative to the negative z-axis, which will be the default pose if you do ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Programming 3D Applications with HTML5 and WebGL

Programming 3D Applications with HTML5 and WebGL

Tony Parisi

Publisher Resources

ISBN: 9781849691727Other