WebGL 2D/3D Programming and Graphics Rendering For The Web
Overview
Become an in-demand WebGL specialist and learn the advanced skills needed to utilise WebGL features, with this complete step-by-step training course.
The [course_title] course is ideal for anyone looking to learn the A-Z of WebGL coding, to take their web development and programming career to the next level. Broken down into six core lessons, you will gain the skills to utilise all the web development features for 3D online graphics and rendering, as well as gain an in-depth understanding of the semantics of general programming.
Supercharge your application programming, mobile development and programming skills in as little as one week, and enrol today as a part-time or full-time student.
Course design
The course is delivered through our online learning platform, accessible through any internet-connected device. There are no formal deadlines or teaching schedules, meaning you are free to study the course at your own pace.
You are taught through a combination of
- Video lessons
- Online study materials
Will I receive a certificate of completion?
Upon successful completion, you will qualify for the UK and internationally-recognised CPD accredited certification. You can choose to make your achievement formal by obtaining your PDF Certificate at the cost of £9 and Hard Copy Certificate for £15.
Why study this course
It doesn’t matter if you are an aspiring professional or absolute beginner; this course will enhance your expertise and boost your CV with critical skills and an accredited certification attesting to your knowledge.
The [course_title] is fully available to anyone, and no previous qualifications are needed to enrol. All Thames College needs to know is that you are eager to learn and are over 16.
Course Curriculum
| Section 01: Introduction | |||
| WebGL vs OpenGL vs OpenGL ES | 00:05:00 | ||
| Setup Server (Mac, Windows and Linux) | 00:05:00 | ||
| Setup WebGL Project | 00:08:00 | ||
| Section 02: Drawing Objects | |||
| WebGL Rendering Pipeline | 00:04:00 | ||
| Drawing A Point | 00:22:00 | ||
| Normalised Coordinates vs Device Coordinates | 00:10:00 | ||
| Drawing A Simple Triangle | 00:06:00 | ||
| Drawing A Line Using gl.LINES | 00:03:00 | ||
| Drawing A Line Using gl.LINE_STRIP & gl.LINE_LOOP | 00:03:00 | ||
| Drawing A Triangle With Lines Using gl.TRIANGLE_STRIP & gl.TRIANGLE_FAN | 00:03:00 | ||
| Drawing A Quad | 00:07:00 | ||
| Drawing A 3D Cube | 00:24:00 | ||
| Setup Three.js | 00:06:00 | ||
| Loading & Drawing A Model Using Three.js | 00:16:00 | ||
| Section 03: Colours and Textures | |||
| Applying Color To Shapes | 00:09:00 | ||
| One Color Per Triangle | 00:15:00 | ||
| One Color Per Vertex Using Interpolation | 00:02:00 | ||
| Applying A Texture To Shapes | 00:23:00 | ||
| Texture Coordinates | 00:08:00 | ||
| Section 04: Moving & Transforming Objects | |||
| Moving Objects Using Translation | 00:06:00 | ||
| Left Handed vs Right Handed Coordinate System | 00:06:00 | ||
| Sizing Objects Using Scaling | 00:06:00 | ||
| Combining Transformations | 00:07:00 | ||
| Section 05: Movement & Camera | |||
| Mouse Input | 00:11:00 | ||
| Keyboard Input | 00:09:00 | ||
| Fixing Rotation and Adding Individual Rotation | 00:08:00 | ||
| Section 06: Lighting & Shading | |||
| Ambient Lighting | 00:13:00 | ||
| Section 07 Resource | |||
| Resource | 00:00:00 | ||
Certificate of Achievement
Upon completion, you will receive a CPD-accredited certificate recognised globally. Choose from:
Pdf Certificate & Transcript £7.99
Hardcopy Certificate & Transcript £17.99
This certification validates your knowledge and skills, boosting your employability in healthcare.
Access
Level
Number of Units
Duration