
Learn to use PlayCanvas, a cloud-based engine, to create interactive 3D games in your web browser, from starting a new project to building a first-person shooter.
Mastering PlayCanvas for beginners guides you through creating a project, collaborating, and navigating the interface—scene view, assets window, hierarchy, and inspector—with keyboard and mouse controls to move, rotate, and scale.
Create 3D objects in PlayCanvas, manage scene hierarchy by selecting the root to avoid unintentional parenting, and build materials with diffuse textures by importing images and applying them to objects.
Master PlayCanvas material properties by creating and organizing assets into images and materials folders, then adjust texture transform tiling, specular, metalness, emissive, and opacity for png transparency.
Import external 3D assets into PlayCanvas through Sketchfab and the Asset Store; drag and drop houses or cars into your scene, and import FBX, OBJ, or GLB files with textures.
Learn to manage scenes and assets in PlayCanvas with cloud autosave, create and restore checkpoints via version control, collaborate with teammates, and add skyboxes from the asset store through settings.
Add and configure directional, omni, and spotlight lights in PlayCanvas. Adjust intensity, color, range, and falloff; explore shadows, cone angles, and soft versus hard shadows.
Add a dynamic capsule collision and rigid body to a new player entity, set linear damping and the linear and angular factors, and attach the camera as the player's eyes.
Set the ground plane as a static rigid body with a collision box, then implement first-person movement in PlayCanvas using a script and WASD plus mouse.
Add collider components and rigidbody components to the scene, adjust collision size and offset, and toggle static versus dynamic to ensure the player collides with walls and buildings.
Learn basic coding in PlayCanvas by creating scenes, adding collision and dynamic/static rigid bodies, and scripting with entity and app concepts to apply force, torque, and teleport objects.
Align the camera with the cube's z axis, rotate the y axis, and map wasd to move the dynamic cube by applying forces along z and x axes.
Learn to set up a gun as a 3D placeholder, import and resize a gun asset, and anchor it under a gun parent with a bullet origin for firing.
Create a red material sphere bullet with a dynamic rigid body and sphere collision, then convert it to template. Add a shoot bullet script using a my bullet source attribute.
Edit the shoot bullet script to instantiate a bullet from assets, attach it to the root, place it at the bullet origin, and teleport it on left click for testing.
Retrieve the bullet asset, create a forward force with PC vector three at speed 800, and apply it to the bullet's rigid body.
Create a destroy bullet script in PlayCanvas, use delta time to count seconds, destroy the bullet after a set time, and destroy the bullet immediately on collision with enemies.
Learn to add an enemy with Mixamo, download an FBX animation, import it into the project, and set up an anim state graph to drive walking animations.
Learn to configure collision and rigid body components in PlayCanvas, destroy enemies and bullets on collision, and stop bullets from bouncing by using collision start events.
Make an enemy follow the player using a dynamic rigid body and moving collider in PlayCanvas. Use Euler angles to orient the enemy toward the player as it follows.
Add ambient background, gun sfx, and 3d sounds with positional audio in PlayCanvas, using an audio listener and exponential distance model to vary volume with distance.
Add a scoring system in PlayCanvas by creating a 2D score display, linking it to a destroy bullet script, and updating the score as enemies are destroyed.
Learn how to add a user interface and title screen in PlayCanvas by creating a main menu, a congrats scene, and a play button that switches scenes using a script.
Publish your game to the web using PlayCanvas and select the start menu as the first scene. This process generates a shareable link for friends or embedding on a website.
Welcome to "Mastering PlayCanvas for Beginners"! This course is your gateway to the exciting world of PlayCanvas, a versatile and powerful WebGL game engine. Whether you're just starting out in game development or looking to expand your skill set, these tutorials are tailored to help you create immersive and interactive 3D experiences directly in your browser.
In this series, we'll start from the basics, guiding you through the essential steps of setting up projects, understanding the PlayCanvas interface, and organizing your work. You'll learn the fundamentals of scripting, using JavaScript to bring your projects to life with dynamic interactions and behaviors. We'll also dive into asset management, covering how to import, organize, and optimize 3D models, textures, and sounds to ensure smooth performance and a seamless user experience as we create a 3D first person shooter game.
Each tutorial is designed to be engaging and practical, offering hands-on examples and clear explanations to help you grasp key concepts. As you progress through the series, you'll gain the confidence and skills needed to tackle more complex projects, whether you're interested in game development, simulations, or other interactive media.
By the end of this playlist, you'll not only understand the core features of PlayCanvas but also how to apply them creatively to your own projects. So, get ready to unleash your creativity and transform your ideas into reality. Join us in "Mastering PlayCanvas for Beginners" and start your journey into the fascinating world of 3D game development today!