Wild Ball

(r3f-drei-rapier.surge.sh)

44 points | by mohabnasser 9 hours ago ago

30 comments

  • ZYbCRq22HbJ2y7 7 hours ago

    Glitches at points where the more difficult obstacles do not spawn, was able to get the time down to around 1s.

    The input on the leva (https://github.com/pmndrs/leva) component doesn't capture the event, leading to wild balls.

    • mohabnasser 6 hours ago

      Thank you for the feedback! The obstacle-spawning issue might stem from timing inconsistencies—I’m working on fine-tuning this to make sure all obstacles spawn as expected. For the leva component, I’m exploring ways to improve event handling to prevent erratic behavior. Any specific instances you encountered would be really helpful for further troubleshooting!

  • xnx 8 hours ago

    Pretty cool. Could the arrow keys work in addition to WASD?

    • mohabnasser 6 hours ago

      Great suggestion! I’ll add arrow key support so it’s accessible for more players. It should be an easy addition in the next update—thanks for the idea!

  • shrig94 4 hours ago

    Was able to clear .41 https://imgur.com/a/Idaahl8

    • edm0nd 4 hours ago

      I was able to hit .14 on my first attempt so not really sure what this saids about the game. It was pure luck and I was just hopping around and mashing buttons.

      https://i.imgur.com/A0yl7aH.png

      and .11 - https://imgur.com/tyEnqdA

    • mohabnasser 4 hours ago

      Incredible time! 0.41 is super fast—well done! Thanks for sharing the screenshot. If you have any tips or ideas on how to make the game more challenging, feel free to share. Great job!

    • tertle950 4 hours ago

      wAIT WHAT HOW

      Was there anything that pushed you forward? Some jank hitbox for the goal? I only got to 0.58 and I was sure it was the lowest possible time without maybe getting pushed by those rotating obstacles: https://youtu.be/s5bJMINot14

  • tertle950 5 hours ago

    Most of my better times were achieved entirely with a combination of lucky obstacle placements and an ability to hold W. It's not a good game, but it's definitely meant more as a tech demo, so I just say "oh well".

    On the plus side, the timer starts only when you begin moving the ball. Thank you for this quality of life feature!!

    0.58

    • mohabnasser 4 hours ago

      Thanks for the honest feedback! You’re right—this was mainly a tech demo to explore some of the capabilities in R3F, but I’m glad the timer start helped the experience feel smoother. Congrats on that 0.58! If you have suggestions for making the obstacles or mechanics more engaging, I’d love to hear them!

  • jachee 8 hours ago

    Doesn’t seem to work on my iPhone12. I get the graphics, the debug window, and an inverted T of what look like controls, but only the debug panel responds to input.

    • silisili 7 hours ago

      Same on Android. I guess it's meant to be played on a desktop.

      • mohabnasser 6 hours ago

        Yes, it’s currently built for desktop, but I appreciate you giving it a try! I’ll keep mobile compatibility in mind for upcoming versions.

    • mohabnasser 6 hours ago

      Thanks for trying it out on mobile! Currently, the game is optimized for desktop, but I’ll definitely look into mobile compatibility for future updates. Your feedback on the specific behavior helps a lot!

  • gnabgib 9 hours ago

    Not the title (R3F it seems?)

    • satvikpendem 7 hours ago

      The title has the names of the JS packages used in the creation of the game:

      - R3F (react-three-fiber) - wrapper for React to interact with three.js, a 3D library for JS

      - drei - useful helpers for react-three-fiber

      - rapier - physics library for react-three-fiber

      All three packages are made by Poimandres (founded by Paul Henschel, quite prolific in creating these packages), an open source collective, who also makes zustand, if you're familiar with that.

      • mohabnasser 6 hours ago

        Exactly! I used React Three Fiber (R3F) for the 3D scene, drei for utilities, and rapier for physics, all by the Poimandres collective. Their libraries like zustand have also been essential in other projects. Thanks for sharing these details with everyone!

    • mohabnasser 6 hours ago

      You’re right! The title references the main packages used in the project: R3F (React Three Fiber) for integrating React with Three.js, drei for helpful components, and rapier for physics. I’ll consider giving it a more descriptive title for clarity—thanks for noticing!

    • thangngoc89 7 hours ago

      I believe R3F is generated name. Surge.sh generates names like this by default

      • satvikpendem 7 hours ago

        See my other comment, it's the names of the technologies used in the game.

        • mohabnasser 6 hours ago

          Thanks for helping clarify the title! It’s great to have other developers in the thread who are familiar with Poimandres' tools.

      • mohabnasser 6 hours ago

        Actually, in this case, R3F refers to React Three Fiber, which is central to the project. However, I can see how it might look like an auto-generated name—thanks for the heads-up!

  • pcloadletter_ 7 hours ago

    1.40

    • mercwear 6 hours ago

      1.17 Cash Me Outside https://imgur.com/a/zm44TpK

      • mohabnasser 6 hours ago

        Nice score! You’re getting quick at this! Thanks for sharing the screenshot—love the competitive spirit. Let me know if there’s anything you think could make the game even more challenging.

      • albedoa 5 hours ago
        • tertle950 4 hours ago

          0.58 brute forced runs of the game until I got lucky

          https://youtu.be/s5bJMINot14

          This is actually my second 0.58 run, I think that's the fastest possible time (without obstacles pushing you forward?? oh no is that the new meta)

        • mohabnasser 5 hours ago

          Wow, 1.01! That’s an impressive time—almost breaking the 1-second mark! Thanks for sharing the screenshot. If you have any tips or ideas on how to make it more challenging, I’d love to hear them. Great run!

        • DDR0 5 hours ago

          Nice, I only was able to get 1.12.

    • mohabnasser 6 hours ago

      Thank you for sharing your time! Hope you enjoyed the challenge! If you have any feedback on gameplay, I’d love to hear it.