Nick Rogers

A perpetually curious human. Building at Unit 410, author of Flourish and Decay.

[Nick Rogers @rogersanick]

Public reminder to mix in a human activity once in a while. Waiting for agents to finish and then shlop refining can be a dopamine trap!

[Nick Rogers @rogersanick]

@tkexpress11 Very keen on connecting! I’m building https://t.co/0LoRJyRBR6

[Nick Rogers @rogersanick]

@Samsyyyy @threejs Incredible work!

Would love to work with you on a game I’m building - https://t.co/RCQiB5o30m

Send me a DM

[Nick Rogers @rogersanick]

☕️Saturday morning ☕️, visualizing p2p graph data for my decentralized game lobby.

[Nick Rogers @rogersanick]

Flourish and Decay is live! If you like board games and decentralized tech - check it out.

https://t.co/RVeNfcM9GM

[Nick Rogers @rogersanick]

@mrdoob @levelsio There are three.js dev tools?!?!?!? Where has this been all my life?

[Nick Rogers @rogersanick]

@LBacaj Nice work Louie! This is awesome. I also built a board game - all the art is AI generated. Pretty wild what you can build with these tools.

https://t.co/RCQiB5nvaO

[Nick Rogers @rogersanick]

@levelsio Fireworks look great! Is this still vibe coded? Looks a lot like @Andersonmancini’s confetti implementation https://t.co/hylGuRR4Yc

[Anderson Mancini @Andersonmancini]

😍Exciting news!

My new free "Confetti-V2" component for #threejs using #r3f is almost ready. The performance is 100% better using instances. Now, we can draw hundreds of particles in a single draw call, with lots of customization.

Available for download soon 😎

[Nick Rogers @rogersanick]

@levelsio @s13k_ @alightinastorm Also you can increase the shadowCam size

+ const shadowCamSize = 75;
https://t.co/p931T2Pn8z.near = 0.5;
https://t.co/p931T2Pn8z.far = 500;
- https://t.co/p931T2Pn8z.left = -50;
...
+ https://t.co/p931T2Pn8z.left = -shadowCamSize;
...

[Nick Rogers @rogersanick]

@levelsio @s13k_ @alightinastorm Gotta love little potato chips. Try and increase the shadow map size (make sure it doesn't kill perf)

- sunLight.shadow.mapSize.width = 1024;
- sunLight.shadow.mapSize.height = 1024;
+ sunLight.shadow.mapSize.width = 2048;
+ sunLight.shadow.mapSize.height = 2048;

[Nick Rogers @rogersanick]

@s13k_ @levelsio This is it if its a group! You could use this if you have IDs for the plane parts.

const shadowIds = new Set(['wing_left', 'wing_right']);
player.traverse(function(child) {
if (child.isMesh) {
child.castShadow = shadowIds.has(https://t.co/EhGSEypwiG);
}
});

[Nick Rogers @rogersanick]

@levelsio Sorry, make sure to call shadowHelper.update() in your animation frameloop^

[Nick Rogers @rogersanick]

@levelsio Oh interesting - are you adding the directional light (variable name sunLight) to the scene?

You can debug shadows with:

`const shadowHelper = new THREE.CameraHelper(https://t.co/1SYYafWhOt);
scene.add(shadowHelper);`

(make sure you call shadowHelper.update() in the useFrame)

[Nick Rogers @rogersanick]

@levelsio E.g floorMesh.receiveShadow = true

[Nick Rogers @rogersanick]

@levelsio Make sure you have receiveShadow set on the surfaces you with to have shadows cast onto!

[Nick Rogers @rogersanick]

@levelsio This is awesome!

Try lerping / slerping the position / rotation when it’s received to smooth out the motion of other players’ planes

[Guillermo Rauch @rauchg]

Your outie customizes @shadcn into beautiful, fun and unique design tokens and components
https://t.co/Z2JFM2iJOG

[Nick Rogers @rogersanick]

@mxlcolm Does this stack with other buffs? Sport mode crocs for instance?

[Nick Rogers @rogersanick]

@splinetool

[Nick Rogers @rogersanick]

@mxlcolm Congrats man! Wishing you a lifetime of happiness. That’s huge.