Awesome PlayCanvas Game – Massive Collection of Resources

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.

Contents

• PlayCanvas
• Community
• Tutorials
• Extensions and Utilities
• Technical Demos
• Advertising
• Browser Games
• IO Games
• Messenger Games
• Automotive
• Product Configurators
• AR/VR/XR

PlayCanvas

• Editor – Browser-based, real-time collaborative WebGL Editor.
• Engine – Full source to the PlayCanvas run-time licensed under MIT.
• glTF Viewer – glTF 2.0 compliant model viewer.
• NPM Package – Node.js packages of the PlayCanvas engine run-time.
• PCUI – Open source front-end framework used by the PlayCanvas toolset.
• Reference – API reference manual for the engine run-time.
• User Manual – PlayCanvas user guide.

Community

• Forum
• Twitter
• Discord Server
• Facebook
• HTML5GameDevs Forum
• Reddit
• Stack Overflow

Tutorials

• Create a Bowling Game – Create a physics-based bowling game.
• Create a Space Shooter – Recreate Asteroids in this Tutsplus tutorial.
• Game Design with PlayCanvas and JavaScript – PlayCanvas training series.
• MDN tutorial – Build up a basic demo with PlayCanvas.
• Official Tutorials – Large collection of official PlayCanvas tutorials.
• Playing in Canvas – Pirron One’s PlayCanvas themed blog.
• Rescue the Lunar Lander – Tutorial to make a simple physics based game.
• Video Tutorials – YouTube playlist for short PlayCanvas tutorials.

Extensions and Utilities

• 8th Wall – Markerless AR runtime.
• playcanvas-ar – Marker-based AR solution built on ARTollkit.
• playcanvas-node – REST API wrapper for Node.js.
• playcanvas-p2.js – An integration with the p2.js 2D physics engine.
• playcanvas-spine – Spine plugin for PlayCanvas for 2D animations.
• playcanvas-tween – Officially supported tween animation plugin.
• playcanvas-vue – A PlayCanvas integration with Vue.js.
• tween.js – Popular JavaScript tweening library that integrates easily with PlayCanvas.
• Pirron One – Editor externsions implementing post effects, terrain creation and more.
• Sublime Completions – Sublime Text Autocompletion for the PlayCanvas API.

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 slots machine.

Advertising

• Adidas ZX Game – Branded rhythm action game (German).
• Ally Racing – Retro NASCAR racing adver-game for Ally Bank.
• Call of Duty: Gunsmith – Promotional 3D experience themed on Call of Duty.
• Cyber City – Promotional site for Visionaries777.
• eBay Report – Stats and facts from eBay Germany.
• MMX Racing – Interactive 3D ad for a popular mobile game.
• DOOH Invaders – World’s largest Space Invaders clone unveiled at Cannes Lions.
• Ride Along 2 – Using WebGL to promote a Hollywood movie release.
• Rugby World Cup – Promoting the Rugby World Cup in London’s Piccadilly Circus.

Browser Games

• Beyond Bionic: Extreme Encounters – Outdoor adventures in this game from the BBC.
• Disney’s Hour of Code – Moana – Learn programming fundamentals with Disney’s Moana.
• Flappy Bird – Guide the bird through as many pipes as possible.
• Galaxies: Combat – Carefully select power ups to defeat waves of hostile ships.
• Geometry Run – Stylized endless runner built from geometric shapes.
• LeapFrog Academy – 3D educational hub.
• Lego Jurassic World: Off-road Race – Dinosaurs, LEGO and vehicle stunts.
• Monopoly – The classic boardgame recreated in a 3D video game.
• Orbital Survival – Destroy wave after wave of enemies on a tiny world.
• Star Stable – Character registration portal for popular horse game.
• SWOOOP – Pick up gems in a bi-plane above a magical island.
• Town Star – Online farming game built by the Creative Director of Farmville 2.
• Virtual Voodoo – Voodoo doll simulator.

IO Games

• Ink Wars – Real-time multiplayer game where you paint the neighborhood to win.
• Mini Royale 2 – Battle Royale first person shooter.
• Robostorm – Frenetic online multiplayer mech battle game.
• Tank Royale – Cartoony fast-paced top-down multiplayer shooter.
• TANX – Online multiplayer tank battle game.
• Venge – 3D Multiplayer FPS shooter.

Messenger Games

• Snap Games Support – Snapchat’s gaming platform powered by PlayCanvas.
• Archery 3D – Archery simulator.
• GameBytes – Multiplayer games for iMessage.
• Golden Boot – Penalty kick game.
• Hoop Master – Head to head basketball game.
• Master Archer – Shoot the fruit from the top of Bob’s head.
• Let’s Craft – Sandbox voxel-building game.

Automotive

• Airstream Basecamp – Travel trailer visualizer.
• Bennington Pontoon Boats – Boat configurator.
• BMW i8 – Car visualizer.
• DAB Motors – Motorcycle configurator.
• Indian Motorcycles – Motorcycle configurator.
• Infiniti Experience – Explore the 2020 Infiniti range (Chinese).
• Kia Virtual Experience – Explore Kia’s latest line of cars.
• 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.
• Aritco Home Lifts – Elevator configurator.
• Elfa Closets – Closet configurator.
• Sesotec Nexwey – Checkweigher machine visualizer.
• iPhone 6 – iPhone visualizer.
• My Sliding Wardrobe – Closet configurator.
• Renewal by Andersen Windows – Window configurator.
• Willab Gardens Greenhouses – Greenhouse configurator.

AR/VR/XR

• Neon Bubblegum – Demo scene style WebXR-based homepage for Karsten Weil.
• WebXR VR Lab – Sandbox for VR interaction experiments.