Hacker Newsnew | past | comments | ask | show | jobs | submitlogin
Show HN: Collaborative event registration with WebGL and WebSockets (nextjs.org)
91 points by nutlope on Sept 2, 2022 | hide | past | favorite | 16 comments


Hi all, if you login with Github on desktop, you'll see a multiplayer experience built with https://replicache.dev and webgl.

I can't answer questions about the (absurdly epic) webgl stuff. That's https://twitter.com/0xca0a.

But happy to answer questions about the multiplayer.

As an overview, this uses an upcoming version of Replicache that has been upgraded to support high rate collaborative experiences. The current client-side only version of Replicache can manage about 4-5 updates / second, depending on your server setup, or maybe 10 if you spend a lot of time tuning it.

In this upcoming version, we are offering our own server for Replicache, based on Cloudflare's durable object technology. We are getting about 40 updates per second now, but our goal is 60fps.

We have been really happy building on Cloudflare, and think durable objects in particular are a super unique and valuable tool. Not useful for every situation, but there's nothing else really like it on the market and when you need it you really need it.


And if you're curious, here's a video of the multiplayer "game" in action:

https://twitter.com/aboodman/status/1565817772772564992


Really impressive experience! Great work Next.js!

Love the work 0xcaOa did with Three.js to create this multiplayer light effect. Glad to see https://liveblocks.io was able to help them prototype this out to get a feel for that experience.

And… it’s great to see the web become a place where people can hang out and feel like they’re together in the same space!


See a video preview at https://youtu.be/iQvviFlz7G0

Edit: @steventey has an excellent video at https://twitter.com/steventey/status/1565739260312952833


I'm confused, what is this? I don't want to hook it up to my GitHub just to see...


It's a conference registration site that involves a series of challenges involving a wordle and a multiplayer experience with a prism built with Three.js


You can see the flow without hooking up GitHub here: https://twitter.com/steventey/status/1565739260312952833


Whatever this is it brings my 2019 MacBook Pro down to 1fps in Firefox.


sounds like gpu accel is off. or extensions messing with the browser? mbp going to 1fps over a bit of webgl must have a cause.


the engineering that went into this site is insane – given also how performant it is in production globally


All I’m seeing is a very simple website for registering to attend a conference. What am I missing?


There's a game the further into registration you get basically.



whoa... congrats aboodman and nutlope, this is super cool and the prism flash is suuuuper fancy holy crap


I wonder if this is going to become the new normal for websites


Amazing design, as always!




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: