Pompeu Fabra University

3D Graphics for Web Developers

Use WebGL to develop high-quality, interactive 3D graphics applications that run natively in browsers.
Length 1 to 3 months
Effort 6 hours per week
Price Free
Subject Design, Computer Science
Level Beginner
Languages English
Video Transcripts English

Start programming 3D graphics applications for the web

This free online course will provide web developers, who have existing knowledge of JavaScript, with the theoretical and practical knowledge to start programming 3D graphics applications for the web.

Most graphics courses start with the very basics. In this course, we take a top-down approach, starting with very high-level scene-editing tools, before drilling down and creating applications with increasing levels of complexity.

What you'll learn

By the end of the course, you'll be able to...

  • Describe basics of the 3D graphics

  • Explore how WebGL applications can be built in conjunction with standard web technologies

  • Develop an intermediate-level 3D scene

  • Apply an intermediate-level 3D scene on the web

  • Evaluate an intermediate-level 3D scene

Course syllabus

  • 3D Scene creation using web-based tools
  • Visual appearance using WebGL
  • Introduction to Three.js
  • Textures, Controls and Materials
  • Apply advanced settings to a 3D scene

Meet the instructors

Alun Evans
A professor at the Department of ICT at UPF and the coordinator of 3D graphics team in Interactive Technologies Group. His research interests are Character Animation, Serious Games and 3D Graphics.


Javier Agenjo Asensio3D programmer and researcher at Universitat Pompeu Fabra. My expertise is in 3D Graphics and Videogames for the Web using standard Technologies. I had coded several 3D engines using Javascript.