Newsletter โ Issue 010
๐ Weโre already at the 10th issue of the Web Game Dev newsletter! I hope you find it useful and interesting. Let me know via Discord or Twitter if you have any feedback. Please consider โค๏ธ sponsoring my work if this newsletter is valuable to you!
๐ฅ Headlines
Web Push for Home Screen web apps and third-party browser support for Add to Home Screen are (finally) supported on iOS and iPadOS. This is a big win for PWA games! Learn more about ๐ Progressive Web Apps.
PixiJS, the 2D WebGL library by Goodboy (now
Playco), has big plans for
2023. They assembled a full-time team to work on
releasing a new website (โ
done), an updated PixiJS
React (โ
done), open-source games, a UI library, the
framework-agnostic AssetPack library, a CLI bootstrapping tool, dev tools, the Comet editor, PixiJS
v8, PixiJS 3D, and a game engine. ๐คฏ Thatโs one hell of a roadmap!
Last month, Kaboom by Replit
released their v3000 beta. See this
thread for video examples of the new features,
which include a scene graph, more font formats, tweening, rotated areas, up to 50x performance
improvement, custom loading screens, post effects,
gamepad support, and pathfinding.
Tangle is a new experimental
library by Ian Kettlewell that syncs WebAssembly apps and games between
multiple users in peer-to-peer via WebRTC connections (initialized by a central server). Try the
demo!
Don McCurdy released glTF Transform
3.0. New additions include flattening the
scene graph, joining meshes to reduce draw calls, AVIF image compression, sparse data compression,
and an all-in-one optimize command.
One of the most demanded CSS features, Container
Queries, is now supported
in all three major browser engines (Can I
Use Global support: 80%). Container Queries allow you to
style a container based on its content instead of the viewport. This will change how we approach
responsive design, including CSS-based game UI!
๐ Tools & Updates
progressive-shadows, a
vanilla Three.js port of React Three Fiberโs
AccumulativeShadows by
V_Prime.
R3F v8.11.2 โ Improved
hot reload by 0xca0a.
TresJS 1.7.0 โ The
Vue wrapper for Three.js got a big upgrade! New features include a realistic
preset for the renderer, better HMR disposal, better state management with useTres, and an environment abstraction.
PlayCanvas Editor v1.24.9
โ Adds support for Draco mesh compression imports.
Phaser 3.60 Beta
19 โ Adds a built-in
Special Effects system, Plane Game Objects, Spatial Audio, and more. The
documentation has been updated to reflect the
latest beta.- Pixi React v7.0.0 โ Adds support
for React 18, PixiJS v7, and tree-shaking. New up-to-date docs.
Babylon.js v5.47.0
โ๏ธ Content
- ๐ฌ How to create Ghibli-style trees with Three.js by Takuya. This one is quite an experience!
- ๐ฌ R3F tutorial: 3D Table Configurator by Wawa Sensei
- ๐ฌ
Introduction to WebGPU lecture (October 2022) by Brandon Jones - ๐ฆ Car paint material with Blender and Three.js by V_Prime
- โ๏ธ How to Take Control of Color Space in Babylon.js by Patrick Ryan
โจ Games & Demos
- ๐ฎ Wheat Farming by Volkan and Emre is now officially launched. ๐งโ๐พ
- ๐ฎ Bubbly Timโs Time Bubble Trouble by fdkubba and Hamza Kubba ๐ซง
- ๐ฎ Cocaine Bear, a game made for the movie that comes out next week ๐ป
- ๐ฎ Train Bandit by BlackMoon Design (they have many other 2D games!) ๐ค
- โจ Three.js Monthly Talk website by Anderson Mancini ๐
See more on the โจ Games & Demos page or ๐ฎ WebGamer.io.
Liked this issue? ๐ฆ Retweet it, join our Discord, and Subscribe below!