First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵

real-life debug version is 🤯

minesweeper version

@threejs Still mind blown you pulled this off without ever visiting the venue IRL… just videos and your tool 🤯

@threejs 🫡

@threejs This is great .. impressive to see mapping and threejs in browser

@threejs Absolute banger!! 🔥

@threejs This is dope asf!

@threejs so sickkkkk

@threejs You are slightly shifting from websites to digital installations 😄

@threejs Always wanted to do installations, they are so awesome

@threejs You killed it with this, it looks so beautiful

@threejs Tremendo! Modelaste el espacio en blender? Me interesa saber como lo proyectas al lugar fisico

@threejs el modelo esta hecho en threejs directamente usando formas basicas

@threejs me pasaron las medidas del lugar real y le pedi a @claudeai que lo replique, luego use algunos prompts mas para agregar las columnas/escaleras

@threejs This is so awesome

@threejs this is excellent 👏

@threejs So dopee

@threejs MAGO, justo haciendo algo asi para un museo estoy. ME ENCANTAAAAAA

@threejs Really nice work

@threejs I was wondering if you were there! I was thinking of you lol.

@threejs damn! great job :)

@threejs Thanks!

@threejs insane

@threejs WOW que bestia, esta increible!

@threejs Three.js in physical spaces is next level. we’re using it to render photorealistic cities you can fly over in a browser — with ring run challenges now too. the range of what Three.js can do keeps blowing my mind

@threejs tremendo laburo

@threejs 🔥 Hasta las vegas sphere no paramos

@threejs hasta la esfera gigante que pintó Xor no parás brother

@threejs projection mappinggggg?

@threejs is it reactive to sound?

@threejs No, but it's a cool idea! maybe next time

@threejs AaaaaaaaAaa incredible, how did you tested it in dev?

@threejs using @threejs webgpu I could write to two distict canvas, one to debug the "flat" version and another to preview in 3D

@threejs You could do a party like bresh with those effects

@threejs LOVE THIS~! Working on similar system for easy projection mapping. What do you use for the full stack for mapping and everything? Thanks! Tim

@threejs I created a custom web app using opus-fast 😂 Once ai had my app, iterating the shader just took minutes

@threejs Ace! I like it, fast mapping.

@threejs I wanted to say no one cares but it seems a lot of users care

WebGPU + three.js for physical space visualization is 🔥 The dual-canvas approach for debug vs 3D preview is smart - saves so much iteration time. Key tips: 1) Use offscreen canvas for compute, 2) Leverage compute shaders for real-time feedback, 3) Profile texture memory early. What resolution was the physical space?

@threejs is this ur double @mfigge?! 🫡

@evilrabbit_ @threejs What tool / software is this? It’s like resolume meets xmap meets like all the projector mapping stuff in one

@evilrabbit_ @threejs Custom one made with Claude, nextjs and @threejs

@evilrabbit_ @threejs Share to share ?