<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: icedteas</title>
    <description>The latest articles on DEV Community by icedteas (@icedteas).</description>
    <link>https://dev.to/icedteas</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3130884%2F93060d33-ed8c-401f-9ce4-6c0e5a674987.png</url>
      <title>DEV Community: icedteas</title>
      <link>https://dev.to/icedteas</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/icedteas"/>
    <language>en</language>
    <item>
      <title>I made another AI built Idle clicker game? Yup.</title>
      <dc:creator>icedteas</dc:creator>
      <pubDate>Thu, 22 May 2025 01:54:41 +0000</pubDate>
      <link>https://dev.to/icedteas/i-made-another-ai-built-idle-clicker-game-yup-2h0o</link>
      <guid>https://dev.to/icedteas/i-made-another-ai-built-idle-clicker-game-yup-2h0o</guid>
      <description>&lt;p&gt;But this time it's not just in the text editor. There's a frontend.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Recap
&lt;/h2&gt;

&lt;p&gt;In my previous post I entered a submission on the &lt;a href="https://dev.to/icedteas/text-rpg-with-idle-capabilities-built-with-amazon-q-developer-2j2h"&gt;AWS Challenge&lt;/a&gt; which was me testing out AI for the first time in a project setting. That release was a text editor idle game. So I thought, why not try to make something visual?&lt;/p&gt;

&lt;h2&gt;
  
  
  New Grounds
&lt;/h2&gt;

&lt;p&gt;For this project I wanted to expand and try something everyone knows and talks about -- ChatGPT.&lt;/p&gt;

&lt;p&gt;Previously whenever I would go on ChatGPT it would be to ask it to make me quick roadmaps to learn something. So instead of me taking weeks to master something based on its guidance, I wanted to see how smart ChatGPT really could be when it came to making a game. Well, I was surprised and impressed.&lt;/p&gt;

&lt;h2&gt;
  
  
  Oh no, another click your wrist off game
&lt;/h2&gt;

&lt;p&gt;I didn't know what to expect when I first starting writing the prompt. I didn't think it would spit me out a working piece of code in Javascript that I could actually run within the program but it did. However, I don't know Javascript (yeah yeah, I know, it's &lt;strong&gt;powerful&lt;/strong&gt; and &lt;strong&gt;&lt;em&gt;everyone&lt;/em&gt;&lt;/strong&gt; uses it, I should know it, oh well) but I do know basic HTML/CSS (shout out to &lt;a href="https://www.theodinproject.com" rel="noopener noreferrer"&gt;The Odin Project&lt;/a&gt; and &lt;a href="https://www.freecodecamp.org" rel="noopener noreferrer"&gt;Freecodecamp&lt;/a&gt;). So I asked the AI to stick to the basic, bare bones of HTML/CSS as much as possible to see what it could create.&lt;/p&gt;

&lt;h2&gt;
  
  
  Results
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftftpstcdinkii383ayfw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftftpstcdinkii383ayfw.png" alt="Header and resources of the idle clicking game" width="800" height="312"&gt;&lt;/a&gt;Here's the start of the game where the player is introduced to the resources they're able to gather. I didn't choose the emojis, I said the skill names but ChatGPT has a huge love for emojis and chose them for me. I don't think anyone can see this emoji 🎯 and not think of ChatGPT these days.&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fca5mnbf70725vmx6wetd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fca5mnbf70725vmx6wetd.png" alt="Skills and tasks in the idle game" width="800" height="417"&gt;&lt;/a&gt;In my prompt I asked the AI to generate the ability for 1 skill to be idled in at a time but I also wanted it to be the players choice. To make the game fun and not pointless I wanted the gathered resources to be spent somewhere and tracked. The task system is also incremental so as the player progresses in the game the task system requires higher amounts of resources to complete each task.&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foafv4ac7912duq61dlt2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foafv4ac7912duq61dlt2.png" alt="Pets in the clicker game" width="800" height="214"&gt;&lt;/a&gt;RNG in games might not be for everyone but it is a serotonin boost for many. In this game I asked the AI to implement a pet feature. This feature includes pets that the player can obtain at random while clicking, idle clicking and completing tasks. When the player has pets the click amount generated also increases. It's to be noted though that pets are included in the task requirements so they will be spent upon task completion.&lt;/p&gt;

&lt;h2&gt;
  
  
  Bugs - We're going to need a Costco case of Raid
&lt;/h2&gt;

&lt;p&gt;I encountered a ton of bugs using ChatGPT to create this game vs when I used AWS to create the Idle Text RPG game. AWS in comparison provided smooth results, way less hiccups and &lt;strong&gt;didn't alter code that I didn't ask to be altered&lt;/strong&gt;. Here are some of the biggest pain points I ran into making this AI only game with ChatGPT:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Unasked for content&lt;/strong&gt;: As said above, the AI would constantly edit portions of my game when I would send a revision for something else. I don't know how intuitive the AI is in terms of learning from feedback but I made sure to tell the AI each time they edited logic that I never asked to be edited.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Visual edits&lt;/strong&gt;: The frontend of the program changed drastically in each revision. I found myself having to send back the full HTML code to the AI and say "Use this as a reference, don't edit x logic, update only y logic" in order to get what I wanted. This is not something I had to do at all with AWS.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Code&lt;/strong&gt;: Many times I had to remind ChatGPT that we were exporting this to be used in HTML/CSS. &lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Ignored requests&lt;/strong&gt;: I wanted the game to format visually on mobile for the viewer to not be immediately turned off by the huge gaps and spacing between different parts of the program. I figured asking ChatGPT to compact the code a bit such as formatting the pets in a way that they were in 2 rows of 2 pets each vs 1 row of 3 pets and 1 row of 1 pet that this would be easy. Instantly proved wrong. This took a total of twelve revisions to complete. I probably could have fixed this myself but this was a AI only challenge.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  The Point
&lt;/h2&gt;

&lt;p&gt;I enjoyed this but I think ChatGPT learned more from me than I did from it. Overall though, I found this to be impressive but still a headache in some areas. That's programming in general though, right?&lt;/p&gt;

&lt;h2&gt;
  
  
  If you made it this far..
&lt;/h2&gt;

&lt;p&gt;You can have the &lt;a href="https://icedteas.neocities.org" rel="noopener noreferrer"&gt;link&lt;/a&gt; to play the game.&lt;/p&gt;

</description>
      <category>chatgpt</category>
      <category>gamedev</category>
      <category>vibecoding</category>
      <category>ai</category>
    </item>
    <item>
      <title>Text RPG with idle capabilities built with Amazon Q Developer</title>
      <dc:creator>icedteas</dc:creator>
      <pubDate>Wed, 07 May 2025 11:28:48 +0000</pubDate>
      <link>https://dev.to/icedteas/text-rpg-with-idle-capabilities-built-with-amazon-q-developer-2j2h</link>
      <guid>https://dev.to/icedteas/text-rpg-with-idle-capabilities-built-with-amazon-q-developer-2j2h</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/aws-amazon-q-v2025-04-30"&gt;Amazon Q Developer "Quack The Code" Challenge&lt;/a&gt;: Crushing the Command Line&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;I built a text based RPG with abilities to idle up to 100 commands. This was done solely through the AI and not a single line of code written by myself. &lt;em&gt;Impressive&lt;/em&gt;. The game includes three skills, rare pets to obtain along the way while skilling, an inventory to hold the players items, a bank to transfer items to and from the players inventory, the ability for the player to equip and unequip items as well as a collection log to track the players item progressions.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;Here is what the interface looks like with a list of the areas that the player can navigate to once they set their name in-game.&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbq2p4ne6wnzf6j8glen3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbq2p4ne6wnzf6j8glen3.png" alt="Help interface with a list of commands available to the player" width="800" height="502"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I also implemented idle abilities that allow the player to select how many actions they would like to complete. The max is 100 actions in a single command, which are staged based on the players skill level and tier of gear worn. The time to gather materials or make items becomes faster as the player levels up their gear or if the player buys boosts from the shop.&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7m5rbmbwvqzpewdqmpie.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7m5rbmbwvqzpewdqmpie.png" alt="Idle capabilities example" width="800" height="606"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;There is a shop where the player can buy power ups to assist in skilling, crafting and alching items as well as purchase skill mastery capes.&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0i231ley1apxn5v5stga.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0i231ley1apxn5v5stga.png" alt="Shop items" width="800" height="655"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Code Repository
&lt;/h2&gt;

&lt;p&gt;Feel free to check out the game &lt;a href="https://github.com/icedteas/AmazonTextGameWithAI" rel="noopener noreferrer"&gt;here&lt;/a&gt; on my GitHub in the codespace. Good luck collecting the pets, they're rare!&lt;/p&gt;

&lt;h2&gt;
  
  
  How I Used Amazon Q Developer
&lt;/h2&gt;

&lt;p&gt;I will admit, I am usually pretty hesitant about using AI - but this experience might have completely changed my mind. In the past I have attempted to do this same genre on other AI platforms but was instantly discouraged by the results. My previous attempts provided me with buggy code, a visually unorganized interface and my original prompt was ignored, but with Amazon Q Developer &lt;strong&gt;this was not the case, at all&lt;/strong&gt;. &lt;/p&gt;

&lt;p&gt;I might have went a little above and beyond on my initial prompt seeing as it was 868 words but everything I asked for was provided. The AI created the workspace in Visual Studio Code as well as created the files and programmed every line of code.&lt;/p&gt;

&lt;p&gt;On my first couple of play throughs I found some areas that I had missed in my original prompt to have implemented. Upon finding these areas I asked the AI to add some additional features, which worked out great. &lt;/p&gt;

&lt;p&gt;Some of the additional prompts I asked to have updated was:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Add a stackable feature to all items within the inventory, not just materials.&lt;/li&gt;
&lt;li&gt;Implement an idle system. In my original prompt the player would have put in commands individually to obtain, make or alch items. This would have been a very tedious process for the player. By adding a max of 100 items to complete in an idle format resolved this pain point.&lt;/li&gt;
&lt;li&gt;Fixed uppercase names for commands on crafting and alching items. The original expected commands needed the beginning letter of the item to be uppercase in order for the code to execute properly. I had the AI fix this so it wouldn't be confusing for the player to have to do "bronze" vs "Bronze" in different areas of the game.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Going Forward
&lt;/h2&gt;

&lt;p&gt;I really appreciated what I gained from this experience. This is a great tool for people who have ideas and want to create something without having to devote extensive amounts of time into mastering the behind the scenes aspects. The feature of the AI being built into Visual Studio Code was also painless to navigate and provided many benefits to this project. Ultimately, shout out to all the developers who had a hand in creating this tool.&lt;/p&gt;

&lt;h2&gt;
  
  
  Inspiration Credit
&lt;/h2&gt;

&lt;p&gt;Perhaps some of you could already tell, but this game is a minimized version of a few skilling aspects of the popular MMORPG Old School RuneScape (OSRS). I've been an avid scaper for over 20 years (you never truly quit) which prompted me to want to challenge myself by taking a few key aspects of the game and combine multiple skills into one skill to build a compact demo. &lt;br&gt;
Credit: Old School RuneScape &lt;a href="https://oldschool.runescape.com" rel="noopener noreferrer"&gt;website&lt;/a&gt; | Old School RuneScape &lt;a href="https://oldschool.runescape.wiki" rel="noopener noreferrer"&gt;Wikipedia&lt;/a&gt;&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>awschallenge</category>
      <category>ai</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
