create account

Made My First Farcade Game + First Time Participating in a Farcade Game Jam by rama-dev

View this thread on: hive.blogpeakd.comecency.com
· @rama-dev ·
$1.85
Made My First Farcade Game + First Time Participating in a Farcade Game Jam
<small><sub>🇪🇸 Versión en español abajo</sub></small>

## <center>Hey Hive!</center>

I want to share with you the game I created for the Doodle Game Jam hosted on the Farcast ecosystem!

# <center>CAT KING DEFENDERS</center>

<center>![Honeycam 2025-06-03 16-02-44.gif](https://files.peakd.com/file/peakd-hive/rama-dev/23xAggNHx61jNhnMLhjpCbbh3ax2hxm262u5ETaBcGKBBJBGRAYSEDEtDi6rDbwTsynLc.gif)</center>

I was notified by @web-gnar that a new game jam was happening, so I decided to join and try out Farcade's game creation system.

I had just a few days to build the game, so there wasn’t much time to brainstorm or animate sprites. Since we had to use the assets they provided, I thought of a few concepts and the one I liked the most was using those sprites to make a *Plants vs. Zombies*-style game.

#### <center>I picked these sprites as my plants:</center>

<center>
<p align="center">
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/23zbULjKwVH3xbFdbfyxheD9HGeGE9n7oae8HbH78BgwtVkrw61veXWAtQe1rcoF68ZfZ.png" width="50%" />
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/23x1DAXmFVpxCqPJofvzyQU2mgp5WkqXM6Xc3Z6xkUXT16atSkNTgEy5dEeCiYfZuSs19.png" width="50%" />
</p>
<p align="center">
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/23yweX4JpvpJ5s3HK8tNma6wGGc9XN739XxEkwEzV9Wj1FVmmHcguqLGKdBD4MXzPht36.png" width="50%" />
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/23z73PqTsVb4kaLzppWL7bbcRtUcV5nKpkuZ4jDNZivQNMyEQB8j8MTj3NnnE1afDbU7i.png" width="50%" />
</p>
</center>

#### <center>And these ones as my zombies:</center>

<center>
<p align="center">
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/23tvY12fyvVxrG4DyBBDA8TiVpJvPS1A5YSBY4rqDd7TAVDDjZ7AXJYV6oCG5MSq4j2Ea.png" width="50%" />
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/23xpHAPisgWKt9Ja18Mo45CACcpnT5uRqbo9KPxxofBvFXD7ePfr1F5TgzUBY8Car1aHo.png" width="50%" />
</p>
</center>

Then I saw this cat sprite and decided to place a crown on it (also provided as an asset). So, the goal of the game became to **protect the king as long as you can!**

<center>
![cat-king.png](https://files.peakd.com/file/peakd-hive/rama-dev/23xVRCiNvbKeSLkdBeekfNeyLjiiFN8hEYcsKP2edkF5dXc1YR61HjZvMtqoN7jCvkrmb.png)
</center>

As mentioned, time was limited and the whole game had to be made in a single HTML file, including JS and CSS. So I kept things simple with 4 different plant units, each with its own cost and ability.

<center>
![Screenshot_26.png](https://files.peakd.com/file/peakd-hive/rama-dev/23u6WMuemeTAohxBoWKCfurQQ9X1gLLgP7EBUfX2V2hxNN7ZSWpnCE1tdgQAFGjhPzt4N.png)
![Screenshot_27.png](https://files.peakd.com/file/peakd-hive/rama-dev/23yd9wcJuK3irUY8WWCL731umiDC4a8enqQi98o1eFEPMY7jceJsFpQtpwu3FjwnEzZoa.png)
</center>

There are two types of enemies:  
- A tank enemy, with more health but slower  
- A basic enemy, with normal speed and damage

I also created a logo, a background, and picked sounds and music that fit the theme. Here are a few gameplay shots:

<center>
<p align="center">
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/241trFXSnRgR5utfAsB5dR5zS2ccYhP4UqGiUwCBJ8WSwi7g4kwpTK1uw12uzAzFyrdVe.png" width="50%" />
</p>
</center>

<center>
![Honeycam 2025-06-03 16-03-08.gif](https://files.peakd.com/file/peakd-hive/rama-dev/23xetRc8msv4ZwJD3tqsr7FzhBtY3JoHGQBECY3NGtRCQuL4VB6jKKMrwDoCwRpLvw2bo.gif)
</center>

## <center>🎮 [PLAY IT ON FARCADE!](https://play.farcade.ai/?gameId=7fd080e4-751e-4d9e-a95c-30f869a8a8d2) 👑</center>

There are still a few days left to continue adding polish, but I prefer to leave it as is. I’m really happy with how it turned out.

It’s the first time I’ve coded a full game directly in JS, so I did a lot of *vibe coding* while trying to understand what I was doing. It was also my first time building and uploading a game to Farcade, so that whole process was new to me too.

<center>
Hope you give it a try and let me know what you think in the comments!  
Thanks for reading! See you in the next post!
</center>

---

### <center>🇪🇸 ESPAÑOL</center>

---

## <center>¡Hola Hive!</center>

¡Quiero compartir con ustedes el juego que creé para Doodle Game Jam en el ecosistema Farcast!

# <center>CAT KING DEFENDERS</center>

<center>![Honeycam 2025-06-03 16-02-44.gif](https://files.peakd.com/file/peakd-hive/rama-dev/23xAggNHx61jNhnMLhjpCbbh3ax2hxm262u5ETaBcGKBBJBGRAYSEDEtDi6rDbwTsynLc.gif)</center>

Fui avisado por **web-gnar** de que se estaba llevando a cabo una nueva game jam, así que decidí participar para probar el sistema de creación de juegos de Farcade.

Tenía pocos días para crear el juego, así que no tuve mucho tiempo para pensar la idea y tampoco para ponerme a animar sprites. Como se tenía que usar arte que ellos te proporcionaban, pensé en algunas ideas y la que más me gustó fue usar estos sprites para hacer un juego estilo *Plantas vs Zombies*.

#### <center>Elegí estos sprites como mis plantas:</center>

<center>
<p align="center">
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/23zbULjKwVH3xbFdbfyxheD9HGeGE9n7oae8HbH78BgwtVkrw61veXWAtQe1rcoF68ZfZ.png" width="50%" />
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/23x1DAXmFVpxCqPJofvzyQU2mgp5WkqXM6Xc3Z6xkUXT16atSkNTgEy5dEeCiYfZuSs19.png" width="50%" />
</p>
<p align="center">
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/23yweX4JpvpJ5s3HK8tNma6wGGc9XN739XxEkwEzV9Wj1FVmmHcguqLGKdBD4MXzPht36.png" width="50%" />
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/23z73PqTsVb4kaLzppWL7bbcRtUcV5nKpkuZ4jDNZivQNMyEQB8j8MTj3NnnE1afDbU7i.png" width="50%" />
</p>
</center>

#### <center>Y estos sprites como mis zombies:</center>

<center>
<p align="center">
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/23tvY12fyvVxrG4DyBBDA8TiVpJvPS1A5YSBY4rqDd7TAVDDjZ7AXJYV6oCG5MSq4j2Ea.png" width="50%" />
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/23xpHAPisgWKt9Ja18Mo45CACcpnT5uRqbo9KPxxofBvFXD7ePfr1F5TgzUBY8Car1aHo.png" width="50%" />
</p>
</center>

También vi este gatito y decidí colocarle la corona (que también estaba entre los assets). Así, el objetivo del juego es defender al rey ¡lo más que puedas!

<center>
![cat-king.png](https://files.peakd.com/file/peakd-hive/rama-dev/23xVRCiNvbKeSLkdBeekfNeyLjiiFN8hEYcsKP2edkF5dXc1YR61HjZvMtqoN7jCvkrmb.png)
</center>

Como dije, no tenía mucho tiempo y además todo el juego se tenía que crear en un solo archivo HTML con el JS y CSS en el mismo archivo. Por eso preferí mantener las mecánicas simples y no extender demasiado el juego. Tenés 4 opciones de plantas, cada una con sus habilidades y su coste.

<center>
![Screenshot_26.png](https://files.peakd.com/file/peakd-hive/rama-dev/23u6WMuemeTAohxBoWKCfurQQ9X1gLLgP7EBUfX2V2hxNN7ZSWpnCE1tdgQAFGjhPzt4N.png)
![Screenshot_27.png](https://files.peakd.com/file/peakd-hive/rama-dev/23yd9wcJuK3irUY8WWCL731umiDC4a8enqQi98o1eFEPMY7jceJsFpQtpwu3FjwnEzZoa.png)
</center>

De enemigos hay dos tipos:  
- Uno tanque, con más vida pero más lento  
- Otro más básico, con vida y ataque normales

También creé un logo para el juego, un background y busqué sonidos y música que quedaran bien con la temática. Acá dejo algunas imágenes del gameplay para que puedan verlo.


<center>
<p align="center">
<img src="https://files.peakd.com/file/peakd-hive/rama-dev/241trFXSnRgR5utfAsB5dR5zS2ccYhP4UqGiUwCBJ8WSwi7g4kwpTK1uw12uzAzFyrdVe.png" width="50%" />
</p>
</center>

<center>
![Honeycam 2025-06-03 16-03-08.gif](https://files.peakd.com/file/peakd-hive/rama-dev/23xetRc8msv4ZwJD3tqsr7FzhBtY3JoHGQBECY3NGtRCQuL4VB6jKKMrwDoCwRpLvw2bo.gif)
</center>

## <center>🎮 [¡JUGALO ACÁ EN FARCADE!](https://play.farcade.ai/?gameId=7fd080e4-751e-4d9e-a95c-30f869a8a8d2) 👑</center>

Todavía quedan algunos días en los que podría seguir sumándole cosas, pero prefiero dejarlo así porque estoy muy conforme con el resultado final. Nunca había codeado un juego directamente en JS, así que hice mucho *vibe coding*, aunque tratando de entender lo que estaba haciendo. Tampoco había creado juegos en Farcade, por lo que todo el proceso de subida del juego era nuevo para mí. Ya con eso, estoy más que satisfecho.

<center>
¡Ojalá puedan probarlo y cuéntenme qué les parece en los comentarios!  
Gracias por leer. ¡Hasta el próximo post!
</center>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
properties (23)
authorrama-dev
permlinkmade-my-first-farcade-game--first-time-participating-in-a-farcade-game-jam
categoryhive-122422
json_metadata"{"app":"peakd/2025.5.9","format":"markdown","description":"My tower defense game for Doodle Game Jam using Farcade’s tools and assets. Play it and defend the Cat King!","tags":["bro","games","hivegames","gamejam","farcast","gamedev","gamedevelopment","programming"],"users":["web-gnar"],"image":["https://files.peakd.com/file/peakd-hive/rama-dev/23xAggNHx61jNhnMLhjpCbbh3ax2hxm262u5ETaBcGKBBJBGRAYSEDEtDi6rDbwTsynLc.gif","https://files.peakd.com/file/peakd-hive/rama-dev/23zbULjKwVH3xbFdbfyxheD9HGeGE9n7oae8HbH78BgwtVkrw61veXWAtQe1rcoF68ZfZ.png","https://files.peakd.com/file/peakd-hive/rama-dev/23x1DAXmFVpxCqPJofvzyQU2mgp5WkqXM6Xc3Z6xkUXT16atSkNTgEy5dEeCiYfZuSs19.png","https://files.peakd.com/file/peakd-hive/rama-dev/23yweX4JpvpJ5s3HK8tNma6wGGc9XN739XxEkwEzV9Wj1FVmmHcguqLGKdBD4MXzPht36.png","https://files.peakd.com/file/peakd-hive/rama-dev/23z73PqTsVb4kaLzppWL7bbcRtUcV5nKpkuZ4jDNZivQNMyEQB8j8MTj3NnnE1afDbU7i.png","https://files.peakd.com/file/peakd-hive/rama-dev/23tvY12fyvVxrG4DyBBDA8TiVpJvPS1A5YSBY4rqDd7TAVDDjZ7AXJYV6oCG5MSq4j2Ea.png","https://files.peakd.com/file/peakd-hive/rama-dev/23xpHAPisgWKt9Ja18Mo45CACcpnT5uRqbo9KPxxofBvFXD7ePfr1F5TgzUBY8Car1aHo.png","https://files.peakd.com/file/peakd-hive/rama-dev/23xVRCiNvbKeSLkdBeekfNeyLjiiFN8hEYcsKP2edkF5dXc1YR61HjZvMtqoN7jCvkrmb.png","https://files.peakd.com/file/peakd-hive/rama-dev/23u6WMuemeTAohxBoWKCfurQQ9X1gLLgP7EBUfX2V2hxNN7ZSWpnCE1tdgQAFGjhPzt4N.png","https://files.peakd.com/file/peakd-hive/rama-dev/23yd9wcJuK3irUY8WWCL731umiDC4a8enqQi98o1eFEPMY7jceJsFpQtpwu3FjwnEzZoa.png","https://files.peakd.com/file/peakd-hive/rama-dev/241trFXSnRgR5utfAsB5dR5zS2ccYhP4UqGiUwCBJ8WSwi7g4kwpTK1uw12uzAzFyrdVe.png","https://files.peakd.com/file/peakd-hive/rama-dev/23xetRc8msv4ZwJD3tqsr7FzhBtY3JoHGQBECY3NGtRCQuL4VB6jKKMrwDoCwRpLvw2bo.gif"]}"
created2025-06-03 19:52:27
last_update2025-06-03 19:52:27
depth0
children15
last_payout2025-06-10 19:52:27
cashout_time1969-12-31 23:59:59
total_payout_value0.928 HBD
curator_payout_value0.920 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length8,261
author_reputation2,929,614,633,023
root_title"Made My First Farcade Game + First Time Participating in a Farcade Game Jam"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,146,574
net_rshares5,665,499,641,614
author_curate_reward""
vote details (63)
@hivebuzz ·
Congratulations @rama-dev! You have completed the following achievement on the Hive blockchain And have been rewarded with New badge(s)

<table><tr><td><img src="https://images.hive.blog/60x70/https://hivebuzz.me/@rama-dev/replies.png?202506021943"></td><td>You got more than 50 replies.<br>Your next target is to reach 100 replies.</td></tr>
</table>

<sub>_You can view your badges on [your board](https://hivebuzz.me/@rama-dev) and compare yourself to others in the [Ranking](https://hivebuzz.me/ranking)_</sub>
<sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub>



**Check out our last posts:**
<table><tr><td><a href="/hive-122221/@hivebuzz/pum-202505-delegations"><img src="https://images.hive.blog/64x128/https://i.imgur.com/fg8QnBc.png"></a></td><td><a href="/hive-122221/@hivebuzz/pum-202505-delegations">Our Hive Power Delegations to the May PUM Winners</a></td></tr><tr><td><a href="/hive-122221/@hivebuzz/pud-202506-feedback"><img src="https://images.hive.blog/64x128/https://i.imgur.com/zHjYI1k.jpg"></a></td><td><a href="/hive-122221/@hivebuzz/pud-202506-feedback">Feedback from the June Hive Power Up Day</a></td></tr><tr><td><a href="/hive-122221/@hivebuzz/pum-202505-result"><img src="https://images.hive.blog/64x128/https://i.imgur.com/mzwqdSL.png"></a></td><td><a href="/hive-122221/@hivebuzz/pum-202505-result">Hive Power Up Month Challenge - May 2025 Winners List</a></td></tr></table>
properties (22)
authorhivebuzz
permlinknotify-1748980975
categoryhive-122422
json_metadata{"image":["https://hivebuzz.me/notify.t6.png"]}
created2025-06-03 20:02:54
last_update2025-06-03 20:02:54
depth1
children0
last_payout2025-06-10 20:02:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,459
author_reputation370,681,367,781,557
root_title"Made My First Farcade Game + First Time Participating in a Farcade Game Jam"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,146,725
net_rshares0
@legionsupport ·
Hehe, they look cute. I would have given it a try but I have a lot of things doing so I can’t afford to but it looks fun. 

!PIMP
👍  
properties (23)
authorlegionsupport
permlinkre-rama-dev-sxausv
categoryhive-122422
json_metadata{"tags":["hive-122422"],"app":"peakd/2025.5.9","image":[],"users":[]}
created2025-06-03 21:38:57
last_update2025-06-03 21:38:57
depth1
children1
last_payout2025-06-10 21:38:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length129
author_reputation266,971,141,093
root_title"Made My First Farcade Game + First Time Participating in a Farcade Game Jam"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,148,332
net_rshares5,125,173,328
author_curate_reward""
vote details (1)
@rama-dev ·
$0.06
Thanks! No problem bro, whenever you can you can give it a try. No rush!
👍  
properties (23)
authorrama-dev
permlinkre-legionsupport-sxcgcw
categoryhive-122422
json_metadata{"tags":["hive-122422"],"app":"peakd/2025.5.9"}
created2025-06-04 18:22:09
last_update2025-06-04 18:22:09
depth2
children0
last_payout2025-06-11 18:22:09
cashout_time1969-12-31 23:59:59
total_payout_value0.030 HBD
curator_payout_value0.030 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length72
author_reputation2,929,614,633,023
root_title"Made My First Farcade Game + First Time Participating in a Farcade Game Jam"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,164,542
net_rshares184,248,331,079
author_curate_reward""
vote details (1)
@web-gnar ·
dude i cant figure out how to drag the towers out there. i am playing on desktop
👍  
properties (23)
authorweb-gnar
permlinkre-rama-dev-sxas9l
categoryhive-122422
json_metadata{"tags":["hive-122422"],"app":"peakd/2025.5.9","image":[],"users":[]}
created2025-06-03 20:44:09
last_update2025-06-03 20:44:09
depth1
children5
last_payout2025-06-10 20:44:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length80
author_reputation168,363,132,849,942
root_title"Made My First Farcade Game + First Time Participating in a Farcade Game Jam"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,147,449
net_rshares5,228,283,122
author_curate_reward""
vote details (1)
@rama-dev ·
Hey! Just click the tower you want and then click where you want to put it
properties (22)
authorrama-dev
permlinkre-web-gnar-sxasft
categoryhive-122422
json_metadata{"tags":["hive-122422"],"app":"peakd/2025.5.9","image":[],"users":[]}
created2025-06-03 20:48:00
last_update2025-06-03 20:48:00
depth2
children4
last_payout2025-06-10 20:48:00
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length74
author_reputation2,929,614,633,023
root_title"Made My First Farcade Game + First Time Participating in a Farcade Game Jam"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,147,490
net_rshares0
@web-gnar ·
i got it now. games hard! i feel like there should be an easier way to repair towers
👍  
properties (23)
authorweb-gnar
permlinkre-rama-dev-sxasl7
categoryhive-122422
json_metadata{"tags":["hive-122422"],"app":"peakd/2025.5.9","image":[],"users":[]}
created2025-06-03 20:51:06
last_update2025-06-03 20:51:06
depth3
children3
last_payout2025-06-10 20:51:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length84
author_reputation168,363,132,849,942
root_title"Made My First Farcade Game + First Time Participating in a Farcade Game Jam"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,147,530
net_rshares5,228,283,122
author_curate_reward""
vote details (1)
@web-gnar ·
what are you using to code your game?
👍  
properties (23)
authorweb-gnar
permlinkre-rama-dev-sxcxyu
categoryhive-122422
json_metadata{"tags":["hive-122422"],"app":"peakd/2025.5.9","image":[],"users":[]}
created2025-06-05 00:42:30
last_update2025-06-05 00:42:30
depth1
children5
last_payout2025-06-12 00:42:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length37
author_reputation168,363,132,849,942
root_title"Made My First Farcade Game + First Time Participating in a Farcade Game Jam"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,170,392
net_rshares5,141,467,132
author_curate_reward""
vote details (1)
@rama-dev ·
$0.08
i used HTML,CSS and JavaScript since is has to be an only page game. I think Unity is not supported and i don't know if it will support a JS framework like PhaseJS, PixiJS or KontraJS
What do you use?
👍  
properties (23)
authorrama-dev
permlinkre-web-gnar-sxdpmy
categoryhive-122422
json_metadata{"tags":["hive-122422"],"app":"peakd/2025.5.9"}
created2025-06-05 10:40:12
last_update2025-06-05 10:40:12
depth2
children4
last_payout2025-06-12 10:40:12
cashout_time1969-12-31 23:59:59
total_payout_value0.040 HBD
curator_payout_value0.040 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length200
author_reputation2,929,614,633,023
root_title"Made My First Farcade Game + First Time Participating in a Farcade Game Jam"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,178,323
net_rshares241,749,952,617
author_curate_reward""
vote details (1)
@web-gnar ·
i use cursor lol.
phaser js is supported, so is threeJs to make 3d stuff.
👍  
properties (23)
authorweb-gnar
permlinkre-rama-dev-sxe6h1
categoryhive-122422
json_metadata{"tags":["hive-122422"],"app":"peakd/2025.5.9","image":[],"users":[]}
created2025-06-05 16:43:51
last_update2025-06-05 16:43:51
depth3
children3
last_payout2025-06-12 16:43:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length73
author_reputation168,363,132,849,942
root_title"Made My First Farcade Game + First Time Participating in a Farcade Game Jam"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id143,185,298
net_rshares5,247,377,903
author_curate_reward""
vote details (1)