Fork me on GitHub
Slack Archive

This page is not created by, affiliated with, or supported by Slack Technologies, Inc.

2024-07-10

Channels

#hyperfiddle
<
2024-07-10
>
braai engineer10:07:31

How to know when a component is fully rendered on this client? When a player presses a button to start a timer, some cards with terms should show. Problem is, the player presses the button and the cards only render a second or two later, putting them at a disadvantage. How can I only start the timer when I know the cards are fully mounted and visible to the player? Some kind of on-mount event? Or maybe use :visibility "hidden" | "visible" instead of conditional rendering?

Dustin Getz10:07:44

what is the cause of the delay

braai engineer10:07:59

I guess mounting of cards or sending of card data to client? The data is already available but I only render the card when time starts. Presumably sending it over when card is drawn (happens up-front), but using :visibility should solve?

braai engineer10:07:19

I'm seeing about 150ms round-trip latency to Fly's Johannesburg region (very bad) on my mesh WiFi connection, but only 50ms on 4G. Should be like 20ms. (doubt that adding more memory to machine would lower latency)

Dustin Getz10:07:44

Ok, yeah you'll need to work around Electric's deficiencies by preloading the data. Electric currently emits quite disoptimal network (e/for in particular creates undesired round trips). Electric v3 is the starting point for solving that. In the meantime you can try to flatten the amount of client/server nesting by lifting IO "to the top" (i.e., move entire e/for blocks to the client so that everything it might need is local before the e/for runs). Also, yes, manipulating visibility is helpful

braai engineer10:07:55

Fixed by using :visibility "hidden" on client 🙂

👍 1
braai engineer14:07:46

ThinkFast, the word-guessing party game is now playable at https://thinkfast.fly.dev/ Written in 1152 lines of Electric Clojure. “Find Nearby Games” sorta broken rn, but you can scan the QR code to join or copy link to invite others to your game. Currently everyone can see the card in play - will fix so players on your team can’t see it. Enjoy the mario easter egg if you wait out a full round with sound on :). Will add more terms and category-based expansion card decks, e.g. “Formula 1”, “80s Music,” etc. Always surprised at how much logic goes into modelling the state of even a 'simple' board game.

👍 5
🙌 2
Tommy Jolly15:07:08

Very nice! • Obviously the "Nearby Games" part is more of a placeholder currently, but it could do with filtering to show only games with active players, sorting by distance, and mapping to list the players in each game. • Needs instructions in the "Geolocation not available" message, to say how to switch it on

👍 1
Tommy Jolly15:07:51

What are you using for the radial timer?

Tommy Jolly15:07:15

Gameplay-wise, I haven't tried with people, but my instinct would be to add more time, and decrease over subsequent rounds. alternatively, less terms, and increase the number

braai engineer15:07:40

@U058CTJ4P2L yeah was thinking of calculating a handicap for strong players, e.g. "Tommy has a -3 second handicap," or to balance teams with stronger & weaker players. In ZA the difficulty goes up every round because we play it as a drinking game.

Tommy Jolly15:07:50

*DrinkFast

😄 1
braai engineer19:07:48

Fixed "Find Nearby Games": https://thinkfast.fly.dev/(:thinkfast.main!nearby)/ although it takes you straight to the Play screen instead of lobby. Should take you to Lobby, but need more state because game could have already started. Just press "< game lobby" to join a team. Will fix. It will find any games created in last 2 hours within 5km of you. Now show's game owner's player name.

braai engineer09:07:24

@U058CTJ4P2L for donut chart timer, see .pie CSS at /thinkfast.css

Tommy Jolly17:07:37

Thanks! I decided in the end to just use linear dom/progress , but I might come back to the donut later 🙂

braai engineer06:07:28

👍:skin-tone-2: didn’t know about the <progress> element

braai engineer22:07:28

Thinkfast is now https://explaingame.com/ – playable at http://explaingame.com (much better domain than the Fly dot io one). • Built over 2 weekends in ~1,600 lines of Electric Clojure. No other tech stack other exists today in which I could have built a real-time, multiplayer "board game" in this time frame, with this level of polish. • The goal of ExplainGame is to get your teammates to say the words on your card before the timer runs out, using only word association clues, i.e. you as the explainer cannot say the words on the card. • Fixed repeating words bug, where seen words were appearing again before players ran out of cards (words can only repeat after you run out of cards) • Took 1st step toward monetization: users are now prompted to buy an expansion card deck when they run out of free cards. Will add cool categories like Cars, Golf, Rugby, etc. Still working on payment stuff.

🎉 3
⚡ 1
braai engineer15:07:41

posted "Show HN: I made an explanation party game in Electric Clojure" (ExplainGame) /me dons scaling goggles

❤️ 4
🚀 3
Tommy Jolly16:07:20

Excellent! Well described. In the UK, and possibly elsewhere, the popular published version of the game is called Articulate. It's fairly well-known, and might help explain the concept (or be worth including in metadata or whatever)

👍 1
braai engineer16:07:46

thx @U058CTJ4P2L, edited with mention of Articulate.

Tommy Jolly17:07:09

I'd leave more comments and upvotes, but I'm monstrously busy & don't have an account. Hopefully someone else will 😃

👍 1
oλv09:08:45

I like the monetisation approach. Maybe try selling decks for other languages too?

👍 1
braai engineer18:07:43

How do I turn off the exception logging when a client disconnects their websocket connection because they closed the tab? For me, this is expected, e.g. logs are filled with: 

2024-07-10T18:53:57.854 app[e286765db13686] jnb [info] ERROR hyperfiddle.electric-ring-adapter: Websocket error
2024-07-10T18:53:57.854 app[e286765db13686] jnb [info] java.nio.channels.ClosedChannelException: null
... +20 more lines

Vincent19:07:35

yeah control all that via logback

braai engineer22:07:28

Thinkfast is now https://explaingame.com/ – playable at http://explaingame.com (much better domain than the Fly dot io one). • Built over 2 weekends in ~1,600 lines of Electric Clojure. No other tech stack other exists today in which I could have built a real-time, multiplayer "board game" in this time frame, with this level of polish. • The goal of ExplainGame is to get your teammates to say the words on your card before the timer runs out, using only word association clues, i.e. you as the explainer cannot say the words on the card. • Fixed repeating words bug, where seen words were appearing again before players ran out of cards (words can only repeat after you run out of cards) • Took 1st step toward monetization: users are now prompted to buy an expansion card deck when they run out of free cards. Will add cool categories like Cars, Golf, Rugby, etc. Still working on payment stuff.

🎉 3
⚡ 1