AR for web using JavaScript

Module 1: Basics of Web AR development

This module covers fundamental concepts of web AR development, including an introduction to HTML5, WebGL, and PlayCanvas, as well as asset management, version control best practices, and UI design principles related to web AR. Participants will also gain hands-on experience in modifying 3D objects in Blender, setting up textures and materials, and integrating 3D content in PlayCanvas.

Module 2: JavaScript in PlayCanvas

Participants will delve into scripting and JavaScript in PlayCanvas, learning to create and modify scripts, work with script attributes and events, and use developer tools for debugging. This module also focuses on using user input, animations, and physics in PlayCanvas to enhance the interactivity and functionality of web AR applications.

Module 3: Content development and integration

This module explores setting up AR projects in PlayCanvas, adjusting scene settings, working with scene components, user interface basics, 3D models, and optimizing app performance. Participants will learn to create learning scenes, apply physics to 3D objects, and troubleshoot performance issues, ensuring a seamless AR learning experience.

Module 4: Creating an AR learning experience with PlayCanvas

Participants will undertake an end-of-course project to build an AR learning experience using PlayCanvas. This project encompasses gathering assets, game design documentation, and building an interactive AR application. Upon completion, participants will submit their learning experience and engage in collaboration with peers.