Newsletter โ Issue 019
๐ฅ Headlines
๐ฅณ We are reaching the 1-year anniversary of Web Game Dev! The website, newsletter, and Discord server (opens in a new tab), which now counts nearly 1500 members, all started about a year ago, and it's been a fantastic journey! Web game developers now have a place to share their work, learn from each other, and get inspired. Thank you all for being part of this great community and making it what it is today!
โญ๏ธ Sponsor
Poki (opens in a new tab) is on a mission to create the ultimate online playground โ where players and developers come together to play and create! Together with a growing 300+ game developer community and 50 million players each month, weโre creating a new standard for web games. Interested in working together? Share your game with us (opens in a new tab)!
๐ผ Weโre hiring! Weโre on the lookout for someone with a keen eye for hit content and talented game developers. Do you have a great feeling for games with outstanding people skills and enjoy the thrill of generating new business in a growing and competitive niche? Then check out the full Business Development Manager (opens in a new tab) listing!
๐ Engines & Libraries
- Three.js r158 (opens in a new tab) โ Includes BatchedMesh (opens in a new tab) addon by takahiro (opens in a new tab) (changelog (opens in a new tab), migration guide (opens in a new tab)).
- Drei Vanilla v1.13 (opens in a new tab) โ Text (opens in a new tab), SpriteAnimator (opens in a new tab), Billboard (opens in a new tab), Outlines (opens in a new tab) by vis_prime (opens in a new tab) and alexzhang1030 (opens in a new tab)
- Drei v9.88 (opens in a new tab) โ Fisheye (opens in a new tab), RenderCubeTexture (opens in a new tab), Cloud (opens in a new tab)
- Threlte (opens in a new tab) โ CSM (opens in a new tab), useSuspense (opens in a new tab), useTexture (opens in a new tab), useGamepad (opens in a new tab), @threlte/xr (opens in a new tab), @threlte/flex (opens in a new tab). Threlte Plugins (opens in a new tab) tutorial.
- TresJS cientos v3.5.0 (opens in a new tab) โ HTML component, FBO, Line2, CatmullRomCurve, GlobalAudio, Directives. See the previous 3.4.0 (opens in a new tab) announcement of LensFlare, Sky, SVG, and Stats-gl, and the upcoming CustomShaderMaterial (opens in a new tab) ๐คฏ
- PlayCanvas Engine v1.66.0 (opens in a new tab) โ WebGPU enhancements, Null renderer for NodeJS, WebXR Anchor support.
- PlayCanvas Editor v1.33.11 (opens in a new tab) โ Support for AVIF and WebP (opens in a new tab)
- Phaser 3.61 Beta 4 (opens in a new tab) โ See the announcement post of Beta 4 (opens in a new tab) and Beta 3 (opens in a new tab)
- Phaser Editor 2D v3.63.0 (opens in a new tab) and a Game Objects in Phaser Editor 2D (opens in a new tab) tutorial by Harshal Gami.
- PixiJS v8 Beta (opens in a new tab) โ Adds WebGPU Support and improved performance with a new architecture.
- Babylon.js v6.28.1 (opens in a new tab) โ Ground Projection (opens in a new tab)
- Needle (opens in a new tab) โ 3.22 (opens in a new tab) Gaussian Splatting (opens in a new tab) and meshing for Quest 3 (opens in a new tab)
- Wonderland Engine v1.1.0 (opens in a new tab), 1.1.1 (opens in a new tab), and 1.1.2 (opens in a new tab)
- Ambient Engine (opens in a new tab) platform announcement (video (opens in a new tab)).
- Hology Engine (opens in a new tab) is a new engine built on Three.js (see the sculpting (opens in a new tab) demo).
๐ Tools
- gsplat.js (opens in a new tab), JavaScript Gaussian Splatting library by Dylan Ebert (opens in a new tab)
- Triplex 0.60.0 (opens in a new tab) โ Element actions, duplicate elements, backend stability improvements by DOUGES (opens in a new tab)
- react-three-babel (opens in a new tab) by Umar Ahmed (opens in a new tab) and Cody Bennett (opens in a new tab)
- glTF Viewer 4.0 (opens in a new tab) by PlayCanvas (opens in a new tab)
- Super Splat (opens in a new tab) โ 3D Gaussian Splat Editor by Donovan Hutchence (opens in a new tab)
- Timeline.js for PlayCanvas (opens in a new tab) (video (opens in a new tab)) by Cem Demir (opens in a new tab)
- PICO officially supports PWAs (opens in a new tab) by PICO XR (opens in a new tab)
- Introducing the new heyVR Gameplay SDK (opens in a new tab) by heyVR.io (opens in a new tab), a portal for WebXR games
- ๐บ PolyDraw.app (opens in a new tab) (video (opens in a new tab)) by verekia (opens in a new tab) โ Draw polygons, organize them by groups and colors, export coordinates
- ๐ธ About Shaderfrog 2.0 (opens in a new tab) by Andrew Ray (opens in a new tab)
TypeScript support info has been added to every library listed on WebGameDev.com (opens in a new tab). There is also a new Spatial Partitioning (opens in a new tab) page with Quadtree and Octree libraries.
๐ฌ Videos
- What can you do with WebGPU? (opens in a new tab) talk at Devoxx (opens in a new tab) by Corentin Wallez (opens in a new tab) and Franรงois Beaufort (opens in a new tab)
- How do Major Video Games Render Grass? (opens in a new tab) by SimonDev (opens in a new tab)
- ๐ Your Colors Suck (it's not your fault) (opens in a new tab) by Acerola (opens in a new tab)
- ๐ How Are Games Rendering Fur? (opens in a new tab) by Acerola (opens in a new tab)
- Interactive particles loop with Three.js (opens in a new tab) by akella (opens in a new tab)
- 3D in React With Triplex, a Visual Editor for R3F (opens in a new tab) on Learn With Jason (opens in a new tab) with DOUGES (opens in a new tab)
- Build a 3D Multiplayer Mobile Shooter Game with Playroom (opens in a new tab) by Wawa Sensei (opens in a new tab)
- 10 Days to Create a 3D Multiplayer Game with React (opens in a new tab) by Wawa Sensei (opens in a new tab)
- How to Build a 3D Chatbot with ChatGPT & ElevenLabs (opens in a new tab) by Wawa Sensei (opens in a new tab)
- TresJS Lights & Shadows (opens in a new tab) by Alvaro Sabu (opens in a new tab)
- Babylon Chronicles: The Future with WebGPU (opens in a new tab) by Babylon.js (opens in a new tab)
- Using PlayCanvas - the open-source Unity alternative for the first time (opens in a new tab) by Huw Prosser (opens in a new tab)
- ๐ Steam Visibility: How Games Get Surfaced to Players (opens in a new tab) by Erik Peterson (opens in a new tab)
- Switching from Unity to Wonderland Engine (opens in a new tab) by Wonderland Engine (opens in a new tab)
- Phaser Tutorial | Make Your First 2D JavaScript Game (opens in a new tab) by lowpolyprincess (opens in a new tab)
- Building Mixed Reality Experiences with WebXR (opens in a new tab) with Rik Cabanier (opens in a new tab) and Felix Z (opens in a new tab)
- How We Ported a Native Quest Game to WebXR (opens in a new tab) by Timmy Kokke (opens in a new tab) and Jonathan Hale (opens in a new tab)
- ๐ฌ Video series (opens in a new tab) on various topics such as GLSL (opens in a new tab), AI with Yuka (opens in a new tab), Three.js (opens in a new tab), Babylon.js (opens in a new tab), and Physics (opens in a new tab) by Wael Yasmina (opens in a new tab)
โ๏ธ Articles
- From WebGL to WebGPU (opens in a new tab) by Franรงois Beaufort (opens in a new tab)
- What's New in WebGPU: Chrome 118 (opens in a new tab) and Chrome 119 (opens in a new tab) by Franรงois Beaufort (opens in a new tab)
- A Journey Into Shaders (opens in a new tab) by Antoine Mayerowitz (opens in a new tab)
- Path to Glory โ Post Mortem (JS13K 2023) (opens in a new tab) by Rรฉmi Vansteelandt (opens in a new tab)
- ๐น Playing with the Gamepad API (opens in a new tab) by Alvaro Montoro (opens in a new tab)
- Ray Marching in the Babylon.js Node Material Editor (opens in a new tab) by Popov (opens in a new tab)
- How We Profile WebXR/WebGL Apps (opens in a new tab) by Wonderland Engine (opens in a new tab)
- Wonderland and Robot Invader convert VR game to web and PC (opens in a new tab) by Wonderland Engine (opens in a new tab)
- ๐ก Scaling Hathora to 1 million CCU with Frost Giant (opens in a new tab) by George Price (opens in a new tab)
- ๐ก An Interactive Intro to CRDTs (opens in a new tab) by Jake Lazaroff (opens in a new tab)
- ๐ก MMO Architecture: Connections, Sockets, Threads (opens in a new tab) and Source of Truth, Dataflows (opens in a new tab) by PRDeving (opens in a new tab)
- ๐ CrazyGames launches CrazyGames Originals (opens in a new tab) โ See the list of Originals (opens in a new tab)
๐ฎ Games
- reDEAD (opens in a new tab) by TheoTheDev (opens in a new tab) โ Defend your base and survive against waves of zombies! ๐ง
- Finn's Ascent (opens in a new tab) by Luke Carl Thompson (opens in a new tab) โ Find your way through the ocean and the sky! ๐
- Battle Typer (opens in a new tab) by Kornelijus ล aulys (opens in a new tab) โ Typing game with battleships! โด๏ธ
- Zoo Drop (opens in a new tab) by Stephen Haney (opens in a new tab) โ Merging puzzle game ๐ผ
- Simply Up (opens in a new tab) by Solar Games (opens in a new tab) โ Climb your way to the top in this parkour game! ๐โโ๏ธ
- Path to Glory (opens in a new tab) by Rรฉmi Vansteelandt (opens in a new tab) โ Beat 'em up that won js13kGames 2023 (opens in a new tab) ๐ก
- Konkr (opens in a new tab) by Embair (opens in a new tab) โ Turn-based conquest strategy game where you expand your kingdom ๐ฐ
- WizardWars.online (opens in a new tab) by Luke Wood (opens in a new tab) โ Fight other wizards in arenas! ๐งโโ๏ธ
- Mini Golf Club (opens in a new tab) by Obumo Games (opens in a new tab) โ Real-time multiplayer mini golf โณ๏ธ
โจ Demos
- Voxel Global Illumination (opens in a new tab) by N8 (opens in a new tab)
- Zelda Wind Waker clone (opens in a new tab) (tweet (opens in a new tab)) by Robin Payot (opens in a new tab)
- Waterfall (opens in a new tab) by Steve Krichten
- Mixing context menus & models (opens in a new tab) (live (opens in a new tab)) by 0xca0a (opens in a new tab)
- Warpspeed (opens in a new tab) (repo (opens in a new tab)) by Ed Sunman (opens in a new tab) โ Winner of Threlte Warp Hackathon (opens in a new tab)
- Halloween Zoetrope (opens in a new tab) (repo (opens in a new tab)) by idlesseby (opens in a new tab)
- Zombie shooting game demo (opens in a new tab) by Igor Suntsev (opens in a new tab)
Liked this issue? ๐ฆ Retweet it, join our Discord, and Subscribe below!