Basics of Web AR development-Get started with web AR
AR in learning - Web AR: PlayCanvas
()
Web AR welcome
Use cases for Web AR in learning
Introduction to HTML5 and WebGL
()
Considerations for using graphics in Web AR
Web AR and open source
()
Web AR projects: Roles and responsibilities
Web AR projects: How to understand scope
()
Web AR projects: The software development life cycle for learning
()
Web AR projects: Asset management and version control best practices
()
Basics of Web AR development-Introduction to PlayCanvas
Build your AR toolkit
Introduction to PlayCanvas and Web AR
()
PlayCanvas interface tour
()
How to create a simple app: Get started
()
How to create a simple app: Add markers
()
How to create a simple app: Add interactivity
()
Options for publishing
How to create a simple app: Preview and publish
()
Try it: Create your first app in PlayCanvas
Version control
()
Basics of Web AR development-Introduction to assets
Introduction to assets in PlayCanvas
Blender interface tour
()
How to modify three-dimensional content in Blender
()
How to create textures and materials in Blender
()
How to upload and import assets into PlayCanvas
()
Try it: Create assets in Blender and import to PlayCanvas
Introduction to materials and textures in PlayCanvas
Materials and textures in PlayCanvas, part 1
()
Materials and textures in PlayCanvas, part 2
()
Try it: Add materials and textures to a 3D object
How to work with 2D graphics
()
Javascript in PlayCanvas-How to script in PlayCanvas
Introduction to scripting and JavaScript
Code Editor quick tour
()
Code Editor tips
How to read a script
()
Create a script
()
Try it: Create a script and add it to an object
How to work with script attributes, part 1
()
How to work with script attributes, part 2
()
Introduction to events
How to use events to communicate between scripts
()
Try it: Modify scripts
Javascript in PlayCanvas-Verify your script
The order of loading
How to use developer tools to debug scripts, part 1
()
How to use developer tools to debug scripts, part 2
()
Try it: Debug a script
Try it: Find the bugs!
Content development and integration-How to work with scenes and assets
How to set up your AR project in PlayCanvas
()
How to adjust the scene settings in an AR project
()
How to work with scene components: Background and Camera
()
How to work with scene components: Lighting
()
How to work with scene components: Sound and audio, part 1
()
How to work with scene components: Sound and audio, part 2
()
How to work with scene components: AR Camera and pattern marker
()
How to work with scene components: Loading and unloading
()
Try it: Create a learning scene using the PlayCanvas Editor
User interface basics
HTML, font, and CSS assets, part 1
()
HTML, font, and CSS assets, part 2
()
Content development and integration-How to work with animations and user input
How to work with 3D models
How to work with animations
()
Introduction to physics in PlayCanvas
How to use physics in PlayCanvas
()
Try it: Apply physics to a 3D object
How to work with user input
()
Try it: Add user input to animate a 3D object
PlayCanvas components related to AR
()
Content development and integration-Performance and optimization
Performance and optimization guidelines
How to determining performance: Profiler panel and mini stats
()
How to optimize your app: Batching
How to optimize your app: Load sequence and load time
How to troubleshoot performance
Creating an AR learning experience with PlayCanvas-Introduction to your custom learning experience
AR Web development end-of-course project: build your heart
()
End of course game design document
Gather your assets
()
Assets for the end of course project
Creating an AR learning experience with PlayCanvas-Build your learning experience, part 1
Build your heart, part 1
Build your heart, part 2
Creating an AR learning experience with PlayCanvas-Build your learning experience, part 2
Build your heart, part 3
Build your heart, part 4