user avatar
☄︎
@0xca0a
Joined February 2017
  • user avatar
    drei/meshportalmaterial can now be entered with a single prop, "blend". it will have lots of creative potential, for spatial UI and the meaning of "routes". made a small showcase using models from my fav designer on sketchfab @FaruqTawsif sandbox codesandbox.io/s/enter-portal…
    00:00
  • user avatar
    first time im trying react-refresh and the experience is crazy. notice how all components stay safely mounted, counter keeps on ticking, threejs stuff just stays put. not a single page refresh i could see. hmr never felt that safe and fast. 2 lines added to my build config. 👏
    00:00
  • user avatar
    still crazy to me that this is considered a react application nowadays. these are all declarative components, driven by a state model, mixed with regular dom content. saw it on reddit reddit.com/r/threejs/comm… i love seeing this stuff creeping into frontend, and accessible to all.
    00:00
  • user avatar
    so, liquid glass. 😂 here are 3 boxes that show you how to do it in react + three. one with a meta shape, a lens, and one where the entire site is in a liquid state —
    00:00
  • user avatar
    so, i'm releasing 2 rather specific libs today. one is cannon-es, a esm port of cannon by @schteppe: github.com/drcmda/cannon-… (looked unmaintained, didn't bother making a PR) and the other is use-cannon, a super rough web worker bridge for physics in react: github.com/drcmda/use-can…
    00:00
  • user avatar
    this is what happens when you run a website through a lens — refraction, chroma and all. 🫠 live: codesandbox.io/s/scrollcontro…
    00:00
  • user avatar
    threejs has a market, today we release market.pmnd.rs 🎉 🔎 free minified/ready-to-use CC0 models/textures/hdris 🚥 starters for threejs and react-three-fiber 👤 accounts 📬 request assets 🥇 favorites 🔌 api endpoint ☁️ CDN with caching 📦 npm install assets soon
    00:00
  • user avatar
    how to have URL routes inside your scene, as well as bind webgl text to html to that it's accessible, selectable, and webgl gets to refract it. codesandbox.io/s/router-trans…
    00:00
  • user avatar
    learn how to mix html and webgl with shared animations and transitions. fullscreen → q23sw.csb.app sandbox → codesandbox.io/s/laptop-sprin…
    00:00
  • user avatar
    pmndrs/uikit by @BelaBohlender is fully responsive via flexbox, built on the yoga layout engine. making UI in webgl opens up interesting possibilities: effects, 2.5D & 3D navigation, perspective shift, parallax, more to come ... very early dev preview github.com/pmndrs/uikit
    00:00
  • user avatar
    i have some news to share, end of march i will join @vercel. i continue to work independently on open source @pmndrs tools and react cad @buerli_io. this means more resources for making creative dev a feasible (and fun) part of our daily routine. go0b4w.csb.app
    00:00
  • user avatar
    i've been solving other peoples problems again 🫠 in a thread of some boxes that have accumulated. how to make a chess board look good codesandbox.io/s/morning-flow… odd question but ok.
    00:00
  • user avatar
    soft shadows, runtime caustics, refraction and transmission in one, all but the shadows gifts from @N8Programs crazy how it was unreachable a year back, hoarded by agencies, or buried in dissertations. now it's just <Caustics> ... codesandbox.io/s/diamond-refr…
    00:00
  • user avatar
    here's some thing i've been dedicating 1 hour each evening for the last week: a game written in react and threejs (react-three-fiber) wanted to see if i can pull it off but waste too much time on it so i'll abandon it: i2160.csb.app it's still missing damage/collision
    00:00