Sebastien-console_buche 🪵

ANNOOONCE — Mon nouveau portfolio est en ligne! → buche.dev Pixel art 1-bit, ambiance chill session de code du soir. Deux pièces dessinées à la main où j’ai glissé un peu de moi. Codé en Zig, compilé en WebAssembly. J’espère que ça vous plaira. Faites tourner!

@mustache_dev Je pense que c'est hackish de les utiliser pour ca. Je les utilise pour controller l'execution de systemes a haut niveau, mais sur des fonctions plus modulaires ou arbitraires... la je fear je crois

@Console_buche ah oui en effet plusieurs par composant je le recommanderai pas non plus Cela dit, les priorités ont été inventé pour ça justement

Sharing my R3F audit LLM skill. github.com/Console-buche/… If you work with React and Three.js, there's tons of footguns that are really worth knowing to run performant code. Feel free to update and optimize as I'm sure a lot could be added.

@mustache_dev Ah ca, pire red flag ever. J'ai une boite speciale pour les gens qui me disent ca. Pour les useFrame par ex j'y tiens car je me suis deja mordu les doigts sur un projet ou j'en avais plusieurs (par component) et l'execution order occasionait un bug, silencieux du coup, donc niet

@Console_buche Mais si l’histoire prouve que ta préférence personnelle est la bonne

@mustache_dev Voila. Je partage "a toutes fins utiles", mais c'est quelque chose que je construis au fur et a mesure sur la base de mes besoins, et je me rends compte que des skills partagees il faudrait peut-etre retirer tout ce qui est preference personnelles finalement

@Console_buche blending mode, pleins de trucs

@mustache_dev ou encore un bete nearcam; le cout en "taille d'ecran" vient en realite de la taille du fragment par ex. Pour les useFrame ou les states updates sur le tree, la aussi preferences personnelles j'imagine. N'hesite pas a fork si tu veux, ca fera une corde de plus a nos arcs

Coucou, Je peux éventuellement faire une PR, mais j’avoue que je suis assez opinionated sur pas mal de sujets concernant R3F. Il y a beaucoup de détails que la checklist actuelle ne couvre pas : Tu peux utiliser autant de useFrame que tu veux, ce n’est pas un problème. En revanche, il faut éviter les boucles à l’intérieur ou alors les optimiser au maximum si elles sont nécessaires. Si possible, utilise les vertex colors et les batchedMesh pour rendre plusieurs géométries avec le même material. (mieux encore, colormap ou une palette mais faut setup les uv au préalable) Si tu as besoin de beaucoup de raycasts, mets en place un BVH (c’est facile, il y a un wrapper dans drei). Tu dis qu’on peut tolérer quelques re-renders React dans le scene tree. Personnellement, je pense qu’on ne devrait en tolérer aucun. React et la boucle de rendu de Three ne sont pas faits pour fonctionner ensemble de cette manière : par principe, un re-render React est désynchronisé de useFrame, ce qui peut créer des incohérences dans la prévisibilité dont Three a besoin. Si tu as des objets statiques, utilise les cascaded shadow maps : meilleures perfs et setup plus simple. Pour les mises à jour de state : si le state est consommé uniquement par l’UI, ça ne pose pas de problème. Mais privilégie quand même les ref, d’autant plus que R3F permet maintenant d’utiliser useFrame même en dehors du canvas. La transparence n’est pas forcément le problème principal : c’est surtout sa taille à l’écran et le fait qu’elle overlap avec d’autres objets transparents. Évite de créer des materials au runtime. Et je peux en ajouter encore beaucoup 👀

@thdxr This is nuts. They rob the whole internet, call it their own, and put in a lock to the door. Pathetic.

opencode 1.3.0 will no longer autoload the claude max plugin we did our best to convince anthropic to support developer choice but they sent lawyers it's your right to access services however you wish but it is also their right to block whoever they want we can't maintain an official plugin so it's been removed from github and marked deprecated on npm appreciate our partners at openai, github and gitlab who are going the other direction and supporting developer freedom

@AhmedShahnab @threejs Looks nice, well done dude. Could use a low-power config to have this run smooth on mobile, I can see a few quick wins there. Have you merged your things ? The fragment shader looks a little expensive too — zooming in tells

Ditched boring flat maps forever. Population Density 3D map- This is a premium glass-like orb floating in a quantum black void, with glowing spikes for every major city - taller + brighter = higher population. Rotate it. Zoom in. It was a fun exercise balancing 3D performance with clean, minimal UI. Tech Stack: React + Vite | @threejs | Tailwind CSS | Lucide React What do you think of the dark aesthetic? Like if you’re impressed Repost if you’re a dev who loves creative coding #React #ThreeJS #DataVisualization #WebGL #CreativeCoding #Frontend #TailwindCSS #UIUX

@timsoret Lovely aesthetics, could also work in a variety of styles I’m sure — not only the full painterly ones

I don't think I've ever seen this type of very soft, fleecy, cottony foliage in games. Would deserve a shot imo. I have huge plans for my next project after The Last Night.

@LLCoolChris_ Et après t’as l’extrême inverse tellement courant où la barrière à l’entrée c’est du leetcode ou des katas. Sans lien avec le job. Sad

Franchement moi j'sais pas comment mon industrie réflechie, c'était pas possible genre de garder la barre technique haute mais demander aux gens un minimum d'appétence pour l'agentic coding?

Ptdr donc j'ai un ancien collègue qui bosse pour une boite qui ont fait le pari de retirer les interviews techniques pour des interview IA - ou ils voient si la personne bosse bien sous IA ou pas. Les 3 nouvelles recrues après 18 mois c'est une catastrophe sur les skill techniques

Je me suis vraiment retrouvé dans l’histoire de Ben, notamment la boulimie de projets. J’ai réussi à me poser mais je me sentais glisser clairement. Je refuse de toucher aux tools remote ou AI locale à la CodeClaw pour ces raisons pour le moment. Sinon… Saturation cognitive

@mlperego This is insane work man. I've never seen such an awesome website, both in tech and writing. I spent the last 15 min squiting at every float increment the mouse wheel would allow. And hahahah the humour in there is priceless. Loved the legacy support. Also... ouch that stunt😂

ORYZO is finally out 😍 One of the most challenging projects I've worked on at Lusion. Every animation, shader, detail and optimization obsessively refined. Proud of the team and happy you can finally see it! 👉 oryzo.ai

@lusionltd What on earth. I'm not sure if I just scrolled through a product landing page of a full blown art installation. It was amazing. The loading times, the smoothness and the story that's woven in there is seriously mind blowing. gg, loved it

Over the past year, a lot of the conversation has been around how quickly AI is changing the digital world. At the same time, it made us think about how little has changed in the physical one. Most products are still designed the same way, just with more features layered on top. We wanted to explore a different direction at Lusion. Instead of asking how to add intelligence, we asked what happens if you take things away. What remains when you strip a product back to its core purpose, and design it properly from there. Oryzo is our first attempt at that. It is a physical product, built with a very simple idea of how it should exist and behave. No dependency on external systems, no complexity for the sake of it. Just something that feels considered. Curious to hear what people think. Link is in the comment!

@ledevnovice Perso j’utilise seulement stats.js et je log ´renderer.info’ ya tout ce qu’il faut dedans (drawcalls & cie). Et le profiler devtools pourvoir les bottlenecks. Pour l’instant j’ai jamais eu besoin de plus

Vous utilisez quoi les ami(e)s codeurs pour monitorer des métriques dans projets Three.js ? Je vois qu'il y a stats.js mais ca fait 7 ans que c'est plus maintenu. J'ai vu d'autres alternatives mais je connais pas la qualité de chacune d'entre elle...

@StellaSLcode Ouais ! Jvais me mettre une deadline

@Console_buche on va pouvoir tester ça bientôt ? ˆˆ

Sribble scritch scritch 📜🌊 Sound on. This is what you'll be doing on my project. What will you write for others to read? Where? #threejs

@ledevnovice Je valide! Veritable artisan du web la, le devbeniste

C'est beau, c'est marron effet bois, ca tourne. C'est bon, projet Volumes terminé les ami(e)s codeurs ! Un projet qui démontre une véritable expertise en 3D Web rendering et vitrine qualitative de mes compétences de développeur en Three.js Banger !

@StellaSLcode Ah ben trop bien ouais. gg d'avoir reussi a faire ca! Mon probleme la tout de suite est que j'ai envie d'en finir avec Unstoried pour... Passer au truc suivant mdr. C'est peut-etre pour ca que ca me parait long. La drogue... tout ca.

@Console_buche Pas spécialement :o je sais pas pourquoi mais j'ai pas ressenti ce truc... Peut-être parce que je l'ai sortie quand elle était encore MVP donc pas finie mais fonctionnelle quand même ? Et du coup, je prends mon temps pour ajouter ce qu'il manque sans pression ^^

@AlexandreGrdl C'est ouf ton histoire j'adore! Ca a donne quoi? Raconte un peu il a vecu comment le product?

@Console_buche Je te parle d'une époque qui date d'avant l'arrivée des apps type Pokemon Go. ça s'appellait eTag. Le principe c'est que tu pouvais déposer un message (texte, photo, vidéo, whatever) là où tu te situais comme si tu le gravais sur le mur et toutes les personnes passant par là

@mrdoob "Simple 3D scene" and he threw in the whole disco-ball thingy, animated and shadowed. That Gemini dude was feeling creative haha

One year since this tweet. I thought they were going to do a public gallery with everyone's creations, but I guess curation is hard.

@AlexandreGrdl Mais non ? Trop cool ! Même chose tu droppais un message ? Raconte

@Console_buche C’est marrant, tu as reproduis le principe de l’application de ma première startup !