# THREEjs GAME Android Integration

**URL:** <https://discourse.threejs.org/t/threejs-game-android-integration/45942>\
**Category:** Showcase\
**Tags:** mobile, gltf-loader, android, cannonjs, browser\
**Created:** [December 19, 2022, 9:06am UTC](https://discourse.threejs.org/t/threejs-game-android-integration/45942 "2022-12-19T09:06:20Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Umbawa\_Sarosong](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/umbawa_sarosong/32/30107_2.png) [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Post date:** [December 19, 2022, 9:06am UTC](https://discourse.threejs.org/t/threejs-game-android-integration/45942/1 "2022-12-19T09:06:20Z")

</div>

**THREEjs + CANNON GAME** _[CASH SURVIVOR]_

This game is an example of _THREEjs + CANNON-ES_ virtual experience mobile game implementation with android, exhibiting both application for _ **mobile browser** _ gaming and _ **android integration** _.

 ![cover](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/f/8/f8da51a7ae64f84da03329183617314e855e0bbd.jpeg)

**THE GAME** _[CASH SURVIVOR]_

The **Cash Survivor** - is a virtual experience financial awareness game set on a desolated town where you find yourself on life trial to survive with your financial ability to strategize your way to succeed or fail.

**The Game** - is about you waking up innocent and confused, your aim is to capitalize on your earned work pay and invest into assets with high returns (ROI) to bring you to financial freedom.

**Play** on [browser](https://theneoverse.web.app/#cashsurvivor)

**RESOURCES**

 ![sc 01](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/2/0/209c6bd3410ea321c49631cfbd914d2240732ef2.jpeg)

Downloads [scene](https://3dwarehouse.sketchup.com/model/8a3172f4-ccaa-4c7f-a670-99721fec5748/Desolate-Town)

[Download source](https://theneoverse.web.app#pSN20251022016)

---

<div class="post-metadata">

**Author:** ![Umbawa\_Sarosong](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/umbawa_sarosong/32/30107_2.png) [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Post date:** [March 19, 2023, 4:54pm UTC](https://discourse.threejs.org/t/threejs-game-android-integration/45942/2 "2023-03-19T16:54:46Z")

</div>

**DevLog**

Sadly this is unpublished from the _ **Google Play** _ because of their too _many policies_ that we could not comply.

This policies are focus mainly for the ads which we could not deliver because this app is not designed for the the _Google platform’s ads policies_, the purpose of this app is a _prof of concept_ for _ **Android Integration** _ and not for _Google Ads monetization_ so we decide to remove this from _Google Play_.

You can still play or download the source code from its url

---

<div class="post-metadata">

**Author:** ![PavelBoytchev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pavelboytchev/32/38639_2.png) [@PavelBoytchev](https://discourse.threejs.org/u/PavelBoytchev)\
**Post date:** [March 20, 2023, 10:54am UTC](https://discourse.threejs.org/t/threejs-game-android-integration/45942/3 "2023-03-20T10:54:33Z")

</div>

Thanks for sharing the game.

Google ads dissemination is brutal, so I understand that you do not want to part of the process.

I tried the game for a few minutes. Here are some observations:

- In Chome works fine. I liked the low-poly-ness of the character.
- In Firefox I cannot move the character. I tried to slide the controllers for motion and rotation the same way as in the video, but there is no reaction. I’m not sure whether this is related to an error message in the console:  
 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/f/9/f9946131c1fc2c4221a134e7b57cc54d009b2904.png)
- Too many scroll-bars (in Firefox). Everything has scroll-bars. Message windows, texts in them, even buttons.  
 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/1/c/1c8a481ada4ab5a77abb1b20a4094e1d8ce06e37.png)
- There are some parts not in English. Is this “υς” some currency?  
 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/5/c/5cfc682ed500bb1863d53384ed179dad0520b421.png)

---

<div class="post-metadata">

**Author:** ![Umbawa\_Sarosong](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/umbawa_sarosong/32/30107_2.png) [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Post date:** [March 20, 2023, 1:25pm UTC](https://discourse.threejs.org/t/threejs-game-android-integration/45942/4 "2023-03-20T13:25:45Z")

</div>

Thanks for informing me with the error, honestly this program was developed during pandemic (a concept financial game) and diving into bugs would require time to fix, and its been almost two years not having to code, I am just overwriting the three.module.js every release to keep this up to date.

I think the error is related, as the error suggest act0 is a variable related for animation, this error is probably preventing the rest of the codes to execute. I intend to replace the interface because it was a quick concept to submit for a client, the scrollbars are css bugs and can easily be fixed in the folder engine/assets/images/css/style.css by adding css code `overflow-x:hidden;`

The VC was the currency in the game (game points as the client calls it), it was on development, the currency is so interlaced with the code that removing it would ruin the game, so I leave it as is, I am now busy and back to work, don’t have much time to continue further developing so I hoping some developers would continue to assume this program, It has been journey learning threejs its the best pandemic time activity.

I would love to see this program to be used often for 3d browser games such as in the photo concepts below

 ![virtual game test 2](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/b/d/bdc7d22731468f4078e8fb0b08a629429bdcea0d.jpeg)

 ![no texture](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/a/6/a6e227a8cbe26ff4599f1db9c2b43795b10d92d4.jpeg)

On the next Saturday weekend I will try to replace the interface with new template and fix the above bugs or any other errors.

[Download source code](https://theneoverse.web.app/#pSN20251022016)

---

<div class="post-metadata">

**Author:** ![Umbawa\_Sarosong](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/umbawa_sarosong/32/30107_2.png) [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Post date:** [April 5, 2023, 1:15am UTC](https://discourse.threejs.org/t/threejs-game-android-integration/45942/5 "2023-04-05T01:15:36Z")

</div>

I will upload the android integration source in Github soon

---

<div class="post-metadata">

**Author:** ![Umbawa\_Sarosong](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/umbawa_sarosong/32/30107_2.png) [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Post date:** [May 4, 2023, 12:47pm UTC](https://discourse.threejs.org/t/threejs-game-android-integration/45942/6 "2023-05-04T12:47:01Z")

</div>

Thanks for letting me know the errors, this projects has not a been updated for almost two years, with regards to Google ads, there is no ads in this website, I have no idea how Google injected there ads in it, the VC is a game currency suppose to be the game score, for buying staff in the game, that was idea but I have never implemented the idea due to lack of time. You can however get the source code in [Github](https://github.com/VeinSyct/ThreeJsCannon) to make your own version.

---

<div class="post-metadata">

**Author:** ![Umbawa\_Sarosong](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/umbawa_sarosong/32/30107_2.png) [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Post date:** [September 4, 2023, 3:34pm UTC](https://discourse.threejs.org/t/threejs-game-android-integration/45942/7 "2023-09-04T15:34:13Z")

</div>

![Snap20230904153010](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/c/f/cf09cdd57881cb41ec01bd19559e764b4bf303e4.jpeg)

Updated **threejs r160** game for android webapp integration, the renderings is even more faster with too many draw calls from separate gltf assets. The renderings are better and accurate.

---

<div class="post-metadata">

**Author:** ![Umbawa\_Sarosong](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/umbawa_sarosong/32/30107_2.png) [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Post date:** [May 19, 2024, 1:41am UTC](https://discourse.threejs.org/t/threejs-game-android-integration/45942/8 "2024-05-19T01:41:36Z")

</div>

Updated threejs r164 the browser seems very memory efficient.

 ![Screenshot 2024-05-19 052045](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/3/2/32d1f96bba5d1de6d2cbea8d65550665a7571ff1.jpeg)

---

<div class="post-metadata">

**Author:** ![Umbawa\_Sarosong](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/umbawa_sarosong/32/30107_2.png) [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Post date:** [January 12, 2025, 8:18am UTC](https://discourse.threejs.org/t/threejs-game-android-integration/45942/9 "2025-01-12T08:18:46Z")

</div>

Updated threejs r172, the driving is much smoother and no lags at all.

 ![Screenshot 2025-01-12 121726](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/7/c/7c07a609c9dd6580509006b7b0a75fc75f926704.jpeg)

---

<div class="post-metadata">

**Author:** ![PavelBoytchev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pavelboytchev/32/38639_2.png) [@PavelBoytchev](https://discourse.threejs.org/u/PavelBoytchev)\
**Post date:** [January 12, 2025, 8:50am UTC](https://discourse.threejs.org/t/threejs-game-android-integration/45942/10 "2025-01-12T08:50:33Z")

</div>

Do you use AF? The blurriness of lines look like there is mipmapping, but no anisotropic filtering.

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/e/b/eb58705f02fa12078491c71a1cdbed64136aca82.png)

---

<div class="post-metadata">

**Author:** ![Umbawa\_Sarosong](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/umbawa_sarosong/32/30107_2.png) [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Post date:** [January 12, 2025, 9:15am UTC](https://discourse.threejs.org/t/threejs-game-android-integration/45942/11 "2025-01-12T09:15:59Z")

</div>

its intentionally blured for old vhs effect, also disabled max anisotropy for performance on low spec mobiles,

but it can be enabled and also disabled the [vhs effect](https://theneoverse.web.app/#cashsurvivor) for high quality purpose like real estates interiors where no vehicle and much movements.

u can also try other game maps in the [construct](https://theneoverse.web.app/#threeviewer&&construct) to check game map performance for both browser and hybrid android using webview.

 ![Screenshot 2026-01-19 131013](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/d/e/de2ff1f4e57a5ae17dbd426de29dbb06d36d76b6.jpeg)

[downtown echo.glb](https://discourse.threejs.org/uploads/short-url/8FmC94j9WnnZNSflguXxmzAHRTg.glb) (1.9 MB)

[normadic.glb](https://discourse.threejs.org/uploads/short-url/4TYwj9OU1GF6AScjM8L5sAwzB68.glb) (1.5 MB)

or just use GitHub source code: [https://github.com/VeinSyct/ThreeJsCannon/tree/main/public](https://github.com/VeinSyct/ThreeJsCannon/tree/main/public)