Newsletter โ Issue 014
๐ฅ Headlines
WebGPU ships in Chrome 113 (opens in a new tab) (currently in the Beta channel). This release marks a new era for GPU-accelerated graphics on the web. Three.js, Babylon.js, and PlayCanvas all have some initial support for WebGPU, but expect a bumpy road if you want to support both WebGL and WebGPU, considering that WebGPU uses WGSL instead of GLSL for shaders. The transition will be rough, but the future is bright!
Phaser 3.60.0 is out! (opens in a new tab) This massive update has been in the works for over a year. It also marks the 10th anniversary (opens in a new tab) of the first Phaser release on GitHub on April 12th, 2013. The most recent beta versions include the Timeline (opens in a new tab) class and a Matter.js (opens in a new tab) v0.19 update. Check out the complete Changelog (opens in a new tab) of this major update!
Anslo (opens in a new tab) shared his thoughts on JavaScript game development and explained some of the performance optimizations and techniques used in Slow Roads (opens in a new tab) in an excellent tech article on Google's web.dev (opens in a new tab) website.
We are one step closer to The Matrix scenario with this paper of a simulation (opens in a new tab) involving 25 AI-driven characters hanging out in a virtual town. Watch the replay (opens in a new tab) while wondering who is currently watching yours.
๐ Tools & Updates
- enhance-shader-lighting (opens in a new tab) (demo (opens in a new tab), repo (opens in a new tab)) by 0beqz (opens in a new tab) โ Makes lighting more realistic in Three.js.
- Drei v9.65 (opens in a new tab) โ Adds <Wireframe> (opens in a new tab) (tweet (opens in a new tab), demo (opens in a new tab)), useCubeCamera (opens in a new tab) and useEnvironment (opens in a new tab) hooks.
- PlayCanvas Engine v1.62 (opens in a new tab) โ Initial WebGPU support (opens in a new tab), glTF Viewer (opens in a new tab) update, some shader breaking changes.
- PixiLayout (opens in a new tab) โ A new CSS-like library for arranging Pixi elements.
- Babylon.js v5.55.0 (opens in a new tab)
- Web3D Survey (opens in a new tab) by Ben Houston (opens in a new tab) โ The Can I Use of WebGL and WebGPU APIs.
๐ฌ Videos
- Recreating Atmos with React Three Fiber โ part 2 (opens in a new tab) and part 3 (opens in a new tab) by Wawa Sensei (opens in a new tab)
- Cocos Game Compilation 2022 (opens in a new tab) (mostly mobile Chinese games)
โ๏ธ Articles
- Mastering Theatre.js Animations (opens in a new tab) by The Ebenezer (opens in a new tab)
- Safari releases are a development hell (opens in a new tab) by Ashley Gullen (opens in a new tab)
- CPU performance tips (opens in a new tab) by N8 (opens in a new tab)
- ๐ PWAs in app stores (opens in a new tab) by Thomas Steiner (opens in a new tab)
๐ฎ Games
- Super Mario Bros Movie Fan Game (opens in a new tab) by supertommy (opens in a new tab) โ Uses Rapier (opens in a new tab), Miniplex (opens in a new tab), and howler.js (opens in a new tab). ๐
- Duelyst GG (opens in a new tab) by Hellgin (opens in a new tab) โ Revival fan project of the Duelyst collectible card game coded from scratch. ๐
We need more web games! Join the ๐ Open Jam โ April 2023 (opens in a new tab) on Discord and build something cool this month!
โจ Demos
- Fake liquid shader (opens in a new tab) (source (opens in a new tab)) by VoR (opens in a new tab) ported from Joyce (opens in a new tab)'s work.
- Voxels with physics (opens in a new tab) (demo (opens in a new tab)) by Daniel Esteban (opens in a new tab)
- A responsive 3D scene (opens in a new tab) by Bruno Simon (opens in a new tab) and the R3F adaptation (opens in a new tab) (demo (opens in a new tab)) by 0xca0a (opens in a new tab).
- Cube and hexagon terrain generators (opens in a new tab) by VoR (opens in a new tab), Julien Sulpis (opens in a new tab), and Faraz (opens in a new tab).
- Jesse's Ramen (opens in a new tab) portfolio by Jesse Zhou (opens in a new tab)
- Arcade light guns (opens in a new tab) by Steven Yau (opens in a new tab)
- Your face on an animated model (opens in a new tab) (source (opens in a new tab)) by Xavier Bourry (opens in a new tab)
See more on the โจ Games & Demos (opens in a new tab) page or ๐ฎ WebGamer.io (opens in a new tab).
Liked this issue? ๐ฆ Retweet it, join our Discord, and Subscribe below!