Show HN: I saw this mind-blowing experiment, so I made a simple version of it

#1

Post by momciloo » Sat, Nov 25, 2023, 2:16 PM UTC

Two browser windows (acting as socket clients) communicate their:

- Screen dimensions - (screen.width, screen.height)

- Window dimensions - (window.innerWidth, window.innerHeight)

- Window X/Y position - (window.screenX, window.screenY)

...or whichever calculation works best for you.

The original work by Bjorn Staal https://twitter.com/_nonfigurativ_/status/172732259457002734 used localStorage, but I found sockets more fun, because if tweaked a bit, this can be shared with friends.

Here's a demo of how it works and the codebase: https://github.com/Momciloo/fun-with-sockets/

Show HN: I saw this mind-blowing experiment, so I made a simple version of it
github.com

Re: Show HN: I saw this mind-blowing experiment, so I made a simple version of it

#2

Post by 38 » Sat, Nov 25, 2023, 6:18 PM UTC

correct URLs:

https://twitter.com/_nonfigurativ_/status/172732259457002734...

http://farside.link/twitter.com/_nonfigurativ_/status/172732...

Re: Show HN: I saw this mind-blowing experiment, so I made a simple version of it

#3

Post by doctorhandshake » Sat, Nov 25, 2023, 6:19 PM UTC

Cool! Feels like whichever window has focus, that window’s rectangle should draw on top.

Re: Show HN: I saw this mind-blowing experiment, so I made a simple version of it

#4

Post by mholt » Sat, Nov 25, 2023, 6:31 PM UTC

Re: Show HN: I saw this mind-blowing experiment, so I made a simple version of it

#5

Post by bionhoward » Sat, Nov 25, 2023, 6:32 PM UTC

Wow this seems profound, I didn’t even know you could do that, that could be the future of augmented reality if you think about it, layers! Great job!

Re: Show HN: I saw this mind-blowing experiment, so I made a simple version of it

#6

Post by aantix » Sat, Nov 25, 2023, 6:36 PM UTC

Or a postMessage could be used if one tab is opened from the other.

Re: Show HN: I saw this mind-blowing experiment, so I made a simple version of it

#7

Post by simbolit » Sat, Nov 25, 2023, 6:40 PM UTC

bionhoward wrote: post #5

Wow this seems profound, I didn’t even know you could do that, that could be the future of augmented reality if you think about it, layers! Great job!

Could you please expand on your "if you think about it"?

Re: Show HN: I saw this mind-blowing experiment, so I made a simple version of it

#8

Post by rtcode_io » Sat, Nov 25, 2023, 6:49 PM UTC

Use BroadcastChannel; you don't need no sockets

https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_C...

Re: Show HN: I saw this mind-blowing experiment, so I made a simple version of it

#9

Post by [deleted] » Sat, Nov 25, 2023, 6:52 PM UTC

rtcode_io wrote: post #8

Use BroadcastChannel; you don't need no sockets https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_C...

[deleted]

Re: Show HN: I saw this mind-blowing experiment, so I made a simple version of it

#10

Post by jonhohle » Sat, Nov 25, 2023, 7:03 PM UTC

bionhoward wrote: post #5

Wow this seems profound, I didn’t even know you could do that, that could be the future of augmented reality if you think about it, layers! Great job!

Is it really different from any multiplayer game? Two view ports, shared coordinates, independent renderers. The “trick” is that the view ports are overlapping, but I would imagine sendMessage might be faster and not require any server round trip.