YoVDO

AR for web using JavaScript

Offered By: Meta via Coursera

Tags

Augmented Reality Courses Javascript Courses WebGL Courses HTML5 Courses

Course Description

Overview

This course prepares you for a career using AR in the education sector. You will learn how web AR is used in learning, and you'll have lots of hands-on practice using PlayCanvas, graphic editing tools, and JavaScript to create learning experiences. By the end of this course, you will be able to: - List the capabilities and limitations of Web AR. - Explain what HTML5 and WebGL are and how they are used in Web AR. - Describe how JavaScript is used in AR development. - Use JavaScript in PlayCanvas to trigger interactions in a Web AR application. - Use scripting best practices and optimization while creating content in Web AR. - Identify Agile and Scrum best practices for Web AR development. - Identify UI design principles related to Web AR. - Use Blender to do basic modifications to 3D objects. - Use Blender to set up textures and materials, and add them to objects, including changing colors. - Integrate and animate 3D content in PlayCanvas. - Use PlayCanvas to create a Web AR application. To be successful in this course, experience with object oriented programming and basic web development is needed. JavaScript is a plus but not required. We recommend completing the previous courses in the program so you can build on the knowledge and skills from those courses here.

Syllabus

  • Basics of Web AR development
    • In this module, you will learn about working on AR learning projects and use editing tools and PlayCanvas to create an app and assets.
  • Javascript in PlayCanvas
    • In this module, you will learn how JavaScript is used in AR development and practice developing code in the PlayCanvas Code Editor.
  • Content development and integration
    • In this module, you will set up a new project in PlayCanvas, create and manipulate scenes, add 3D animation, and optimize and test your assets.
  • Creating an AR learning experience with PlayCanvas
    • Using PlayCanvas, you will take the assets you have created earlier and combine them into a custom learning experience involving the human heart.

Taught by

Taught by Meta Staff

Related Courses

Build Complex 3D models with WebGL
egghead.io
Create 3D Graphics in JavaScript Using WebGL
egghead.io
Create a 3D Product Configurator using TresJS
egghead.io
Code a Virtual 3D Art Gallery - Three.js JavaScript Tutorial
freeCodeCamp
Learn Three.js by Building 5 Projects
freeCodeCamp