Submissions have been closed. Stay tuned for results!

← Back to all posts
12
High Five Trading

High Five Trading is a narrative action stock trading game created for Repl.it Game Jam 2019. It includes 25+ varied levels built around an original mechanic and a story about a stock trading family.

Your progress is saved in local storage. Don't feel pressured to finish it in one sitting. Also you can press ESC to get back to the menu, where you can skip the current level if you find it too tedious. (It's hard for me to judge the difficulty at this point.)

If you return to the menu you can also play in party mode on the current level. A party mode game lasts 2 minutes and you can compete for a high score. Play either alone or with as many local friends as you can fit on a keyboard.

Credits

Design, story, and programming by Daniel Darabos.

Character art generated with a fantastic StyleGAN model trained by Gwern Branwen.

All music by Spinningmerkaba, graciously licensed under Creative Commons Attribution (3.0).

See the in-game credits screen for more details.

Commentshotnewtop
2

This is a really cool game, I love it!

1

@Snowflake Thanks! Ruby looks cool too. Very ambitious to make a networked game.

1

nice! kind of hard but its fun!

2

@Nanowrimoijk Thanks a lot! I definitely have to tweak the difficulty... "Mount Everest" in particular is deadly. :)

1

It's still in development of course, but I'm finally at a point where it's starting to look like a game. My TODO list:

  • Check the layout and FOV on portrait screens.
  • Add sound effects.
  • Gamepad controls.
  • Local multiplayer if I have the time.
1

@DanielDarabos1 love it, but in mobile I don't see the dialogue.

1

@XavierDD Thank you! Those screenshots are so useful! It's also not perfect for me on mobile, but I see completely different issues. :)

The dialog boxes are plain HTML, but with "rotate3d()" CSS transforms. Looks like combined with the WebGL canvas they end up clipping into something. I've added a "translateZ(-20px)" now to try to bring them closer to the camera. It would be fantastic if you could check if this has helped.

1

@DanielDarabos1 Screen shot 1 very first dialog then goes to the one after then back again.


1

@XavierDD Thanks again! This doesn't seem to have made a difference. (Except I had accidentally disabled the rotation animation...)

I've added "transform-style: flat" now in hopes it does something good. (Though I think "flat" is supposed to be the default.)

If it doesn't help, it would be interesting if you could check the example in https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style. In the "flat" example I see no clipping, and in the "preserve-3d" example there is clipping, kind of like in your screenshots. Thanks!

2

@DanielDarabos1 It reverted back to the same clipping problem in the first report from me. It looks like it is going back behind the three.js canvas as if the 45º is apply like.

1

@XavierDD Thank you so much for the continued perseverance! I'm very optimistic now. Can you please try again?

The screenshots are from Chrome on an iPad and I just remembered that this means the page is rendered with Safari. And this is an issue with Safari that has been reported a few times. (E.g., https://stackoverflow.com/questions/15366756/clipping-issue-during-3d-transform-in-safari-only)

When I tried the simple fix (translateZ(-100px)) earlier, I messed it up and just caused the dialog to get stuck on one side. Sorry. I've double checked my change now. Fingers crossed!

2

@

DanielDarabos1

1

@XavierDD Haha, that's terrible! Last thing I can think of is to translate it in the other Z direction. (It's live now.)

1

@XavierDD Wow!!! I totally expected another failure. Thanks a lot, you're the best!

2

@DanielDarabos1 honestly most of the time im on an ipad so I like it when programs can work universally.

1

About that TODO list:

  • I've given up on portrait screens. Turn your phone around.
  • Sound effects are in.
  • Gamepads possibly work, but remain largely untested.
  • Local multiplayer is done!