Newsletter โ Issue 013
๐ฅ Headlines
We are doing an open-source game jam! Head to ๐ Web Game Dev Open Jam โ April 2023 to learn about the event, join the itch.io jam, spread the word, and get ready to make some cool browser games in April! ๐
Here are some highlights from GDC 2023: Epic Games announced Fab.com, a new multi-engine marketplace for digital assets that unifies Quixel, Sketchfab, Unreal Engine Marketplace and ArtStation Marketplace, and the Unreal Editor for Fortnite, a version of Unreal that can create and publish experiences directly to Fortnite. It uses Verse, Epicโs new programming language. Unity teased some AI integration, and here is a Unity Roadmap video by Code Monkey. Sonniss released 44GB of free samples for game audio (video explanation).
On the web front, a live WebGL + WebGPU Meetup (event page) took place at GDC! It included presentations of ShaderFrog (timestamp) by Andy Ray, Cocos Creator (timestamp) by Huabin Ling, WebGL Shader Pixel Local Storage (timestamp) by Chris Dalton, and Unity + WebGPU (timestamp) by Mark Watson.
Safari 16.4 is out! The most relevant features for us are:
- โข Third-party web browsers Add to Home Screen for ๐ PWAs (called Home Screen web apps by Apple).
- โข Web Push on iOS and iPadOS โ Installed PWAs can send notifications.
- โข Badging API โ Set a badge on the installed PWA icon to act as a notification.
- โข Offscreen Canvas โ 2D-only for now.
- โข Fullscreen API on iPadOS โ Reportedly unsuitable for games because swiping down exits fullscreen.
- โข Screen Orientation API โ Preliminary support, canโt trigger a rotation yet.
- โข Screen Wake Lock API โ Keep your game open without the screen turning off.
- โข Compression Streams API โ Compress and decompress gzip directly from JavaScript.
- โข Growable
SharedArrayBuffer
and resizableArrayBuffer
. - โข Media Queries Level 4 Syntax Improvements โ For example:
@media (400px <= width < 900px)
- โข Import Maps โ Useful to map ES module URLs to names if you donโt use a bundler.
๐ A mathematical breakthrough happened: the first ever aperiodic monotile called the hat has been discovered. It is a single shape that tiles a plane, but never periodically โ meaning it cannot be translated to align with itself. This pattern might have interesting applications in game development, who knows! Here is a Veritasium video about infinite patterns covering the Penrose tiling (which is made of 2 shapes combined).
๐ Tools & Updates
- Three.js r151 โ Includes new bounding volumes and an updated NodeEditor (changelog, migration guide).
- Drei v9.59 โ Adds MeshDiscardMaterial โ a material that renders nothing but can be used to show shadows and children โ and a <Shape> component to create a THREE.Shape geometry with auto UV. Drei Shapes are helpers to create meshes with buffer geometries.
- TresJS v2.0.0-alpha โ Uses a Vue custom renderer, adds TS and Intellisense support, by Alvaro Sabu.
- Threlte v6 โ Early release with a new documentation (live playground).
- PlayCanvas โ New WebXR AR Starter Kit (video, blog post)
- Motion.js (video) is a plugin for PlayCanvas to create simple animations with timelines by Cem Demir.
- Phaser v3.60.0 Beta 21 โ Adds ESM Support. Read the March 2023 Dev Log for more details on v3.60.
- Phaser Editor 2D v3.60 Beta 2 โ Adds support for Script Nodes.
- Babylon.js v5.53.0 โ BabylonJS v6 is delayed until April 20th.
- Needle v2.67.0-pre โ Adds Editor Live Sync, more postprocessing effects, WebAR camera background.
- AUXL v0.2 โ A-Frame UX Library: WebXR Scenario, Object Generator and Controller System by Minty Crisp.
๐ฌ Videos
- Three.js Shaders (GLSL) Crash Course (3 hours!) by Visionary 3D
- Custom shaders with R3F and Nodetoy playlist by Domenicobrz
- Recreating Atmos with R3F by Wawa Sensei
- TresJS OrbitControls by Alvaro Sabu
- Pokรฉmon Game Tutorial with Kaboom.js by JS Legend
- Unreal Engine 5.2 is getting too real by Fireship
- ๐ A new way to generate worlds (Wave Function Collapse algorithm) by Watt Designs
โ๏ธ Content
- Cyberpunk inspired Three.js Scene by Anderson Mancini
- A thread of tips for React Three Fiber with codesandboxes by 0xca0a
- ๐ Resources for learning math/postprocessing by N8
- Three.js March Talk with mrdoob and 0beqz as special guests
๐ฎ Games
- 2020 Game by Max Garkavyy โ In case you forgot what that year was like. ๐ฆ
- CodeQuest by Marc โ RPG that teaches you the basics of coding. ๐งโ๐ป
- Bubbo Bubbo (source) by PixiJS โ Open-source Bubble Bobble-like game. ๐ซง
- Puzzling Potions (source) by PixiJS โ Open-source tile-matching game. ๐งช
- Match City (source) by Dennis Smuda โ Open-source tile-matching game ๐ข
โจ Demos
- Rainy Window Shader (demo) by Dani John
- Toon Material Color Ramp for Three.js by Faraz
- Editing a VR scene while being in the scene by Steven Yau
- XR Room by Solar Games
See more on the โจ Games & Demos page or ๐ฎ WebGamer.io.
Liked this issue? ๐ฆ Retweet it, join our Discord, and Subscribe below!