# Car Football Game (threejs and cannonjs)

**URL:** https://discourse.threejs.org/t/car-football-game-threejs-and-cannonjs/32089
**Category:** Showcase
**Tags:** physics, game-dev, game, cannonjs
**Created:** [November 25, 2021, 2:37pm UTC](https://discourse.threejs.org/t/car-football-game-threejs-and-cannonjs/32089 "2021-11-25T14:37:21Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![anish-kmr](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/anish-kmr/32/22419_2.png) [@anish-kmr](https://discourse.threejs.org/u/anish-kmr)
#### Post date: [November 25, 2021, 2:37pm UTC](https://discourse.threejs.org/t/car-football-game-threejs-and-cannonjs/32089/1 "2021-11-25T14:37:22Z")

</div>

# [Car Football Game ⚽ 🚘 🥅](https://car-football.netlify.app/)

Hello Friends,

I have made a car football game where you have to kick the football in the goal. There will be obstacles on the way and in some levels you have to press buttons, rotate the lever to make the goal. In short you will enjoy playing all the levels of the game 😄.

Play the game here : [Car Football](https://car-football.netlify.app/)

**Some Screenshots :**

 ![SS3](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/7/e/7efec9cfc8a4b85de7c8692e86b0c67e8fbbbb31.jpeg)

 ![SS5](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/f/4/f428a5011ec1641a1e1ad4094983723ee8182c3d.jpeg)

 ![ss6](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/1/0/102fcbc9dad02602fc817b88f9797c74781b5bd3.jpeg)

 ![SS4](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/b/b/bbdce384928ab54edddecfa02223673ebbac3cfb.jpeg)

 ![SS1](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/5/3/53de0d27b04cd84370db4b8e464d022566ed4bba.jpeg)

**On Mobile Device** :

 ![ss2](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/a/b/abacf91afd726092bf0c3f063a366658a421ea40.jpeg)

Timelapse Video of development from scratch : [https://youtu.be/60-WwvxSWMs](https://youtu.be/60-WwvxSWMs)

Hope You all will enjoy the game! ✨ 🎊  
Any criticism/suggestions/feedback is Welcome 🙂

---

<div class="post-metadata">

### Author: ![Usnul](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/usnul/32/2355_2.png) [@Usnul](https://discourse.threejs.org/u/Usnul)
#### Post date: [November 25, 2021, 7:28pm UTC](https://discourse.threejs.org/t/car-football-game-threejs-and-cannonjs/32089/2 "2021-11-25T19:28:45Z")

</div>

Looks great, well done!

I propose a different name though:

### “Jet propulsion alliance”

sounds more catchy I think

---

<div class="post-metadata">

### Author: ![georgewaraw](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/georgewaraw/32/6497_2.png) [@georgewaraw](https://discourse.threejs.org/u/georgewaraw)
#### Post date: [November 25, 2021, 9:27pm UTC](https://discourse.threejs.org/t/car-football-game-threejs-and-cannonjs/32089/3 "2021-11-25T21:27:38Z")

</div>

Very cool, must have taken a lot of work! Honestly, if you were to polish up the presentation and fine-tune things like physics and controls, this could be a real showcase of what’s possible with WebGL and Three.js. Still, even in its current form, it’s very impressive. Great job!

---

<div class="post-metadata">

### Author: ![anish-kmr](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/anish-kmr/32/22419_2.png) [@anish-kmr](https://discourse.threejs.org/u/anish-kmr)
#### Post date: [November 26, 2021, 6:56am UTC](https://discourse.threejs.org/t/car-football-game-threejs-and-cannonjs/32089/5 "2021-11-26T06:56:48Z")

</div>

Thanks @Usnul. Thats actually a great title

---

<div class="post-metadata">

### Author: ![anish-kmr](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/anish-kmr/32/22419_2.png) [@anish-kmr](https://discourse.threejs.org/u/anish-kmr)
#### Post date: [November 26, 2021, 6:57am UTC](https://discourse.threejs.org/t/car-football-game-threejs-and-cannonjs/32089/6 "2021-11-26T06:57:44Z")

</div>

Thank You @georgewaraw for the great words 😄.  
Yes you are right, fine tuning can sometimes take as much the development time. But I just thought this was nice enough to put on showcase and meanwhile I will be still be improving on the game in my free time.

---

<div class="post-metadata">

### Author: ![Jason\_Nguyen](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jason_nguyen/32/27278_2.png) [@Jason\_Nguyen](https://discourse.threejs.org/u/Jason_Nguyen)
#### Post date: [July 22, 2022, 3:42am UTC](https://discourse.threejs.org/t/car-football-game-threejs-and-cannonjs/32089/7 "2022-07-22T03:42:48Z")

</div>

Hi Anish, can I connect to you on linkedin ?  
[https://www.linkedin.com/in/nguyenduccuong065/](https://www.linkedin.com/in/nguyenduccuong065/)

---

<div class="post-metadata">

### Author: ![anish-kmr](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/anish-kmr/32/22419_2.png) [@anish-kmr](https://discourse.threejs.org/u/anish-kmr)
#### Post date: [July 22, 2022, 9:59am UTC](https://discourse.threejs.org/t/car-football-game-threejs-and-cannonjs/32089/8 "2022-07-22T09:59:10Z")

</div>

Yeah sure  
[https://www.linkedin.com/in/anish-kumar-3a88431aa](https://www.linkedin.com/in/anish-kumar-3a88431aa)

---

<div class="post-metadata">

### Author: ![jrlazz](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jrlazz/32/64383_2.png) [@jrlazz](https://discourse.threejs.org/u/jrlazz)
#### Post date: [July 22, 2022, 4:57pm UTC](https://discourse.threejs.org/t/car-football-game-threejs-and-cannonjs/32089/9 "2022-07-22T16:57:46Z")

</div>

Wow… what a great work 🙋‍♂️

---

<div class="post-metadata">

### Author: ![artrayd](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/artrayd/32/27582_2.png) [@artrayd](https://discourse.threejs.org/u/artrayd)
#### Post date: [July 28, 2022, 6:09am UTC](https://discourse.threejs.org/t/car-football-game-threejs-and-cannonjs/32089/10 "2022-07-28T06:09:22Z")

</div>

Loved the idea! I would call that car ball 😃

---

<div class="post-metadata">

### Author: ![anish-kmr](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/anish-kmr/32/22419_2.png) [@anish-kmr](https://discourse.threejs.org/u/anish-kmr)
#### Post date: [July 28, 2022, 6:31am UTC](https://discourse.threejs.org/t/car-football-game-threejs-and-cannonjs/32089/11 "2022-07-28T06:31:34Z")

</div>

Hehe, Thanks​:smiley:😃

---

<div class="post-metadata">

### Author: ![longtime](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/longtime/32/33303_2.png) [@longtime](https://discourse.threejs.org/u/longtime)
#### Post date: [May 31, 2023, 1:51pm UTC](https://discourse.threejs.org/t/car-football-game-threejs-and-cannonjs/32089/12 "2023-05-31T13:51:19Z")

</div>

how make this tutorial, please share it. big thanks.
