Sign in

mike douges

@douges.dev
311 followers 126 following 513 posts

🏒 🇦🇺 ⚛️ 🎮 • dad x2 • @triplex.dev • @pmnd.rs

PostsRepliesMedia
mike douges @douges.dev · 04/05/2025
🌳
Tree
010
mike douges @douges.dev · 03/04/2025
literally throwing up from how sick this is #threejs #webxr
1144
mike douges @douges.dev · 29/03/2025
keen for this one
immutable transform controls
000
mike douges @douges.dev · 28/03/2025
First external contribution to the @triplex.dev renderer has been merged! It gets userland postprocessing working in the editor. Thanks @hotbloodedheroine.petplay.fi! github.com/trytriplex/t...
Triplex for VS Code with the caustic example open with postprocessing enabled
151
mike douges @douges.dev · 09/03/2025
weee
000
mike douges @douges.dev · 27/02/2025
All props of any component (!) are represented in the UI! The only thing you need to do is type your components with TypeScript 👀 What's neat is it automatically updates if you change the props, perfect for bouncing between code first <> visual first development.
150
mike douges @douges.dev · 26/02/2025
you can VISUALLY EDIT react components... BOTH 2D AND 3D... AT THE SAME TIME ?????? ... AND SAVE BACK TO SOURCE ??? 🤯
270
mike douges @douges.dev · 25/02/2025
This powers the core of Triplex. Every piece of data is typed and can be subscribed to, with new data pushed whenever it's needed (you write the code for this!). 1. Create the server 2. Create the client 3. There is no step 3 Go to the repo, star it, and comment with your thoughts down below! 😁
Creating a typed websocks server.Creating a typed websocks client.
220
mike douges @douges.dev · 24/02/2025
PLEASE LOOK AT THE CAMERA
010
mike douges @douges.dev · 23/02/2025
🤔
He who lives in harmony with himself lives in harmony with the universe.
000
mike douges @douges.dev · 21/02/2025
I love feature gates
const Camera = fgComponent("camera_reconciler_refactor", {
  off: CameraOld,
  on: CameraNew,
});
000
mike douges @douges.dev · 19/02/2025
Iterating the Triplex selection system to "harmonious" status — bridging two React reconcilers into a visual development environment.
120
mike douges @douges.dev · 19/02/2025
your outie computes ambient occlusion in real-time
ms. casey
020
mike douges @douges.dev · 18/02/2025
prepare for 100 slides coming at ya tomorrow @ SydJS 🫡
100 slides sitting on a wall, pass on around...
010
mike douges @douges.dev · 17/02/2025
YO 👀 😁
Triplex mentioned!
060
mike douges @douges.dev · 17/02/2025
Where we're starting we don't need frameworks
Work in progress landing page for Triplex.
010
mike douges @douges.dev · 15/02/2025
cooking
New landing page for Triplex in progress.
000
mike douges @douges.dev · 14/02/2025
you can just find things
010
mike douges @douges.dev · 12/02/2025
Here's a recording
110
mike douges @douges.dev · 12/02/2025
Yeah this is pretty fun to play with!
010
mike douges @douges.dev · 07/02/2025
Here's a video showing what happens in R18. I can't seem to replicate this in a sandbox 🤡.
110
mike douges @douges.dev · 07/02/2025
I've raised 1000 pull requests to @triplex.dev. Here's to 1000 more!
1000th pull request raised to triplex.dev.
110
mike douges @douges.dev · 01/02/2025
In the next version of @triplex.dev the scene controls are contextually shown depending if there is a canvas component mounted.
030
mike douges @douges.dev · 31/01/2025
Did you know you can have a native select element without a “empty selected” option by abusing hidden attribute and horizontal rules?
Select with no default selected optionUI showing select with no selected option
020
mike douges @douges.dev · 28/01/2025
I have to RESTART TRIPLEX to fix a syntax error ???
071
mike douges @douges.dev · 25/01/2025
Fixing a HMR bug in the production version of Triplex Standalone... 1. Write a test and make it fail 🔴 2. Fix the bug 🐛 3. Get a green build ✅ 🧠 h/t to @threepointone.bsky.social for giving me a heads up about this, yikes!
Write a test and make it failFix the bugGet a green build
010
mike douges @douges.dev · 20/01/2025
In the next version of Triplex for VS Code if you're missing critical dependencies you'll be presented with a CTA to install them, which then opens a VS Code terminal. #threejs #react #r3f #webdev #webgamedev
Error screen shown inside Triplex for VS Code with a call to action for installing missing dependencies.Visual Studio Code terminal opens after clicking on the call to action.
040
mike douges @douges.dev · 19/01/2025
Triplex almost has 400 folks in its Discord community. Who’s going to be the 400th? If you haven’t used it yet come join in the fun and help iron out friction points before the public release 😁 discord.gg/nBzRBUEs4b
Triplex for VS Code
131
mike douges @douges.dev · 19/01/2025
Totem Transport
000
mike douges @douges.dev · 18/01/2025
In the next version of @triplex.dev JavaScript projects no longer have a tsconfig.json generated when opening for the first time. Keep it clean, yo.
tsconfig.json being deleted
000
mike douges @douges.dev · 18/01/2025
Someone on the @triplex.dev Discord sharing their AR fishing prototype 😁
AR fishing prototype
120
mike douges @douges.dev · 17/01/2025
How I make sure my styles are locally defined (for the most part).
Ugly styles if nothing has been locally defined.
240
mike douges @douges.dev · 17/01/2025
How many design tokens for color does your website use? Here's my minimal set (10):
10 css variables for the minimal color set.
230
mike douges @douges.dev · 12/01/2025
The selection/hover outline looked weird over thin aspect ratios. The fix was to use the Y delta which was currently unused... if my GLSL was linted this would have been caught!
dy variable literally not usedLook how THICK the outline is!Outline remains as expected.
200
mike douges @douges.dev · 12/01/2025
The last release added prop groups which was well received. But some props weren't grouped as expected! The fix was to analyze all the props of an element and then decide if it is a Three.js or DOM based element, then group accordingly.
Resolving the source of a type to decide if it's either three.js or react based.Props are grouped now!
100
mike douges @douges.dev · 12/01/2025
Some props from Three.js elements were marked incorrectly as required. The fix was to lean on the type system more.
alphaHash is marked as required incorrectlyalphaHash is now optionalCode showing using the "isOptional" method
100
mike douges @douges.dev · 10/01/2025
Bell curve meme, use react state + context folks
110
mike douges @douges.dev · 09/01/2025
could just hover over things for days tbh
030
mike douges @douges.dev · 08/01/2025
Next week (h/t @ricky.fm hope you'll take a talk instead 😁)
110
mike douges @douges.dev · 08/01/2025
Looks like @vercel.com broke something in the Git "Ignored Build Step" when using the "only build if there are changes in a folder" option.
Error: It's not possible to provide `stdio` in combination with one of `stdin`, `stdout`, `stderr`
000
mike douges @douges.dev · 08/01/2025
Made a highlight video for the latest @triplex.dev for VS Code release. Jump into Discord to see the release announcement and get your hands on the private beta! discord.com/invite/nBzRB... #threejs #react #webdev #gamedev
040
mike douges @douges.dev · 08/01/2025
😁
The next version of Triplex is coming.
010
mike douges @douges.dev · 07/01/2025
Super embarrassed about this fix
Had my x / y switched, oops...
030
mike douges @douges.dev · 05/01/2025
When you go Concurrent and your end-to-end tests get flaky because rendering is now async 💀 😛
110
mike douges @douges.dev · 05/01/2025
Hah! Only 19k 😁
110
mike douges @douges.dev · 05/01/2025
Won't Miss You
Goodbye useDeferredValue.
110
mike douges @douges.dev · 05/01/2025
Good Bye
GitHub diff showing zustand being replaced by React Context.
110
mike douges @douges.dev · 04/01/2025
But yeah my pipeline is: 1. Merge release PR 2. Release pipeline runs 3. Draft release gets created on my OSS triplex repo 4. I edit the changelog manually and press publish when ready


Release PR open on Triplex monorepoGitHub release
100
mike douges @douges.dev · 04/01/2025
Look at all the opportunity for deletion. Is the canonical concurrent usage replacing them with effects + react state? What's the worst case outcome, tearing? @ricky.fm any secret library author docs I should be looking at?
useDeferredValue usage across Triplex IDEZustand usage across Triplex IDEuseSyncExternalStore usage across Triplex IDE
100
mike douges @douges.dev · 04/01/2025
Got that dog (react state) in him
Replacing Zustand with React state diff inside GitHub.
100