4 ms·

Show HN: Collaborative event registration with WebGL and WebSockets

91 points by nutlope 4y ago

steventey 4y ago
the engineering that went into this site is insane – given also how performant it is in production globally
- cal85 4y ago
  All I’m seeing is a very simple website for registering to attend a conference. What am I missing?
  - Operyl 4y ago
    There's a game the further into registration you get basically.
    - elmo_on_fire1 4y ago
      Here's what you will see in multiplayer https://twitter.com/steventey/status/1565739260312952833?s=20&t=JolzDA3Uy-5JXDbqXNbp2Q https://twitter.com/steventey/status/1565739260312952833?s=2...
metadat 4y ago
I'm confused, what is this? I don't want to hook it up to my GitHub just to see...
- nutlope 4y ago
  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
- plusECON 4y ago
  You can see the flow without hooking up GitHub here: https://twitter.com/steventey/status/1565739260312952833 https://twitter.com/steventey/status/1565739260312952833
aboodman 4y ago
Hi all, if you login with Github on desktop, you'll see a multiplayer experience built with https://replicache.dev https://replicache.dev and webgl. I can't answer questions about the (absurdly epic) webgl stuff. That's https://twitter.com/0xca0a 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.
- aboodman 4y ago
  And if you're curious, here's a video of the multiplayer "game" in action: https://twitter.com/aboodman/status/1565817772772564992 https://twitter.com/aboodman/status/1565817772772564992
swyx 4y ago
whoa... congrats aboodman and nutlope, this is super cool and the prism flash is suuuuper fancy holy crap
stevenfabre 4y ago
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 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!
jridgewell 4y ago
See a video preview at https://youtu.be/iQvviFlz7G0 https://youtu.be/iQvviFlz7G0 Edit: @steventey has an excellent video at https://twitter.com/steventey/status/1565739260312952833 https://twitter.com/steventey/status/1565739260312952833
elitan 4y ago
Amazing design, as always!
jokethrowaway 4y ago
I wonder if this is going to become the new normal for websites
hughes 4y ago
Whatever this is it brings my 2019 MacBook Pro down to 1fps in Firefox.
- mlsarecmg 4y ago
  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.

91 points by nutlope 4y ago

steventey 4y ago

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

cal85 4y ago
All I’m seeing is a very simple website for registering to attend a conference. What am I missing?
- Operyl 4y ago
  There's a game the further into registration you get basically.
  - elmo_on_fire1 4y ago
    Here's what you will see in multiplayer https://twitter.com/steventey/status/1565739260312952833?s=20&t=JolzDA3Uy-5JXDbqXNbp2Q https://twitter.com/steventey/status/1565739260312952833?s=2...

metadat 4y ago

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

nutlope 4y ago
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
plusECON 4y ago
You can see the flow without hooking up GitHub here: https://twitter.com/steventey/status/1565739260312952833 https://twitter.com/steventey/status/1565739260312952833

aboodman 4y ago

Hi all, if you login with Github on desktop, you'll see a multiplayer experience built with https://replicache.dev https://replicache.dev and webgl. I can't answer questions about the (absurdly epic) webgl stuff. That's https://twitter.com/0xca0a 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.

aboodman 4y ago
And if you're curious, here's a video of the multiplayer "game" in action: https://twitter.com/aboodman/status/1565817772772564992 https://twitter.com/aboodman/status/1565817772772564992

swyx 4y ago

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

stevenfabre 4y ago

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 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!

jridgewell 4y ago

See a video preview at https://youtu.be/iQvviFlz7G0 https://youtu.be/iQvviFlz7G0 Edit: @steventey has an excellent video at https://twitter.com/steventey/status/1565739260312952833 https://twitter.com/steventey/status/1565739260312952833

elitan 4y ago

Amazing design, as always!

jokethrowaway 4y ago

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

hughes 4y ago

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

mlsarecmg 4y ago
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.