A little game for cloudinary halloween hackaton. I hope you enjoy 🤗
- React App with typescript and tailwind
- It make use of cloudinary AI to change expresions and backgrounds and create a Halloween CYOA game
- Golang script to create the neccesary transformations in cloudinary
Create a .env.local file in cli folder and fill it with these variables.
CLOUD_NAMEAPI_KEYAPI_SECRET
Open src/api.tsx and change CLOUD_NAME constant with cloudinary cloud name
You can also modify the story by changing src/story.tsx
I have used AI tools intensively. Here a list
- cloudinary.com for images
- suno.com for background music
- gpt4-o and o1-preview story and code
- bolt.com initial project template
- v0.devadditional code
- I have overestimated the capacity of the filter to replace cloudinary. I think I am using it for something more complex than it is designed for.
- This is the first time I make a game based on a story. This kind of game requires more planning than games based on simple fun mechanics as I usually do in game jams.
- AI tools work well, but don't expect consistency. You can end up with a lot of different styles.
- The AI filters behavior changed over time. I had more acurate AI changes at first. Parameters that you can't touch, parameters that can change arbitrarily and unknowingly.
- Cloudinary API is really nice and easy to use, but AI filters need some "finetuning" 😜
- I wanted to work without any component libraries this time, I missed them but with AI tools I can make simple components really fast.
- I thought browser differences in behaviors were a thing of the past. Not so, test the application in the same browser your client will be using.