Awesome PlayCanvas

PlayCanvas is an open source platform for building interactive web content. It's written in JavaScript, HTML5, CSS3 and WebGL.

This list is a curated collection of awesome resources, tools, tutorials and projects using the PlayCanvas engine to help developers make awesome games and visualizations.

Contributions very welcome but first see Contributing.

Contents

• PlayCanvas Products
• Community
• Documentation
• Tutorials
• Extensions and Utilities
• Technical Demos
• Interactive Experiences
• Games
  • Browser Games
  • IO Games
  • Messenger Games
  • YouTube Playables
• Automotive
• Product Configurators
• 3D Gaussian Splatting
• AR/VR/XR
• Generative AI
• Blockchain/Crypto/NFT

PlayCanvas Products

• PlayCanvas Engine - Open source JavaScript graphics application framework.
• PlayCanvas Editor - Browser-based editor for creating 3D web applications.
• PlayCanvas React - Open source React wrapper for the PlayCanvas Engine.
• PlayCanvas Web Components - Open source Web Components wrapper for the PlayCanvas Engine.
• Model Viewer - Open source model viewer for viewing glTF and PLY (3D Gaussian Splats) files.
• Texture Tool - Open source tool for reprojecting textures.
• PCUI - Open source front-end framework used by the PlayCanvas toolset.

Community

• Discord Server
• Facebook
• Forum
• LinkedIn
• Reddit
• X
• YouTube

Documentation

• API Reference - Complete engine API documentation.
• Developer Site - PlayCanvas Developer Site.

Tutorials

• Vehicle and Interior Tutorials - Detailed write-ups of 2 PlayCanvas visualization applications.
• Create a Bowling Game - Create a physics-based bowling game.
• Create a Space Shooter - Recreate Asteroids in this Tutsplus tutorial.
• MDN Tutorial - Build up a basic demo with PlayCanvas.
• Official Tutorials - Large collection of official PlayCanvas tutorials.
• PlayCanvas and Substance - Creating high-end artwork for vehicle configurators with PlayCanvas and Substance.
• Rescue the Lunar Lander - Tutorial to make a simple physics-based game.
• Solar Games Mentorship - Premium PlayCanvas training and mentorship services.
• Video Tutorials - YouTube playlist for short PlayCanvas tutorials.
• Wavedash - Learn how to publish your PlayCanvas game on the Wavedash gaming site.

Extensions and Utilities

• 8th Wall - Markerless AR runtime.
• Kinematic Character Controller - An open-source kinematic character controller.
• playcanvas-ar - Marker-based AR solution built on ARToolkit.
• playcanvas-node - REST API wrapper for Node.js.
• playcanvas-opti-pixel - GPU instancing, LOD, BVH frustum culling, and occlusion culling.
• playcanvas-p2.js - An integration with the p2.js 2D physics engine.
• playcanvas-react-colyseus - Starter template for multiplayer games with React and Colyseus.
• playcanvas-rest-api-tools - CLI tools built on the PlayCanvas REST API.
• playcanvas-spine - Spine plugin for PlayCanvas for 2D animations.
• playcanvas-tween - Officially supported tween animation plugin.
• playcanvas-vue - A PlayCanvas integration with Vue.js.
• @recast-navigation/playcanvas - NavMesh and Pathfinding using Recast for PlayCanvas.
• tween.js - Popular JavaScript tweening library that integrates easily with PlayCanvas.
• Sublime Completions - Sublime Text Autocompletion for the PlayCanvas API.
• VS Code Extension - An alternative to the built-in Code Editor.

Technical Demos

• After the Flood - Collaboration with Mozilla to promote WebGL 2.
• Casino - Physically rendered 3D casino environment.
• Global Illumination - GI approximation using interpolated lightmaps.
• Seemore - Collaboration with ARM to promote mobile WebGL.
• Sponza - Run-time lightmapped Sponza environment.
• Star-Lord - First ever PBR demo from PlayCanvas.
• Steampunk Slots - Physically rendered slot machine.
• Water - High fidelity water simulation with caustics.

Interactive Experiences

• Call of Duty: Gunsmith - Promotional 3D experience themed on Call of Duty.
• Camille World - Explore 3D worlds and play as puzzles.
• Childhood on the Move - Virtual art exhibition from charity Family for Every Child.
• Cyber City - Promotional site for Visionaries777.
• Da Viking Code's Metaverse - Explorable 3D project portfolio of a digital agency.
• DOOH Invaders - World's largest Space Invaders clone unveiled at Cannes Lions.
• Fatal System Error - Interactive opera experience created by Dumbworld from the Royal Opera House.
• How Not To Suck At Money - Educational game from Invesco about personal finance.
• Instant Worlds - Instant, browser-based 3D worlds for brands and audiences to connect in real time.
• Life During COVID-19 - Virtual art exhibition from charity Family for Every Child.
• MMX Racing - Interactive 3D ad for a popular mobile game.
• Party Space - Virtual events platform.
• Pocketverse - Procedurally generated star systems.
• Realise - A video game to accompany the new EP from Hearse Pileup.
• Ride Along 2 - Using WebGL to promote a Hollywood movie release.
• Rugby World Cup - Promoting the Rugby World Cup in London's Piccadilly Circus.
• Virtual Statues - A digital museum built with 3D Gaussian Splatting.
• Wild Rift - Solve the puzzle to unlock a League of Legends: Wild Rift character.

Games

Browser Games

• Beyond Bionic: Extreme Encounters - Outdoor adventures in this game from the BBC.
• Bubble Tower 3D - Old-school bubble shooter game.
• Build Land - Grow your island by collecting resources.
• Bus Parking 3D - Park the bus in the designated space before the timer runs out.
• Cannon Balls 3D - Use the cannon to destroy the various structures in this physics-based game.
• Car Detailing Master - Clean, paint, and polish cars in this satisfying makeover game from Gamebole.
• Color Burst 3D - Hit the colored wall matching the ball color.
• Color Up - Climb up carefully and stay on the right colored boxes.
• Continental Marble Adventure - Marble game for Continental's 150th anniversary.
• Conundrum - A word game where you solve anagrams. Fast!
• Curve Ball 3D - 3D pong game.
• DeadRise.io - Fast-paced zombie shooting chaos in your browser.
• Disney's Hour of Code - Moana - Learn programming fundamentals with Disney's Moana.
• Euro Penalty Cup 2021 - Try to hit the goal and outsmart the goalkeeper.
• Fishing League - Climb the ranks and become the ultimate angler.
• Flappy Bird - Guide the bird through as many pipes as possible.
• Free Kick Football - Curve the ball to score goals.
• Full Speed Racing - Drive as far as you can before the time runs out.
• Galaxies: Combat - Carefully select power-ups to defeat waves of hostile ships.
• Garden Bloom - Garden-themed 2D match-3 game.
• Garden Match 3D - 3D match 3 game.
• Geometry Run - Stylized endless runner built from geometric shapes.
• Golf and Friends - Swing into a vibrant online minigolf adventure.
• Hoop Royale - Maneuver the ring around the ball.
• Jungle Friends - Earn coins by helping your animal friends.
• Lego Jurassic World: Off-road Race - Dinosaurs, LEGO and vehicle stunts.
• Mahjong World - 3D Mahjong puzzle game.
• Mancala Classic - Strategic board game.
• Master Archer - Shoot the fruit from the top of Bob's head.
• Megopoly - Free to play casual strategy board game where you invest in virtual property.
• Monopoly - The classic board game recreated in a 3D video game.
• Nitro Knights - Futuristic jousting game.
• Om Nom Run - Endless runner.
• Orbital Survival - Destroy wave after wave of enemies on a tiny world.
• Quake - A port of id Software's Quake to PlayCanvas.
• Scooter Xtreme - Casual scooter riding game.
• Slice Rush - Take the knife and chop your way through the kitchen.
• Squid Dash - Help Squiddy get to the ocean.
• Stack Smash - Destroy all platforms to get to the ground and win.
• Stickman Climb - Physics-based puzzle game.
• SWOOOP - Pick up gems in a bi-plane above a magical island.
• The Walking Dead: Those Beyond - A community survivor camp experience game.
• TNT Bomb - Destroy buildings and structures with explosive power-ups.
• Town Star - Online farming game built by the Creative Director of Farmville 2.
• Virtual Voodoo - Voodoo doll simulator.

IO Games

• 99 Nights Online - Multiplayer survival horror coop game.
• Animal Obby - Switch between animals with unique abilities to reach the goal.
• Bullet Bonanza - Fast-paced, high-fidelity, 3D multiplayer FPS game from Kiloo.
• Fields of Fury - Capture the flag set during WW2.
• GUMMYZ - Sword-swinging multiplayer combat game.
• Ink Wars - Paint faster than your opponents to win the round.
• Mini Royale: Nations - Battle Royale first-person shooter.
• Robostorm - Frenetic online multiplayer mech battle game.
• Rollem - Guide your hamster to the end of the obstacle course in the fastest time.
• Simply Prop Hunt - Fast-paced multiplayer hide-and-seek game with a clever twist.
• Simply City - An open-world multiplayer GTA-like driving game.
• Simply Up - Climb to the top of the tower in the shortest time.
• Tank Royale - Cartoony fast-paced top-down multiplayer shooter.
• TANX - Online multiplayer tank battle game.
• Tribals - First-person multiplayer survival game.
• Venge - 3D multiplayer first-person shooter.
• Vortelli's Pizza - Multiplayer restaurant game.
• Warbands - 3D multiplayer first-person shooter.
• Wheat Farming - Multiplayer farming game.

Messenger Games

• GameWave - Multiplayer games for iMessage.

YouTube Playables

• Cannon Balls 3D - Use the cannon to destroy the various structures in this physics-based game.
• Color Burst 3D - Hit the colored wall matching the ball color.
• Farm Land - Grow produce to expand your land.
• Free Kick Football - Curve the ball to score goals.
• Om Nom Run - Endless runner.
• Scooter Xtreme - Casual scooter riding game.
• Stack Bounce - Destroy all platforms to get to the ground and win.
• Street Fighter Combo Challenge - Test your skills by landing combos in this Street Fighter tie-in.

Automotive

• Airstream Basecamp - Travel trailer visualizer.
• Bennington Pontoon Boats - Boat configurator.
• BMW Car Design - Interactive exploration of BMW design.
• BMW i4 M50 Showcase - Blog article that embeds a technical overview of the new i4.
• BMW i8 - Car visualizer.
• DAB Motors - Motorcycle configurator.
• Garage 360 - 3D configurator for motorcross graphic kits.
• Honda Civic Type R - Configurator (Japanese).
• Indian Motorcycles - Motorcycle configurator.
• Infiniti Experience - Explore the 2020 Infiniti range (Chinese).
• Kia Niro Hybrid - Kia configurator (Korean).
• Kia Virtual Experience - Explore Kia's latest line of cars.
• Mercedes AMG GT C - Car visualizer.
• Nissan Ariya - Explore Nissan's Ariya in 3D (Japanese - requires sign in).
• Polaris RZR - Off-road vehicle configurator.

Product Configurators

• 3D Plans - Virtual tours and interactive maps for the property market.
• Amisco Furniture - Interactive 3D furniture configurator.
• Bugatti Tourbillon - Watch configurator from Jacob & Co Timepieces.
• Cibes Lifts - Elevator configurator.
• Elfa Closets - Closet configurator.
• Fjällräven Kånken - Backpack configurator.
• Iconic Nordic Rooms - Shower and sink configurators.
• iPhone 6 - iPhone visualizer.
• Montblanc - Product visualizer for Montblanc pens, watches, wallets and headphones.
• Norqain - Watch configurator.
• My Sliding Wardrobe - Closet configurator.
• Renewal by Andersen Windows - Window configurator.
• Watch Configurator - Technical demo from Visionaries777.
• WFI - Workstation configurator.
• Willab Gardens Greenhouses - Greenhouse configurator.

3D Gaussian Splatting

• 2nd Swing - Golf retailer using splats for product visualization.
• 4DV - Impressive implementation of animated Gaussian splats (4DGS).
• Arrival Space - Social metaverse built on splat-based spaces.
• Braintrance - A platform to share and experience 3D memories.
• Crysta - Turn your favorite moments into exquisite, full-color 3D keepsakes.
• CyArk - Explore sites of historical significance in 3D.
• DiffStudio - Create digital twins of e-commerce products.
• Doly - Capture high-quality 3D photos of your products and embed them on Shopify in minutes.
• GSplat Share - Share your splats with optional time-limited and password-protected links.
• Echo-2 Viewer - Explore splats created by the world models of SpAItial AI.
• Form Chasers - A community site for sharing scans of vehicles.
• Grace Cathedral - Explore the interior and exterior of the famous San Francisco landmark.
• Heritage Expolorer - Archive of cultural heritage and other interesting sites.
• ImmersiveTech - Creator of bespoke 3DGS-based interactive experiences.
• LichtFeld Studio Gallery - Example scenes trained by LichtFeld Studio.
• Mind Studio - Showcase page showing many examples of 3DGS being used for real estate projects.
• Montreal Museum of Fine Arts - Explore 6 rooms at the museum.
• NeuralStorm - Neural rendering for high-fidelity product visualization.
• Nood - Furniture retailer.
• Old Main - The Public Library of Cincinnati's Grand Hall as it appeared in 1900.
• Orbify - Curved-space view for turn-by-turn navigation.
• Prewatch - Smart virtual scouting for better decisions.
• Primer on Gaussian Splatting - Blog article embedding the PlayCanvas SuperSplat Viewer.
• Real Horizons - Transform video into 3D immersive tours.
• Reflct - Curate, manage and deploy 3DGS scenes online.
• ScanMeNow - Portable human 3DGS capture platform.
• Skyfall-GS - Converts satellite images to explorable 3D urban scenes using the SuperSplat Viewer.
• Solaya - Generate high-fidelity 3D digital twins as the foundation for unlimited visual assets.
• Splat Labs - Capture, host and share immersive Gaussian splat digital twins.
• Splat3D - Browser-based platform for training and publishing splats.
• SplatMart - Marketplace for buying and selling Gaussian splat scenes and assets.
• Splatimation - Create and publish 3D virtual tours.
• Splattr - Create Gaussian splats on the cloud.
• SplatTour - Photorealistic 3D tours of any space, generated from a video shot with the user's phone.
• Split View Studio - Tools for creating interactive 4D timelines.
• StorySplat - Transform your 3D captures into interactive stories.
• SuperSplat - Open source platform for editing and publishing 3D Gaussian Splats.
• Sutro Tower - Explore this 3D Gaussian Splat of San Francisco's communications tower.
• Torchweave - Train and publish splats using your phone.
• Tum Collegiate Church - Explore a key historical Polish landmark.
• UnrealTwin - Turn Unreal scenes into a web link.
• vid2scene - Transform 2D video into immersive 3D scenes.
• Voxelo - AI-powered studio turning product videos into realistic 3D digital twins.
• Wildflow - Scanning the world's coral reefs as Gaussian splats.

AR/VR/XR

• Orange Room - A highly realistic interior environment demonstrating room-scale VR.
• Neon Bubblegum - Demo scene style WebXR-based homepage from Karsten Weil.
• Raw: Paralympics XR - Webby 2022 nominated WebXR 360 video experience.
• Storage Space 13 - Fun VR game and winner of js13k WebXR category.
• Trivver - Shop Smarter in 3D with real-time personalization and analytics.
• Viverse - Open platform for virtual worlds and environments developed by HTC.
• WebXR Lab - Sandbox for VR interaction experiments.

Generative AI

• Snap AI - Use AI to create Snapchat Lenses (3D visualization built on PlayCanvas).
• Ideate - AI-powered 3D art suite on the web.

Blockchain/Crypto/NFT

• Aritelia - Open world social MMO with sandbox building and collectable NFTs.
• The Crypt - Gallery for rare art and collectibles.
• Somnium Space - Virtual Reality world built on the Ethereum blockchain.

Contributing

Please see CONTRIBUTING for details.