Sign In

GameJam - Let's make a game with Unity and AI - Day 2

2
GameJam - Let's make a game with Unity and AI - Day 2

Objective

The idea is partecipate to a Gamejam and make a game using Stable Diffusion graphics.

Day 1 : https://civitai.com/articles/4104/gamejam-lets-make-a-game-with-unity-and-ai-day-1

Start of Day 2

Between the scenes in a game it is important to define a transaction to hide the loading and to make it smooth when you load it.

I made an image with paint very easy

And I use with controlnet with the SoftEdge

now with an easy prompt : Huge golden door, (Japanese flowers:1.5) (coin:1.1) . smoke atmosphere

I generate different and I selected this one.

Added to the game and the transaction effect is ready

Menu

My template image is quite ugly.. my idea is to improve the menu with a better background.

Set the logo , change the button image

and the panels

I will keep the same font because (I am quite lazy to change it). If you need some fonts go to https://www.dafont.com/it/ you can find free to use and also commercial ones.

Menu background

In my idea the background image should be something similar to the intro .

Button image

Prompt : Japan antique drawing linen (Japanese style:1.3)

I use contronet to get a square around.

In unity I can change the color of the image .

The text is on the top of the button.

Panel Image

For the panel I used a similar prompt

Temporary Game Logo

I decided to write the name under the buttons.. I will improve it later.

Menu Animation

Normally I like to add some player animation in the menu.. I will generate an image of the player and I will use rigging to make it move.

Generate one image to get the skeleton than I need..

I make some little change and I got an image that I like.,

I remove the background from the image with paint.

You can do also with extras:

Import in unity and add ribs.

Follow my article for details: https://civitai.com/articles/3648/unity-create-sprites-with-ai-and-use-in-your-games

Adding a default animation:

Quick menu is ready, I added also a unity effect from the bottom .. The animation is not the best.. but I will improve before closing the gamejam... also I don't like the title..

For the Title I think I will use XL that generates goods title.

Final Logo

I dediced to generate a sign writting an easy prompt: old wood Sign Japanese

After few test I got this

In Krita I added the text.

And now the graphics of the Menù are done.

How to play

I have a menù button that open the how to play..

I will update it later.. when I have finished the game.

Credits menu

I will update when I finish the game.

Map Background

My template MAP is now a little messy and of course "ugly", now I have to generate

Background, images and

The idea is that the game will have 3 different levels.

I have update the back image and map image

When you select a level you can read the information of the level, a voice reads the name of the level

I have an image with 6 places.. I have to generate 5 places of the "Kyoto labyrinth Escape".. let's ask to chatgpt.

Question:

I will make 5 levels of the labyrint.. can you tell me the names and write a short description of each

Answer:

  1. Path of the Sakura Grove: Description: The first level of the labyrinth winds through a serene grove of cherry blossom trees. Sunlight filters through the pink blossoms, casting a gentle glow on the moss-covered paths. Kaory must navigate through the tranquil beauty of the grove while facing initial challenges and puzzles that test her resolve.

  2. Shadows of the Bamboo Forest: Description: As Kaory progresses deeper into the labyrinth, she finds herself immersed in a dense bamboo forest. Shafts of light pierce through the thick foliage, casting eerie shadows on the labyrinth's winding paths. Mysterious whispers echo among the bamboo stalks, hinting at hidden dangers lurking within the shadows.

  3. Guardians of the Torii Gates: Description: Beyond the bamboo forest, Kaory encounters a series of traditional red torii gates that mark the entrance to sacred shrines and hidden sanctuaries. Each gate is guarded by powerful spirits and mystical creatures determined to test Kaory's strength and determination. She must face these guardians with courage and skill to proceed to the next level.

  4. Echoes of the Pagoda Plaza: Description: In the heart of the labyrinth lies a bustling marketplace known as the Pagoda Plaza. Colorful stalls line the cobblestone streets, offering exotic goods and tantalizing treasures. Amidst the hustle and bustle, Kaory must navigate through the chaotic marketplace while evading rival treasure hunters and solving intricate puzzles hidden within the labyrinth's maze-like streets.

  5. Chamber of the Sacred Lotus: Description: At the heart of the labyrinth awaits the final challenge: the Chamber of the Sacred Lotus. The chamber is a serene oasis adorned with blooming lotus flowers and tranquil pools. However, danger lurks beneath the calm surface, as Kaory must confront the guardian of the ancient treasure and unlock its secrets before it falls into the wrong hands.

Map images

Now I generate images for each using the prompt:

old Japanese map washi paper : Path of the Sakura Grove:

Description: The first level of the labyrinth winds through a serene grove of cherry blossom trees. Sunlight filters through the pink blossoms, casting a gentle glow on the moss-covered paths. Kaory must navigate through the tranquil beauty of the grove while facing initial challenges and puzzles that test her resolve.

and I changed with the generated text from ChatGPT and I paste in a single image that I use in unity. (each image is 512x512) the image is 1719x1127

In unity I map each image in a sprite with "multiple sprite mode"

And now the map is ready (not the best map.. but it is ok to this jam).

Defining the player

For the player I will follow the steps similar than in my article

https://civitai.com/articles/3648/unity-create-sprites-with-ai-and-use-in-your-games

This this I will use controlNet with openpose

Then I set Reactor for the face

And I run several generation

I think I am ok with with one, I have only to work a little bit on the hair

Remove the background

In Krita I always add a layer with strong color to check errors in the transparency

notice a hole in the middle and white borders.. now I will improve manually the sprite.

After some manual Human modifications

I added the head from the other picture and I painted the hair . (It is not perfect but the player will be little and you won't notice).

Splitting pieces for animation

This is something that normally I do manually.

It takes a little bit to imagine what under the hand and arm..

Preparing The main player Prefab and animations.

I am a little bit slow because I was busy with other stuff.. Tomorrow I will start to make the real game.. the structure is ready now

Todo list:

  • Defining the enemies

  • Generating the rooms

  • Generating the Doors

  • Generating the Keys

  • Generating the Ammo

  • Putting all together

  • Design the levels

  • Making the levels

  • Adding music

  • Adding some effects

  • Adding Sounds

  • Testing the game

Publishing

  • Compiling in for Web

  • Making the Itch.io page

  • Generating the itch.io logo (630x500)

  • Generating the itch TopLogo (980x250)

  • Adding the text to the page

  • Adding images to the page.

  • Writing the Golive Article

  • Releasing the game.

To be continued...

2

Comments