Issue 009
Read this issue online to see library icons!
🔥 Headlines
Solar Games released their Uranus Tools for PlayCanvas, a collection of drag-and-drop scripts that extend the PlayCanvas editor with features such as automatic GPU instancing, open-world terrains, advanced material effects, a cross-platform multiplayer-enabled player controller, 3D spatial audio chat, video and screen sharing, and a lot more. They use Uranus Tools in the updated demo of Aritelia, which looks better than ever!
Roman Liutikov open-sourced ThreeGN (repo), a port of Blender’s geometry nodes system for the browser using React Flow and Three.js. Read his devlog article for more details. Note that Roman doesn’t intend to evolve the project. It is a proof of concept that others may use as a foundation to build upon.
Felix Zhang published LogXR, a WebXR console for Three.js (support for Babylon.js coming soon). Felix also developed the Immersive Web Emulator mentioned in last week’s issue.
In the native world, Godot 4.0 RC 1 got released, and the Godot Editor is now available on Google Play.
🛠 Tools & Updates
- R3F v8.11.0 – Allow raycast without user interaction via
update()by 0xca0a - r3f-form 2.0 by John Beresford. Create inputs and forms in R3F. It relies on the Troika 3D Text library.
- PlayCanvas v1.61.0 – Last week, I didn’t mention that v1.61.0 brings UI scroll views in XR, faster clustered lighting shader compile time, and WebGPU support for texture-based morphing and light cookies.
- Phaser Editor 2D v3.60 Beta 1 by Arian Fornaris with Nine Slice Game Object support.
- Babylon.js v5.46.0 – TypeScript version update (4.6.2 to 4.9.4).
✍️ Content
- 🎬 Three.js reflective grid with energy wave (live stream) by Yuri Artiukh
- 🎬 Getting started with TresJS and Basic animations with TresJS by Alvaro Sabu
- 🎬 React.js: The Documentary by Honeypot (there is also a Vue documentary)
- 🐦 Use Bloom Pass to make some objects act as lights by Anderson Mancini
- 🐦 Using custom properties on meshes in Blender by Hugo Wiledal
- 🐦 Mini tutorial on making WebGL look good by 0xca0a
- ✍️ Animate a Camera Fly-through on Scroll Using Theatre.js and R3F by Andrew Prifer
- ✍️ The Gooey Effects With Shader by Misaki Nakano
- ✍️ ECMAScript Embedded Bitmap Encoding (follow-up) by Mark Vasilkov
- ✍️ Fundamental Math for Game Developers by Gustavo Pezzi.
I also added a 📐 Fundamental Math page referencing Gustavo’s article and other video resources.
✨ Games & Demos
- Ducklings by Pelican Party. Swim around to find your lost ducklings! 🦆
- Double Dodgers by Pelican Party. Do not play this game while walking on the street. 🚶
- Rago by mjurczyk. The forklift-certified cat is urgently needed! 😺
- T5C – Work-in-progress multiplayer 3D top-down RPG (progress, article, source). Uses Colyseus. 🦄
- Forest (demo), a React Three Fiber reproduction of this scene, by Hugo Wiledal. 🌳
See more on the ✨ Games & Demos page or 🎮 WebGamer.io.
Join the fun in the Web Game Dev Discord server!
If you liked this issue, please 🐦 retweet it, it helps a lot!