richiCoder

Some years ago I was outside the browser creating animations using SolidWorks. Now, I am in fact in the browser creating animations for browser apps with Spline. #animation #webgl #threejs #creative #webdeveloper #formulasae #fsae #racing #car #javascript #video #spline

@elonmusk Scroll-based your Grok's story... @elonmusk elon-grok-story.netlify.app

Minute-long story made w Grok Imagine

Elon's grok generated story on a scroll-based website experience.

The future of Three.js is WebAssembly

@threejs 175kb, how large was it before?

Three.js: ✅ 175KB gzipped ✅ Plain JavaScript ✅ Desktop, Mobile, VR, AR ✅ No shader pre-compilation ✅ Instant web deploy ✅ Wrap for Steam/App Stores ✅ Huge open-source ecosystem ✅ LLM friendly ✅ No registration ✅ $0/year per seat ✅ 100% hackable ✅ 100% yours forever

@nikitayells @threejs @mrdoob A rotating cube

@threejs @mrdoob Insanity! What are they all building??

9M downloads/week 🚀

I have seen lots of comments and some disdain of people saying you can’t achieve good graphics with Threejs, okay, explain this ? 144fps, 4K inside a browser,what’s up ? #gamedev #threejs

@DimaUpit Nice, but what if a client asked you to replicate a website as igloo, lusion or the like. Do you have an idea on how to estimate deadlines? Are you able to handle changes on the go easily? Can you communicate the AI tools in the "shading language" way? Just curiosity.

𝗪𝗵𝗮𝘁 𝘄𝗲 𝘂𝘀𝗲𝗱 𝘁𝗼 𝗽𝗮𝘆 𝗮 𝗪𝗲𝗯𝗚𝗟 𝗱𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 𝗳𝗼𝗿, 𝗜 𝗽𝘂𝘁 𝘁𝗼𝗴𝗲𝘁𝗵𝗲𝗿 𝗺𝘆𝘀𝗲𝗹𝗳 𝗶𝗻 𝟮 𝗱𝗮𝘆𝘀. 𝗦𝘁𝗿𝗲𝘀𝘀-𝘁𝗲𝘀𝘁𝗶𝗻𝗴 𝗚𝗲𝗺𝗶𝗻𝗶 𝟯.𝟭 𝗣𝗿𝗼 𝘁𝗼 𝘁𝗵𝗲 𝗺𝗮𝘅 🤯 The previous post, where I recreated the first part of our Three.js animation from izum.study with the help of a neural network, got a lot of reactions. So I decided to go further and take the experiment all the way to the end. 𝗚𝗼𝗮𝗹: build the FULL site animation using prompts only. Without a single line of code written by hand. So you understand the scale — back in the day, a live developer used to make a similar animation for us for a whole month, and it was accompanied by constant nerve-wracking and edits. 𝗡𝗼𝘄 𝘁𝗵𝗲 𝗿𝗲𝘀𝘂𝗹𝘁 𝘄𝗮𝘀 𝗿𝗲𝗮𝗱𝘆 𝗶𝗻 𝟮 𝗱𝗮𝘆𝘀. 𝗔𝗻𝗱 𝗶𝘁 𝗴𝗲𝗻𝘂𝗶𝗻𝗲𝗹𝘆 𝗶𝗺𝗽𝗿𝗲𝘀𝘀𝗲𝗱 𝗺𝗲. Gemini 3.1 Pro produced a fully working project: a wave of thousands of particles collapses into a 3D sphere on scroll, then smoothly breaks apart into three separate spheres (like in the original) and merges back. All of this is driven by GLSL shader math and tied to scroll via GSAP. 𝗪𝗵𝗮𝘁 𝗜 𝗵𝗮𝗱 𝘁𝗼 𝘁𝗶𝗻𝗸𝗲𝗿 𝘄𝗶𝘁𝗵: ⚡ Morphing logic. Splitting one form into three with particle flow is complex geometry. The neural net wrote the shaders for a smooth split and reverse merge by itself. ⚡ Synchronization with GSAP. Camera movement, scaling, and the split triggers are perfectly fitted to the page scroll. After that, all that was left was to bring everything to the final look and polish the animation so that it feels as smooth live as in the original. What used to require a month of work from a dedicated specialist and a solid budget is now solved over a weekend. You just need to act as the art director and steer the model’s logic correctly. Neural nets really are changing the rules. 𝗥𝗮𝘁𝗲 𝘁𝗵𝗲 𝗳𝗶𝗻𝗮𝗹 𝗿𝗲𝘀𝘂𝗹𝘁 𝗳𝗿𝗼𝗺 𝟭 𝘁𝗼 𝟭𝟬 🔥 And the main question: what do you think — is it already time for WebGL developers to start quietly updating their resumes, or can the leather bags still sleep peacefully for now? Write in the comments 👇

What's the way you practice your English working in tech? Just developing an app that allows me to register new native expressions #BuildingInPublic #Javascript #React #tanstack

@BrettFromDJ which tools are u using?

Experimenting with liquid metal.

@midudev pero la compatibilidad con navegadores anteriores...

¡Mega novedad en CSS! Crea animaciones de entrada y salida de tus elementos. Conoce la nueva regla starting-style. Te enseño cómo funciona en 2 minutos ↓

Just picked up Base UI to create a web app, I have no clue about this lib... @react @baseui

Flight path awwwards.com/sites/flight-p… #Awwwards Go and vote!

@getmeru @ampersandjoseph @loneshot_ Atentos!

@ampersandjoseph @loneshot_ meru.app Hola, actualmente, las cuentas Chase se encuentran inhabilitadas, las transferencias serán rechazadas y el dinero se devolverá a la cuenta de origen. Ya estamos trabajando en una pronta solución. ¡Agradecemos tu comprensión!

Este viernes estaremos en el Stellar Winter Friday apoyando la educación. Si nos ves, salúdanos y llevate una sorpresa de Meru😎 Cuentanos, ¿te veremos alli? #StellarWinterFriday

@MichaelDChaney @nathan_covey Bro you charged 20-30k over 10 years ago? The same amount for these days?

A former client of mine hired a guy to replace a website that I charged them $20 or $30k to build around 13 years ago. He spent a year or two working on it, and was going to launch at the end of March last year. They finally “launched” two weeks ago, but the site was down (literally DNS wasn’t resolving) for a few days. When it came up, it was a home page and nothing else worked. Then it said it would launch on Tuesday the 11th. Missed that date, too. It now partially works. Filtering works, but clicking on details results in 404s. We’re now 50 weeks after it was supposed to launch. For the last year they’ve told me it was no more than a few weeks from being done, even down to “10 days” at one point. So they’ve minimally spent a few hundred K to get something that doesn’t work. I’ve never seen a slow motion train wreck like this, I’m usually called in afterward to clean up. At least your relative seems to have something that works.

Last night a relative told me his dev team has taken 6 MONTHS to set up a Shopify store and integrate it with their backend finance reporting. It gets worse: - public company - have spent almost a million dollars on the project - since the company is "non-tech" the execs think this is just how software development is How many companies are still getting screwed like this?! Once AI catches on more, it is going to be a bloodbath

@Fernandres5 @freddier Que modelo en especifico

@freddier Lenovo hoy en dia le da 3 vueltas a las otras marcas de Laptop.

Todo apunta a que las computadoras de todo tipo (laptops, teléfonos, smartwatches, etc) se pondrán BIEN caras en Latam los próximos 4 años. Quizás, excepto, las chinas.

@alexanderkondov Your wife helps you save money!!!!

Most people will consider my life unbearably boring. - I wake up around the same time, eat the same things, read a different book - spend the day coding, sneak some writing time here and there - lift in the evening - spend the rest of it with the wife and dog - write some more That's it, day after day. I've got little desire to travel or go to restaurants. I just want to make things.

Experiments

@XorDev Good luck

I need to write the shaders for this

@s_lempens How long did it take you?

🚀Super excited to share my latest 3D project with you 🚀 I’m showcasing my 3D projects, experiments & skills. I hope you’ll enjoy it and that it will bring you inspiration and motivation for your upcoming projects. lab77.sebastien-lempens.com #threejs #creativecoding #R3F

Testing in production sounds like an anti-pattern. But, not necessarily. Context matters. Testing in prod doesn’t mean “push untested code to prod and see what happens.” It means “push well-tested code to prod and use techniques like feature flags to test the change in prod safely. Why test in prod? Prod hardware, environment, traffic, and data may expose unforeseen issues.