Information Technology
Hands on Training icon
Hands On Training
Hands on Training icon

2D and 3D Programming Using WebGL

Course Cover
compare button icon

Course Features

icon

Delivery Method

Online

icon

Available on

Limited Access

icon

Accessibility

Mobile, Desktop, Laptop

icon

Language

English

icon

Subtitles

English

icon

Level

Beginner

icon

Teaching Type

Self Paced

Course Description

From the film industry to education and training, animation and gaming, architecture and interior design, 2D and 3D designs are becoming increasingly important. 3D modelling allows the designer to see things that they would not see in 2D. We have designed this course to help web developers and anyone interested in programming 2D and 3D graphics to create high-performance interactive 3D and 2D graphics that you can view in any compatible web browser. We begin with an overview of WebGL (Web Graphics Library). Learn the distinctions between WebGL, OpenGL and OpenGL ES and set up a WebGL server on Windows, Mac and Linux operating systems. You will also learn the six steps to rendering in WebGL: preparing the canvas, getting the WebGL context-ready, specifying and storing the geometry in a buffer object, creating and compiling shader programs and linking the shader programs with the buffer objects and finally drawing the object. This course will teach you the distinctions between normalised and device coordinates. Following that, you will learn how to draw objects, points and a simple triangle in WebGL. Explore how to draw lines in various ways in WebGL, draw a quad with four vertices and draw a 3D cube. Finally, we demonstrate how to set up Three.js on your computer to assist in creating and displaying animated 3D graphics in a web browser using WebGL and how to apply colours and textures to shapes, move and transform objects and apply ambient light to shapes. WebGL is the web version of OpenGL. It is a JavaScript API that allows any compatible web browser to render high-performance interactive 3D and 2D graphics without the use of plug-ins. This Alison course will provide you with first-hand knowledge required to design 2D and 3D graphics with WebGL. Set up a quick server to code WebGL on various operating systems, create a WebGL project, draw and transform objects, apply colours and textures, animate shapes and apply lighting to the objects. This course is a fantastic opportunity for anyone interested in learning 2D and 3D programming. Take this course right away and learn a new skill.

Course Overview

projects-img

Post Course Interactions

projects-img

Instructor-Moderated Discussions

Skills You Will Gain

What You Will Learn

Discuss the function of Three.js in WebGL

Discuss the type of coordinate system used in WebGL

Distinguish between OpenGL, WebGL and OpenGL ES

Distinguish between right-hand and left-hand coordinates

Explain how to implement ambient lighting in WebGL

Indicate the number of vertices required to draw a quad in WebGL

Recall how to set up a WebGL project

Recognise the command for scaling shapes in WebGL

State the recommended precision level for colours in WebGL

Summarise the procedures in rendering an object in WebGL

Course Cover