Tyson Skakun

🎨🎨🎨 @create_xyz @CreatexyzJP @threejs Starry, starry night. Melting and swirling my favourite painting. My favourite thing with create, and building with Ai, is getting straight to the art, there is no friction between what you imagine, and what you can make.

@dhruvamin So sick… will be trying!

Figma to Anything is here

@evilrabbit_ Don’t open them!!

I have 6 unopened Michael Jordan’s cans from June 14, 1998. 1 like and I open all of them 😂

@leerob Looks good to me!

Working on my most ambitious project yet

@evilrabbit_ For when you show up to work on Monday.

I have one shot... (it's currently up for an auction)

@onirenaud All I want for Christmas, is Three.Js Blocks 🧱

Just ran my first Three.js Blocks onboarding with a non-developer. A few more tweaks to llms.txt, but we’re close to a world where anyone can ship high-performance 3D games, physics sims, and interactive installations with vibe coding!🚀 Thanks for stress-testing it with me!😁

@jh3yy Your best exploded breakout view yet, chefs kiss 👨‍🍳

you can stack elements with css grid/subgrid by giving them the same grid position 🧑‍🍳 this scroll track window is a great use case for css grid + position: sticky catch the 3D breakdown 👇

@threejs @dev_TEMITAYO 🙋

@dev_TEMITAYO I know a guy...

I've not seen a developer who knows three.js

Hired @threejs Landed dream role. Design Engineer. Time to cook. Thank you Creative Developers and Black Shirt Senseis who teach and share here on X freely. Making myself an over the top name badge to celebrate. Front and back textures made with @paper.

📄🖌️🎨 @paper is crazy Crazy fast in browser, Figma with shaders.

💅 Vogue @voguemagazine @threejs @wawasensei Before it's in fashion, it's in Vogue Flip Below.

@mustache_dev @basementstudio Wohhh congratulations Alex! I can’t wait to see what you guys build together!

And I hereby announce that i'm joining @basementstudio as a creative dev ✨ this is the first project i'm working on, and we are going to deliver some really cool shits!

🌏 Around the World @threejs @v0 Lite Brite X Daft Punk It's a fun time to build.

@mustache_dev Haha you can even see the ai’s thought “Ok, I need to change the title of the game and make the font 10% Bigger”

It’s straigth copy pasting of an already existing project, there isn’t Even the slightest update..

Renaud is working on a sweet library of components for @threejs and has a waitlist open 👇 Can’t wait 🤘

@onirenaud @melkornms I actually can’t wait! Thank you Renaud for working on this for us.

@melkornms Few passionates care about details; most people want to create cool 3D experiences without worrying about how they're made or run, as long as they work. Creativity is highly valuable, and with the right tools, amazing things can happen!

This one took me almost 2 years to master, soon every Threejs dev will master it with a simple Import: Smoothed Particle Hydrodynamics Simulation, 2D and 3D, optimized with Spatial Hashing and Compute Shaders. Optimized for WebGPURenderer with complete TSL compatibility!!

@onirenaud I feel seen lurking for material settings 🥷

Had a fun bug while working on a TransmissionNodeMaterial for Three.js Plus. I’ll leave these settings available, I’m sure some creative developers are going to make something cool with them! Also, here's a preview of the starter with a native canvas recorder, HMR and more! 😎

@nestorrig @greensock Congrats Nestor!!!

My first SOTD 🏆 Thank you @greensock 🫶🍀

@dangreenheck Just wanted to say these tips and reminders have been great Dan. Dan is an awesome teacher if anyone looking to learn @threejs threejsroadmap.com

💡 Three.js Tip of the Day #13 The "depth buffer" can be a confusing and mystifying topic in Three.js. Let's break it down! 🔨 The depth buffer is a special texture that stores the distance from the camera to the closest object for each pixel being rendered. The GPU uses the depth buffer to determine which objects are in front / behind each other. The cool part? We can create some interesting effects by telling the GPU when to write/read from the depth buffer by setting "depthWrite" and "depthTest" on the material, respectively. Here's a simplified view of how rendering works 🎥 1. Objects are drawn based on their "renderOrder" (0 → 1 → 2...) 2. If "depthTest" = true, for each pixel the GPU looks at the depth buffer and asks "Is something closer already here?" (if "depthTest" = false, the depth buffer is ignored entirely). 3. If not, draw the pixel. 4. If "depthWrite" = true AND the pixel is closer to the camera than the last object rendered at that pixel, the GPU updates the depth buffer with the new value. Who else randomly toggled these values until it worked (or didn't)? 🎲 #threejs #webgl #gamedev #3dgraphics #rendering #graphics #javascript