# Hovercraft Online

**URL:** <https://forum.babylonjs.com/t/hovercraft-online/49533>\
**Category:** Demos and projects\
**Created:** [April 10, 2024, 12:21pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533 "2024-04-10T12:21:37Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tricotou](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/tricotou/32/5844_2.png) [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\
**Post date:** [April 10, 2024, 12:21pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/1 "2024-04-10T12:21:37Z")

</div>

Hello there,

Greetings from France !

Since it’s my first post here, a little bit about myself, first :

* * *

I’m 31 and I have been working in AI (Deep Leaning Computer Vision) and 3D Simulation (Automotive) for the last 10 years. During the last years, I used to manage about 35 engineers in Computer Vision and 3D simulation, including 7 PhDs. I was working on a photorealistic driving simulator for training and testing ADAS-AD algorithms. I’m passionate in coding for multiple purposes (Websites, Chess AI engines, Telegram Bots, Games, etc…). Mastering Python and Javascript, I’m also interested in other languages such as C++ and C#. About 3D I use Blender and most of all, my beloved and most favorite 3D software : Houdini.

I recently left my previous job to launch my own company in 3D Simulation using VR and Robotics. (More to come publicly on this later). Working on my project, I played a little bit with BabylonJS which I found very fun 😃 ! So I plan to use BabylonJS for the public demos of my company…

* * *

During the last 2 evenings (I use to code my personal projects at night), I decided to start a new project, for fun, because eventhough I have been working in 3D for years, I have never published a single game, and I was like… Ok let’s do this, it will be a way to learn further BabylonJS, and still have fun.

So here we are ! I’ve spent 2 evenings on this game, and already I feel like it’s fun 🙂

➡ [Hovercraft Online](https://hover.tricotools.com/) ⬅  
You can move using ZQSD (azerty) or Keyboard Arrows

Please note that I’m not using any physics engine, all the physics are pure JS. The goal of this personal project is to become more familiar with BabylonJS, for my professional project where I’ll need to have 100% the hand on what’s happening. Only physics used from Babylon is collision detection.

I plan to add :

- Laps counting and timing
- More objects all around (not only “water”)
- Save best laps of players
- More Maps & Hovercrafts
- Controller Support
- VR Support
- (Only if many people interested) : real time multiplayer

Don’t hesitate to comment / criticize / hint / propose

See you soon !  
++  
Tricotou

---

<div class="post-metadata">

**Author:** ![shaderbytes](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/shaderbytes/32/174_2.png) [@shaderbytes](https://forum.babylonjs.com/u/shaderbytes)\
**Post date:** [April 10, 2024, 1:28pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/2 "2024-04-10T13:28:19Z")

</div>

Welcome! Nice concept to build upon , arrow keys didnt work for me and zqsd as controls doesnt make sense on a standard western keyboard. but i twisted all my fingers to be able to hit the gas and steer left and right to test it out.

I cant help but feel with the speed and physics of this craft that a bigger track would be much more fun.?  
( Tested that by getting outside your track and riding around the outer walls. Getting to hold the speed and do bigger turns etc. )

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [April 10, 2024, 2:34pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/3 "2024-04-10T14:34:03Z")

</div>

Excellent!!! And always a pleasure to welcome a fellow French compatriot:)

---

<div class="post-metadata">

**Author:** ![AncientA](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/ancienta/32/46615_2.png) [@AncientA](https://forum.babylonjs.com/u/AncientA)\
**Post date:** [April 10, 2024, 9:43pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/4 "2024-04-10T21:43:02Z")

</div>

Welcome to the community and great job on your first Babylon project! 🙂

I envy your skills and wish I could build a project as fast as you! I’ve been working on my game for over a month and haven’t done much more than what you have there…

I love the visuals, but agree with @shaderbytes about the controls, it was a little hard to figure out how to move around!

Hope to see more of your work in the future, keep up the hustle! 👊

---

<div class="post-metadata">

**Author:** ![Tricotou](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/tricotou/32/5844_2.png) [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\
**Post date:** [April 11, 2024, 2:30pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/5 "2024-04-11T14:30:24Z")

</div>

Hello all,

Thanks for your kind comments and likes 🙂

> [@shaderbytes](#):
>
> arrow keys didnt work for me and zqsd as controls doesnt make sense on a standard western keyboard

Ok, I’ve pushed a new version with a choice between AZERTY and QWERTY at Start. Also, arrows should be ok now. Please have a try !

> [@shaderbytes](#):
>
> a bigger track would be much more fun

You are absolutely right, this track is shit 😂 I’ll upload something neater ASAP. That said, I’ll still insert some short turns here and there, in order to add some challenge, evenmore taking into consideration that the physics is very “slipery” (hovercraft), so any turns should be anticipated

> [@Deltakosh](#):
>
> Excellent!!! And always a pleasure to welcome a fellow French compatriot:)

Wow ! A comment from the big boss ! Thanks 🙂

> [@AncientA](#):
>
> Welcome to the community and great job

Thanks 🙂 Same, I updated the controls, let me know if it’s better.

➡ [Hovercraft Online](https://hover.tricotools.com/) ⬅

* * *

By the way :

 ![map_ip_World](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/2/0/20eb298900bf63f4693b0e39dc3c55f722935b02.jpeg)  
Map based on public IP adresses… I posted 24 hours ago and already you people have tried from the 5 continents… I love internet ❤ 😃

* * *

See you++  
Tricotou

PS : I’m giving the same link again for sake of simplicity… Let me know if putting the same link N times is a problem, then I’ll avoid it…

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [April 11, 2024, 2:34pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/6 "2024-04-11T14:34:07Z")

</div>

I’m in Los Cabos now in Mexico so the ping from the far west of Mexico is me 🙂

---

<div class="post-metadata">

**Author:** ![CodingCrusader](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/codingcrusader/32/29857_2.png) [@CodingCrusader](https://forum.babylonjs.com/u/CodingCrusader)\
**Post date:** [April 11, 2024, 3:40pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/7 "2024-04-11T15:40:37Z")

</div>

… and one ping from germany! 🙂

---

<div class="post-metadata">

**Author:** ![shaderbytes](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/shaderbytes/32/174_2.png) [@shaderbytes](https://forum.babylonjs.com/u/shaderbytes)\
**Post date:** [April 11, 2024, 5:58pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/8 "2024-04-11T17:58:25Z")

</div>

im the one in africa ( south africa )

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [April 12, 2024, 12:01am UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/9 "2024-04-12T00:01:12Z")

</div>

I am the one from south of France 🙂

---

<div class="post-metadata">

**Author:** ![Tricotou](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/tricotou/32/5844_2.png) [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\
**Post date:** [April 15, 2024, 5:55pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/10 "2024-04-15T17:55:30Z")

</div>

Hello all !

New update available on ➡ [Hovercraft Online](https://hover.tricotools.com/) ⬅ !

Map is now based on a single bezier spline, with procedural generation of colliders and checkpoints :  
 ![map](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/8/6/86cb2d7a84dbd46f9d08a304c911ea6cc0a830f0.gif)

And I’m using Houdini to proceduraly work the terrain arround the water surface :

 ![Screenshot from 2024-04-15 19-44-35](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/e/7/e7a85037ea69c5c884ed5ef2e9690fbf64d620b8.jpeg)

Lot of time save ! 😛  
(Evenmore for doing multiple tracks, now it’s a mater of minute)

About internal code I’ve updated :

- UI with AZERTY / QWERTY choice
- Nickname for saving race best timings per Nickname (UI for score sharing W.I.P.)
- Sounds effects on collision and checkpoints
- Music and Sounds toggle
- client-side save for above params
- Counterclock counter before start

You can press ENTER at any moment to restart, without having to reload the page 🙂

Can’t wait to hear about your trials !

See you 🙂  
++ Tricotou

---

<div class="post-metadata">

**Author:** ![vrhermit](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/vrhermit/32/35296_2.png) [@vrhermit](https://forum.babylonjs.com/u/vrhermit)\
**Post date:** [April 15, 2024, 6:03pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/11 "2024-04-15T18:03:48Z")

</div>

1. This is really fun!
2. I’m very bad at it!

Great work on this

---

<div class="post-metadata">

**Author:** ![shaderbytes](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/shaderbytes/32/174_2.png) [@shaderbytes](https://forum.babylonjs.com/u/shaderbytes)\
**Post date:** [April 15, 2024, 7:08pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/12 "2024-04-15T19:08:06Z")

</div>

2 min 9 sec 😉

---

<div class="post-metadata">

**Author:** ![yamaciller](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/yamaciller/32/21810_2.png) [@yamaciller](https://forum.babylonjs.com/u/yamaciller)\
**Post date:** [April 16, 2024, 12:49pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/13 "2024-04-16T12:49:17Z")

</div>

[![](https://img.youtube.com/vi/F6YHz6YwlBo/maxresdefault.jpg "Hovercraft Prudhomat 2012- F1") ](https://www.youtube.com/watch?v=F6YHz6YwlBo)

---

<div class="post-metadata">

**Author:** ![Tricotou](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/tricotou/32/5844_2.png) [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\
**Post date:** [April 16, 2024, 3:18pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/14 "2024-04-16T15:18:09Z")

</div>

@yamaciller Ahah, yes, that’s totally the inspiration of my game 😃

* * *

Previously I spoke about the UI for scores being W.I.P. … It’s just released !

 ![Screenshot from 2024-04-16 16-56-36](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/5/0/50b924477299ae19523d4ca8b5400282af12a286.jpeg)

(Flags are based on IP 🙂 )

Have fun !

➡ [Hovercraft Online](https://hover.tricotools.com/) ⬅

By the way, something nice to be added would be recording the physics, and be able to compete against Top3 Ghosts, like in TrackMania

@coders :

- Yes for now the logic is client-side, and unchecked
- Yes the client sending updates is trusted 100%
- No, don’t try to bullshit my database, please 😁 🤝 🙏

++  
Tricotou

---

<div class="post-metadata">

**Author:** ![yamaciller](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/yamaciller/32/21810_2.png) [@yamaciller](https://forum.babylonjs.com/u/yamaciller)\
**Post date:** [April 17, 2024, 9:21am UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/15 "2024-04-17T09:21:04Z")

</div>

I always find those small hovers kind of wicked.  
Basically an engine and huge fans. But also the weird aesthetics of the “beard” and the “curtains” on the bottom.  
Its very sea creature like, organic.  
But then it can “walk” on grass and sand and water, but drowns lol.  
Cool thang!

[![](https://img.youtube.com/vi/HnJLT8wFyhY/maxresdefault.jpg "What Happened To Giant Hovercraft?") ](https://www.youtube.com/watch?v=HnJLT8wFyhY)

---

<div class="post-metadata">

**Author:** ![Joe\_Kerr](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/joe_kerr/32/39017_2.png) [@Joe\_Kerr](https://forum.babylonjs.com/u/Joe_Kerr)\
**Post date:** [April 17, 2024, 10:33am UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/16 "2024-04-17T10:33:42Z")

</div>

> [@Tricotou](#):
>
> By the way, something nice to be added would be recording the physics, and be able to compete against Top3 Ghosts, like in TrackMania

Yes, sounds amazing 👻

---

<div class="post-metadata">

**Author:** ![Mr\_Anderson](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mr_anderson/32/33232_2.png) [@Mr\_Anderson](https://forum.babylonjs.com/u/Mr_Anderson)\
**Post date:** [April 17, 2024, 12:25pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/17 "2024-04-17T12:25:37Z")

</div>

> [@Tricotou](#):
>
> By the way, something nice to be added would be recording the physics, and be able to compete against Top3 Ghosts, like in TrackMania

Yes! Nice idea.  
Do you think it needs to record physics? Wouldn’t just the location and rotation at each frame be enough?

im the tiny blip from Latvia btw

---

<div class="post-metadata">

**Author:** ![Tricotou](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/tricotou/32/5844_2.png) [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\
**Post date:** [April 17, 2024, 12:29pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/18 "2024-04-17T12:29:03Z")

</div>

Ah yes or course. I wrote physics but I meant physics after computation, i.e. positions and rotations 🙂

---

<div class="post-metadata">

**Author:** ![Cardioth](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/cardioth/32/36662_2.png) [@Cardioth](https://forum.babylonjs.com/u/Cardioth)\
**Post date:** [April 17, 2024, 6:17pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/19 "2024-04-17T18:17:42Z")

</div>

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/8/8/888e074dcf85165f85216cdec0ba8ffca2d9eb7e.jpeg)

I ran into a bug where my hovercraft started going way faster after I restarted, but now I’m top score 😃

---

<div class="post-metadata">

**Author:** ![Tricotou](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/tricotou/32/5844_2.png) [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\
**Post date:** [April 17, 2024, 6:23pm UTC](https://forum.babylonjs.com/t/hovercraft-online/49533/20 "2024-04-17T18:23:45Z")

</div>

No way, ahah 😃  
It happened to be one time only but I did not finish the lap. And could not reproduce.

I think that there is an issue where sometimes the main update function (which runs within a setInterval) is launched two times ^^ I’ll have a look ASAP

[Next page](https://forum.babylonjs.com/t/hovercraft-online/49533.md?page=2)
