GPT3.5 Turbo Game Engine✨ - You can make money from H5 Games now
Tags: webdev, javascript, ai, gamedev
Published: 2023-07-31 20:36:48

It's been a while since I've posted on DEV, and I have been consistently working on [helicity.ai](https://helicity.ai). ✨💙

The cool part is that helicity is finally in good shape! Here are some interface and functionality highlights. And then we'll talk about **Google Ad Money🫰💵**

##Projects Page
This is a Route in React (/projects) and uses **firebase RTDB** to look into your pojects and list them out. Might be moving to Firestore soon

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yeitubofecsywe8todwl.png)

## IDE Code Editor

This is the /ide route in react and consists of the **monaco code editor component** to make it look like VSCode. Also the code is autosynced to the firebase RTDB.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p06kzfc2kq5r23h7lwv5.png)

Here is how the autosave works. Just a little sneak peak into the backend in express.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0spddafzwenrzex7fyqh.png)

## AI Game Maker
The part which makes helicity what it is. What I did was teach GPT3.5 my game engine and then make it write code in that.

A game description is taken from you, and those parameters decide what kind of code the AI writes.


**Keep in mind that AI is just an add on and this is a fully functioning game engine on its own!**

#Publish your Game and Get a Shareable link in 12 seconds
After you have coded your game, when you press the play button it opens up a new tab on _**app.helicity.ai/games/some-id**_ and you can share this link with all your friends!
Here is a slither io like snake movement prototype. Bones randomly spawn on the screen as black blocks and then arrange themselves into a snake of red rings. 

**This code is a template on our site and you can tweak the snake length and size!**

```javascript
const NODE_SIZE = 20; 
// The size of each bone in pixels
//you can change the snake bone to anything ex "lookup: elon musk face"
const NODE_IMAGE = "lookup: red circle png"; 
// The image source of each node
const TENDON_LENGTH = 2; 
// The maximum distance between two nodes
const LENGTH = 100;
// The initial number of nodes
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tv5tginoaie1xwpe1sow.png)
Here is the game link.
[Snakey](https://app.helicity.ai/games/42aef1d4-51a6-4f31-87a4-53b3c2c3f2aa.html)


#Game Monetisation - The AI Money Minting Engine
A few days back I just realised that the Google H5 beta Ads can be used because this is a pure HTML5 Game engine so that's what I'm working on now!

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m991iedvjppy78mr8g52.png)

With a function to call Display ads and Rewarded ads so any developer can plug them, and after 1000 plays on a game or 1000 ad views, you can earn some $!
Payouts would be managed by stripe and automated by cloud functions that keep track of how much your game has been played.

**Thanks for reading!** I know this was a short post but I realllyy wanted to share what I've been working on. If you have any feedback please join [our discord server](https://discord.com/invite/RkH98RgVDr)

I also recently made a [🐦twitter or x or whatever account](https://twitter.com/helicityai) specifically for helicity, and I drop in my progress everyday.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eh6bf9ibaribyv8cofly.png)