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
SharedArrayBufferand 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!