mattbcool

Web AR: singing into the microphone makes the pigeon move to the note you sing. Web Audio API with #threejs

youtu.be/HORcMniSD-M?...

Cursor Fluid mattcool.tech/posts/cursor...

there's still time to get yours built and submitted! codetv-gsap-cloud.webflow.io

I entered the funnel, left the gnome conversion factory untouched, and now I’m distributing the landing page for free. No gnomes were hurt in the making of this conversion. mattcool.tech/posts/this-p...

Drop in component that turns your cursor into an ivy generator. Flowers on click, tree on circle gesture.

This is such a cool experience and a good demo of webXR ~ hope more people can try it out.

Learning how to order Boba tea in a webpage. youtu.be/cmNAV-x2bB0?...

youtube.com/watch?v=Xt4X... I thought this was AI at first

Making a big event location into a web game mattcool.tech/posts/gtc-pr...

Elsa birthday party inspired web tech fun mattcool.tech/posts/magic-...

Wait... Klingon support? Can any localization experts please weigh in here. I can only find English, Japanese and Chinese in the official docs and would like to share with my Klingon speaking friends.

Ball Pit clone progress with React Three Fiber

Working with HTC @viverse.com and trying out some new #threejs libraries.

Working with HTC Viverse 😮 Concept in ideogram → Upload to WorldLabs Generate Splat (.spz file + Spark JS) Download the collision mesh with a brand new feature from World Labs. Drop both files into your #R3F VIVERSE project and can deploy to VIVERSE to use their avatars and account system.

JavaScript's date object has been tricky for years, but that is changing. The NEW Temporal API brings, 🌍 Easily handle time zones 📆 Precise date math 🕒 Parse ISO strings without errors ⌛ Durations, date ranges, and more. Start exploring 👇 developer.mozilla.org/en-US/blog/...

My curated list of incredible 3d portfolios on the web: mattcool.tech/posts/amazin...

Firefox AMA coming to r/firefox Oct. 6th 10:30AM PT

Got a burning question about us? Join our upcoming AMA with the Firefox leadership team on 10/6 🔥 Ask (nicely!) about privacy, performance, and the future of the open web to hear directly from the team shaping what’s next. www.reddit.com/r/firefox/co...

Generates a flashcard deck for you from an image.

Firefox 143 is here, check out what's new: ✔️ Drag tabs to pin them. Simple, effective. ✔️ Camera preview in permission dialog. No more guesswork. ✔️ Stronger Fingerprinting Protection. ✔️ Smarter Private Browsing downloads (decide to keep or auto-delete). www.firefox.com/en-US/firefo...

Recap of my web fish tank project. 🐟🐠 Demo video with features and ideas 🔊

Want to see a really good developer sign-up portal example? windowswen from Zed

This is fine

Finishing up and sharing out my #threejs journey hackathon project: a new tab web aquarium. It's a fish tank that lives in your new tab. Here is a quick demo: www.youtube.com/watch?v=infu... Link in video description if you want to play! What other features would be good here?

Systems in the new environment: - gravel - decorations - feeding Little web aquarium project coming together. would love to find time to add a tank light, fix the death system, and of course, make a nice game UI.

shadow improvements in the environment and with the tank

Do you all know that trick with Gmail where you can add a "+" and tag the site using your email? It doesnt work on many sites today. Firefox relay now widely available in Firefox 142. If that alias leaks, I kill it. My inbox stays clean. 🧹

Added dynamic shadows to the fish. Quick feature recap - placing, rotating and scaling objects - gravel color customization - feeding the fish

Great to see support for web apps launching in @firefox.com Labs. Good first step! connect.mozilla.org/t5/firefox-l...

First run on giving the tank an environment. Thinking in the future about music and clock - since this is designed to be your new tab. I had to rework a lot of the camera controls and it got a bit rough, but I think the project will be better for it. Such a big difference having some background.

Added a feeding system. Fish can die if you forget to feed them for too long. ☠️🐟 Looks like I broke something in the movement system trying to get the fish to move towards the food particles but a good enough start for tonight.

more lighting upgrades and fixes to the gravel and decoration placement

Better video showing decoration placement progress

Decoration placement. This will need many more nights to get right but a good start.

Early decorations system progress

Exploring a gravel system. This was a lot harder than I thought it would be.

Web aquarium fish movement looks a lot better than I had it before!

Weirdest shark tank pitch I've seen. youtu.be/RGFhzCNGAIk?...

Going to start work on part three of building a web aquarium. mattcool.tech/posts/buildi...

So much in one video youtu.be/H0XYANRosVo?...

I made this virtual pet from an egg concept a while back for Bruno's three.js hackathon. I didn't get far with it but it was a lot of fun to think about and try. This is just a website!

Going through some old photos, I made the game telephone in a web browser. When players enter the booth, they can hear each other from the booth next to them, but others in the room can't hear. Players can jump into booths and play a full game of telephone. Just a fun experiment with Hubs!