PlayCanvas Engine
The open-source PlayCanvas Engine is the world's most advanced WebGL/WebGPU game engine. Use JavaScript to program anything from simple 2D games to advanced 3D graphics simulations. All written in standards-compliant, cross-platform HTML5 for every major browser and device.
WebGL2 + WebGPU
Dual graphics backend with WebGL2 for broad compatibility and WebGPU for next-generation performance including compute shaders.
Open source
The PlayCanvas Engine is open sourced on GitHub under the MIT license with full TypeScript definitions.
Tiny engine footprint
A lightweight runtime that loads and executes incredibly quickly, even on low-end mobile devices and Chromebooks.
npm + ES Modules
Install via npm and import only what you need. Tree-shakable ES Modules keep your bundle size minimal.
Looking for more?
The features above are just a few of our favorites. There are many, many more to choose from and many more in the pipeline.
Filter:
New!
WebGPU Support
Full WebGPU graphics backend for next-generation rendering performance with automatic WebGL2 fallback.
New!
Compute Shaders
Harness the power of the GPU for general purpose computation via WebGPU compute shaders.
New!
3D Gaussian Splatting
Render photorealistic 3D Gaussian Splats with support for uncompressed, compressed and SOG formats with GPU-accelerated sorting.
New!
WGSL Shader Support
Write shaders in WGSL for the WebGPU backend alongside GLSL for WebGL2. The engine manages both shader variants automatically.
New!
React Integration
Build 3D experiences declaratively with PlayCanvas React, a full component library for React developers.
New!
Web Components
Use standard HTML custom elements like <pc-app>, <pc-entity> and <pc-camera> to build 3D scenes with zero framework dependencies.
Physically based rendering
Realistic rendering using the latest techniques in real-time 3D graphics with image-based lighting.
Post Effects
Cinematic post-processing powered by the Render Pass system including TAA, Bloom, Depth of Field, SSAO, Vignette and more.
Linear & HDR graphics pipeline
Linear & HDR pipeline: gamma-correct, tonemapped rendering with support for HDR cubemaps and lightmaps.
Shader chunk system
Partial and full shader customization: tweak parameters, override chunks of the standard shader, or write your own GLSL and WGSL.
glTF™ 2.0 Support
Fully spec-compliant glTF™ 2.0 loader with support for all major extensions including Draco, Meshopt, transmission, clearcoat and more.
Mesh Compression
Up to 90% reduction in model file size with Draco and Meshopt decompression for faster downloads.
Texture Compression
Runtime support for Basis, KTX2, ASTC, ETC and DXT compressed textures for optimal GPU memory usage and faster loading across all devices.
Clustered Lighting
Render hundreds of dynamic lights in the scene with low performance cost.
Area Lights
Simulate real world lighting panels with Area Lights.
Shadow Casting
Multiple shadow casting techniques including PCF, VSM and PCSS soft shadows. Pair with light cookies for additional lighting effects.
Runtime lightmap generation
Have dozens of high-resolution shadowed static lights, without having to download a lightmap over the network.
Static lighting optimizations
Use hundreds of static lights with specular on any platform.
Cubemap prefiltering
Set up image-based lighting with the click of a button.
SDF Font Rendering
Render crisp text at any size using Signed Distance Field fonts. Convert TTF/OTF fonts into font assets for resolution-independent text in your scenes.
GPU skinning
Hardware accelerated character animation.
Blend shape animation
Support for blend shape / morph target animation on your models.
GPU particle system
Hardware accelerated particle effects system.
Rigid body physics engine
Full 3D rigid body physics simulation with collision detection powered by ammo.js (Bullet).
WebXR support
Create immersive AR, VR and mixed reality experiences with hand tracking, hit testing, plane detection, anchors and more.
Powerful audio API
Positional 3D sound with an easy API that allows you to hook up WebAudio filters.
Asset Streaming
Enable applications to load faster by deferring loading of non-essential assets.
Entity-component system
Build applications quickly with a flexible entity-component application framework.
TypeScript Definitions
Full TypeScript type definitions generated from the engine source for type-safe development and rich IDE support.
ES Modules + npm
Install the engine via npm as a tree-shakable ES Module. Import only the features you need for minimal bundle sizes.