Upit | Learn about creating the game Elemental Card Battle with gen AI
Play
game-community-background
game-pic

8

0

7d

Playit
Each player starts with 5 random cards from the four elements: Fire 🔥 > Air 🌪️ > Water 🌊 > Earth 🌍 > Fire 🔥 Each turn, players: Choose a card from their hand. Secretly decide to play it in Attack or Defense mode. Reveal both cards at the same time. Combat resolution: Attack vs Attack → Higher attack wins. Attack vs Defense → Highest attack or defense wins. Defense vs Defense → No winner, both cards return to hand. Played cards (win or lose) are discarded and cannot be reused. At the end of each turn, both players draw one new random card. Be the first player to win 5 rounds by outplaying your opponent using elemental cards.
#CardBattle
#ElementalStrategy
#MobileStrategy
#HandManagement
#Cards
#Strategy

Creation History

User prompt

Sube un poco el texto Has que el marco de las cartas sea un poco más ancho un poco más alto

User prompt

Es decir, centra el texto en X y en Y

User prompt

Centra los textos de "Sand", "Wind", etc. respecto al eje X

User prompt

Aumenta un 50% más el tamaño del texto de los botones

User prompt

Ahora sepáralos un poco, es decir, mueve un poco a la izquierda el botón attack y un poco a la derecha defense

User prompt

Auméntalos un 50% más y también sus textos

User prompt

Aumenta el tamaño de los botones attack y defense

User prompt

Baja un poco más el texto de Ataque y defensa

User prompt

Aumenta el tamaño de la previsualización un 25% ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

Baja ese texto de descripción más

User prompt

Mejor devuelve esa descripción a donde estaba

User prompt

El texto de descripción céntralo en la carta respecto al eje Y ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

Baja un poco el texto de ataque y de defensa y pon el texto de la carta "Sand", "Wind", etc, en color negro

User prompt

Has que todas las cartas de un tipo usen el mismo asset, es decir, todas las de agua usaran la misma, fuego el mismo y así con los otros

User prompt

Crea un asset común para todas las cartas y otro para cada una que representa lo que dice su texto

User prompt

Has que se pueda cambiar la elección de carta al momento de la previsualización con simplemente seleccionar otra ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

Has que al seleccionar una carta aparezca en grande a la izquierda, en la zona vacía para apreciarla mejor, así como su texto ↪💡 Consider importing and using the following plugins: @upit/tween.v1

Code edit (1 edits merged)

Please save this source code

User prompt

Elemental Card Battle

Initial prompt

Hola, quiero crear un juego de cartas, donde su contenido representa a los elementos: Agua, Fuego, Tierra, Aire. Las cartas tienen ataque y defensa, son distintos es decir, puede existir una carta agua Mar con 100 atq y 90 def, todas las cartas Mar son iguales, pero puede existir una carta Lluvia con 50 atq y 70 def, todas las cartas Lluvia son iguales, ambas son tipo Agua. A los jugadores se les reparten 5 cartas. Cada jugador elige una carta suya para jugar, antes de revelarla al oponente cada jugador decide si ponerla en modo ataque o defensa, puede suceder lo siguiente: 1. Si ambos jugadores juegan ataque se comparan las cantidades, la más alta gana. 2. Si ambos jugadores juegan defensa las cartas regresa a su mano. 3. Si uno juega ataque y otro defensa se comparan las cantidades, la más alta gana. 4. En cualquier punto, si hay un empate de poder ambas cartas regresan a la mano.

/****
* Initialize Game
****/
var game = new LK.Game({
	backgroundColor: 0x000000
});
Showing 76 to 95 of 95
1234

Images

Un tsunami A Stone A boulder An ember A spark Three small ember A river A wind symbol Ice floe A purple cristal rock Columnas de fuego rojo y azul Big storm A cold gale El margen para una carta que representa el tipo tierra Un marco para una carta que represente al tipo aire Un marco para una carta que represente al tipo agua The rain A big mountain Pile of yellow sand El margen para una carta que representa el tipo fuego A tornado The sea El margen de un botón que indica ataque de un juego de mesa, color rojo sin texto Crea una versión de este marco en color azul Marco cuadrado, delgado color dorado con un fondo blanco. In-Game asset. 2d. High contrast. No shadows. card Símbolo del elemento aire Símbolo de la tierra color verde Símbolo del fuego color rojo Símbolo del agua color azul A lightning Crea la parte inversa de una carta que representa el elemento agua, no debe tener texto ni espacio vacío, deben ser corrientes de agua y rocas en la parte inferior Crea la parte inversa de una carta que representa el elemento fuego, no debe tener texto ni espacio vacío, deben ser flamas y montículos rojos en la parte inferior Crea la parte inversa de una carta que representa el elemento tierra, no debe tener texto ni espacio vacío, deben ser montículos de tierra y algunas hierbas verdes repartidas A whirlwind A cloud A volcano with lava Un cubo de hielo Una niebla densa an ashes A brown cave Una pieza en forma de prisma hexagonal de metal 4 segmentos de flecha que forman un circulo en sentido horario, color morado The ether The moon El símbolo de Gaia, sin texto, color verde y café The sun

Sounds & Music

🎵

cardSelect

Sound effect

🎵

cardBattle

Sound effect

🎶

backgroundMusic

Music

🎵

cardWin

Sound effect

🎵

cardLose

Sound effect

Used plugins

@upit/tween
Home
Discover
Play
Profile