Skip to content

Commit

Permalink
Add article announcing WebGPU support in the Editor (#21)
Browse files Browse the repository at this point in the history
* Add article announcing WebGPU support in the Editor

* Update date
  • Loading branch information
willeastcott authored Apr 23, 2024
1 parent 004c76a commit 12a2aa8
Show file tree
Hide file tree
Showing 4 changed files with 48 additions and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -45,4 +45,3 @@ We want you to feel empowered to make these tools your own. Let's make them awes
If this all sounds great to you, why not give it a try? Head over to the User Manual for instructions on how to get started:

[READ THE DOCS](https://developer.playcanvas.com/user-manual/scripting/vscode-extension/){: .cta-button }

48 changes: 48 additions & 0 deletions _posts/2024-04-18-build-webgpu-apps-today-with-playcanvas.markdown
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
---
author: will
comments: false
date: 2024-04-23 11:00:00+00:00
layout: post
link: https://blog.playcanvas.com/build-webgpu-apps-today-with-playcanvas/
slug: build-webgpu-apps-today-with-playcanvas
title: "Build WebGPU Apps Today with PlayCanvas"
categories:
- Announcement
- News
tags:
- webgpu
- graphics
- editor
---

It's here! 🥳 Today, we're excited to announce that WebGPU support has officially arrived in the PlayCanvas Editor.

![Editor with WebGPU Scene](/assets/media/editor-webgpu.png)

## WebGPU on the Rise

Since its inception back in 2010, PlayCanvas has been layered on top of WebGL. In 2017, we were proud to launch support for [WebGL 2.0](https://blog.playcanvas.com/mozilla-launches-webgl-2-with-playcanvas/) in partnership with our friends at Mozilla. April 2023 marked the beginning of a new era for web graphics when Google enabled WebGPU by default in Chrome 113. Since then, WebGPU adoption has exploded and today, [Web3D Survey](https://web3dsurvey.com/webgpu) reports that **62.19% of end users can now run WebGPU**. With [Firefox and Safari due to launch their WebGPU support](https://caniuse.com/webgpu) in the not-too-distant future, expect this number to rise dramatically in 2024.

## Why WebGPU Matters

If you enable WebGPU for your PlayCanvas project, you may not notice much difference to begin with. In fact, we have put a great deal of effort into ensuring your WebGL projects look identical under WebGPU. But over time, there is are a great deal of opportunities to achieve performance improvements due to WebGPU's reduced driver overhead.

Another key feature unique to WebGPU is support for Compute Shaders which allow for general computation on the GPU. Support for Compute Shaders landed in [Engine v1.70.0](https://github.com/playcanvas/engine/releases/tag/v1.70.0). Here you can see Computer Shaders in action simulating 1 million particles on the GPU:

{% include youtube.html id="FRRFcEiWYEY" %}

[Click here](https://playcanvas.github.io/#/compute/particles) to run it for yourself.

In short, WebGPU represents the future for PlayCanvas and you can expect some incredible advances in performance and functionality over the coming months.

## Getting Started with WebGPU

WebGPU support in PlayCanvas is still considered 'Beta'. There are still some unimplemented features (for example, the run-time lightmapper and particle component are still not supported). Therefore, you have to currently 'opt in' to WebGPU support. To do this, open your Project's Settings in the Inspector and expand the `RENDERING` section. Then update `Graphics Devices` to include `WebGPU (beta)`.

![Editor with WebGPU Scene](/assets/media/editor-settings-webgpu.png)

Once we are satisfied WebGPU support has matured enough, it will become the default.

## Your Feedback is Important

Since WebGPU support is new, we rely on the community for feedback. What works and what doesn't? Please [submit an issue](https://github.com/playcanvas/editor/issues) if you discover any problems or kick off a new thread on the [forum](https://forum.playcanvas.com/) if you want to discuss WebGPU support in more detail. We want to hear what your opinions! 👂
Binary file added assets/media/editor-settings-webgpu.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/media/editor-webgpu.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 12a2aa8

Please sign in to comment.