<?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: Creta</title>
    <description>The latest articles on DEV Community by Creta (@creta_14f0af6d366d3143d81).</description>
    <link>https://dev.to/creta_14f0af6d366d3143d81</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%2F2612534%2F8cccb736-ae3c-47eb-82e0-d57f8e83fae0.jpg</url>
      <title>DEV Community: Creta</title>
      <link>https://dev.to/creta_14f0af6d366d3143d81</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/creta_14f0af6d366d3143d81"/>
    <language>en</language>
    <item>
      <title>🚀 Building “Neon Dash” with Amazon Q CLI</title>
      <dc:creator>Creta</dc:creator>
      <pubDate>Mon, 26 May 2025 17:10:50 +0000</pubDate>
      <link>https://dev.to/creta_14f0af6d366d3143d81/building-neon-dash-with-amazon-q-cli-my-game-dev-journey-50l5</link>
      <guid>https://dev.to/creta_14f0af6d366d3143d81/building-neon-dash-with-amazon-q-cli-my-game-dev-journey-50l5</guid>
      <description>&lt;p&gt;When I first heard about the Build Games with Amazon Q CLI campaign, I was curious but a little skeptical — how could an AI coding assistant really help speed up the game development process?&lt;/p&gt;

&lt;p&gt;I decided to test it out with a fun idea:&lt;br&gt;
✨ Neon Dash — a reflex-based racing game built with Python and Pygame, where players dodge glowing obstacles and collect neon orbs in an endless, fast-paced challenge.&lt;/p&gt;
&lt;h2&gt;
  
  
  Check project repository: &lt;a href="https://github.com/Mstr-Creta/Neon_dash_game" rel="noopener noreferrer"&gt;https://github.com/Mstr-Creta/Neon_dash_game&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;In this blog, I’ll Walk you through how I used Amazon Q CLI, what the workflow looked like, and why it made my dev process surprisingly smooth, creative, and efficient.&lt;/p&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%2Fcoj7gfk2pgd9xb8o3o2t.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%2Fcoj7gfk2pgd9xb8o3o2t.png" alt=" "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🛠️ What is Amazon Q CLI?&lt;/strong&gt;&lt;br&gt;
Amazon Q CLI is a command-line interface tool powered by Amazon’s generative AI. It can help developers:&lt;br&gt;
✅ Generate code from detailed prompts&lt;br&gt;
✅ Create modular, readable project structures&lt;br&gt;
✅ Suggest fixes, optimizations, or improvements&lt;br&gt;
✅ Iterate on projects quickly, even for creative or experimental builds&lt;/p&gt;

&lt;p&gt;*&lt;em&gt;Read the blog here to get started with Q on your machine: *&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;
&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;div class="c-embed__content"&gt;
      &lt;div class="c-embed__body flex items-center justify-between"&gt;
        &lt;a href="https://docs.aws.amazon.com/amazonq/latest/qdeveloper-ug/" rel="noopener noreferrer" class="c-link fw-bold flex items-center"&gt;
          &lt;span class="mr-2"&gt;docs.aws.amazon.com&lt;/span&gt;
          

        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;


&lt;p&gt;For this campaign, I wanted to test if Q CLI could handle an interactive GUI-based game — not just backend or scripts, but something visual and real-time.&lt;/p&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%2Fz3nw8jrabw1hawjbqn7i.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%2Fz3nw8jrabw1hawjbqn7i.png" alt=" "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  🎮 My Game Idea: Neon Dash
&lt;/h2&gt;

&lt;p&gt;Here’s the concept I fed into Q CLI:&lt;br&gt;
I want to build a Pygame-based GUI game called "Neon Dash."&lt;/p&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%2Fu75ywpevokqdjncf0ynq.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%2Fu75ywpevokqdjncf0ynq.png" alt=" "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Game concept:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A fast-paced reflex racing game where the player controls a glowing neon vehicle racing down an endless track filled with moving obstacles.&lt;/li&gt;
&lt;li&gt;The goal is to survive as long as possible, dodging obstacles and collecting neon orbs for points.&lt;/li&gt;
&lt;li&gt;The game gets progressively faster and harder over time.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Key features I want the code to include:&lt;/p&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%2Fm8myi4rxetvs0mvtri5o.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%2Fm8myi4rxetvs0mvtri5o.png" alt=" "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Game Window &amp;amp; Setup:&lt;/strong&gt;

&lt;ul&gt;
&lt;li&gt;Pygame window with dimensions (e.g., 800x600).&lt;/li&gt;
&lt;li&gt;Neon color palette: black background with bright glowing colors (cyan, magenta, yellow, lime).&lt;/li&gt;
&lt;li&gt;FPS set for smooth gameplay (e.g., 60 FPS).&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Player Vehicle:&lt;/strong&gt;

&lt;ul&gt;
&lt;li&gt;Represent the player’s vehicle as a glowing rectangle or triangle.&lt;/li&gt;
&lt;li&gt;Control with left/right arrow keys (or A/D) to shift between lanes or smoothly move left/right.&lt;/li&gt;
&lt;li&gt;Add a subtle trail effect behind the vehicle for a glowing streak.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Track &amp;amp; Obstacles:&lt;/strong&gt;

&lt;ul&gt;
&lt;li&gt;Generate a series of incoming neon obstacles (blocks, walls, or barriers) that the player must dodge.&lt;/li&gt;
&lt;li&gt;Randomize obstacle positions and sizes.&lt;/li&gt;
&lt;li&gt;Gradually increase obstacle speed as the player survives longer.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Pickups &amp;amp; Scoring:&lt;/strong&gt;

&lt;ul&gt;
&lt;li&gt;Generate collectible neon orbs or pickups that increase the player’s score.&lt;/li&gt;
&lt;li&gt;Track and display current score on-screen.&lt;/li&gt;
&lt;li&gt;Optional: Add combo multipliers for streaks or near-misses.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Visual Effects:&lt;/strong&gt;

&lt;ul&gt;
&lt;li&gt;Add glow/shadow effects to obstacles, player, and pickups.&lt;/li&gt;
&lt;li&gt;Background animations (moving neon grid, flashing patterns, or starfield effect).&lt;/li&gt;
&lt;li&gt;Smooth screen shake or pulse effect when the player narrowly dodges or collects pickups.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Game Over &amp;amp; Restart:&lt;/strong&gt;

&lt;ul&gt;
&lt;li&gt;Detect collisions with obstacles — triggers game over.&lt;/li&gt;
&lt;li&gt;Show game over screen with final score.&lt;/li&gt;
&lt;li&gt;Add a “press R to restart” or “press Q to quit” option.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Sound &amp;amp; Music:&lt;/strong&gt;

&lt;ul&gt;
&lt;li&gt;Looping synthwave/neon-style background track.&lt;/li&gt;
&lt;li&gt;Sound effects for dodging, collisions, and collecting pickups.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Difficulty Scaling:&lt;/strong&gt;

&lt;ul&gt;
&lt;li&gt;Gradually increase the speed of obstacles and frequency as time progresses.&lt;/li&gt;
&lt;li&gt;Optional: Introduce new types of obstacles or lane patterns at certain score thresholds.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Optional Bonus Features:&lt;/strong&gt;

&lt;ul&gt;
&lt;li&gt;Add leaderboard system to track top scores.&lt;/li&gt;
&lt;li&gt;Add custom color themes players can unlock.&lt;/li&gt;
&lt;li&gt;Add a turbo/boost mode the player can activate when a meter fills up.
Please generate:&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Main game loop with proper event handling.&lt;/li&gt;
&lt;li&gt;Code for rendering the player vehicle, obstacles, pickups, and score display.&lt;/li&gt;
&lt;li&gt;Collision detection between player, obstacles, and pickups.&lt;/li&gt;
&lt;li&gt;Functions to spawn obstacles and pickups with random properties.&lt;/li&gt;
&lt;li&gt;Code for scaling difficulty and updating speed.&lt;/li&gt;
&lt;li&gt;Code for the game-over screen and restart handling.
Bonus if possible:&lt;/li&gt;
&lt;li&gt;Code for simple particle effects when the player collects pickups or crashes.&lt;/li&gt;
&lt;li&gt;Code for a neon-style animated background (moving grid or pulse).
Make sure the code is modular, readable, and split into functions or classes where appropriate to make future expansion easy.&lt;/li&gt;
&lt;/ol&gt;
&lt;/blockquote&gt;

&lt;p&gt;I prepared a detailed prompt that included:&lt;br&gt;
✅ Game window setup (size, colors, FPS)&lt;br&gt;
✅ Player controls (left/right, smooth movement)&lt;br&gt;
✅ Obstacle generation and scaling difficulty&lt;br&gt;
✅ Score system and pickups&lt;br&gt;
✅ Visual effects like glowing trails&lt;br&gt;
✅ Game over and restart functionality&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;⚡ Using Q CLI: Workflow Breakdown&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Here’s how the workflow went:&lt;br&gt;
1️⃣ Crafting the Prompt&lt;br&gt;
Instead of jumping straight into code, I focused on describing what I wanted in as much detail as possible.&lt;/p&gt;

&lt;p&gt;With Q CLI, the more structured and specific your prompt, the better the results.&lt;/p&gt;

&lt;p&gt;2️⃣ Generating Core Code&lt;br&gt;
I ran the prompt through Q CLI, and in seconds, it generated:&lt;br&gt;
✅ A Pygame window setup&lt;br&gt;
✅ Player object and movement&lt;br&gt;
✅ Obstacle spawning system&lt;br&gt;
✅ Basic collision detection&lt;br&gt;
✅ Score tracking&lt;/p&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%2F4qifwtjg97wuop9iv5c3.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%2F4qifwtjg97wuop9iv5c3.png" alt=" "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;What impressed me was that the generated code wasn’t just functional — it was well-structured and modular, with clear functions and comments. I could easily tweak or expand parts without breaking things.&lt;/p&gt;

&lt;p&gt;3️⃣ Iterating &amp;amp; Improving&lt;br&gt;
I used Q CLI iteratively:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Asked it to add sound effects.&lt;/li&gt;
&lt;li&gt;Asked for visual glow effects on the player and obstacles.&lt;/li&gt;
&lt;li&gt;Asked to introduce difficulty scaling — increasing obstacle speed over time.&lt;/li&gt;
&lt;/ul&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%2F9bu2w37crzz3ydvskiml.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%2F9bu2w37crzz3ydvskiml.png" alt=" "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Instead of spending hours debugging, I could refine features and try new ideas quickly, letting Q CLI handle the repetitive or boilerplate parts.&lt;/p&gt;

&lt;p&gt;4️⃣ Testing &amp;amp; Polishing&lt;br&gt;
Once the base game worked:&lt;br&gt;
✅ I added custom neon color themes.&lt;br&gt;
✅ Polished the background with moving grids and flashes (with Q CLI suggestions).&lt;br&gt;
✅ Implemented a simple leaderboard (again, assisted by Q CLI).&lt;/p&gt;

&lt;p&gt;By the end, I had a playable, visually appealing game ready for submission — in much less time than if I’d coded it all solo.&lt;/p&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%2F0z4283xmvyzideh7re4n.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%2F0z4283xmvyzideh7re4n.png" alt=" "&gt;&lt;/a&gt;&lt;/p&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%2Flynzzv1pb6xas254v5fe.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%2Flynzzv1pb6xas254v5fe.png" alt=" "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;💡 Why Q CLI Was a Game-Changer&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Here’s what stood out to me:&lt;br&gt;
✅ Speed — Q CLI helped generate usable code in seconds, giving me a playable foundation fast.&lt;br&gt;
✅ Creativity — I could experiment freely because the AI handled the heavy lifting.&lt;br&gt;
✅ Structure — The output was modular and clean, making it easy to expand.&lt;br&gt;
✅ Focus — I spent more time on design and gameplay decisions, less on boilerplate setup.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;For devs used to grinding through long setup phases or struggling with game loops, Q CLI acts like an intelligent coding partner — boosting your flow and creativity.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;📦 Final Thoughts&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Participating in the Build Games with Amazon Q campaign showed me that AI tools like Q CLI aren’t just productivity boosters — they’re creative enablers.&lt;/p&gt;

&lt;p&gt;If you’re a developer curious about:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Building interactive games quickly&lt;/li&gt;
&lt;li&gt;Exploring AI-assisted workflows&lt;/li&gt;
&lt;li&gt;Experimenting with creative coding&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;I highly recommend giving Q CLI a try. It helped me turn Neon Dash from an idea to a playable project faster and smoother than I expected.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;✨ Thanks, Amazon Q CLI team, for making this campaign fun and empowering! I’m excited to explore even more projects with this tool.&lt;/p&gt;

&lt;h1&gt;
  
  
  AmazonQCLI
&lt;/h1&gt;

</description>
    </item>
    <item>
      <title>My First Submission for Frontend Challenge - December Edition</title>
      <dc:creator>Creta</dc:creator>
      <pubDate>Fri, 27 Dec 2024 07:37:50 +0000</pubDate>
      <link>https://dev.to/creta_14f0af6d366d3143d81/my-first-submission-for-frontend-challenge-december-edition-2ipd</link>
      <guid>https://dev.to/creta_14f0af6d366d3143d81/my-first-submission-for-frontend-challenge-december-edition-2ipd</guid>
      <description>&lt;p&gt;&lt;strong&gt;🧑🏻‍💻What I Built&lt;/strong&gt;&lt;br&gt;
I created an interactive and visually stunning landing page dedicated to exploring the science and culture surrounding the Winter Solstice. The project focuses on engaging users with animations, dynamic content, and a rich user experience inspired by the solstice theme.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🧑🏻‍🚒Demo&lt;/strong&gt;&lt;br&gt;
You can view the live demo here: &lt;a href="https://winter-wonderland-journey.vercel.app/" rel="noopener noreferrer"&gt;https://winter-wonderland-journey.vercel.app/&lt;/a&gt;&lt;br&gt;
Or check out the project repository on GitHub: &lt;a href="https://github.com/Mstr-Creta/winter-wonderland-journey" rel="noopener noreferrer"&gt;https://github.com/Mstr-Creta/winter-wonderland-journey&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;✍🏻Journey&lt;/strong&gt;&lt;br&gt;
Throughout this challenge, I focused on re-creating a design that captures the essence of the Winter Solstice. Key features include:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Snowfall animations &lt;/li&gt;
&lt;li&gt;Use of Gradient hero section&lt;/li&gt;
&lt;li&gt;Multiple style for each section &lt;/li&gt;
&lt;li&gt;Use of better colors and depth effect with icons suitable to theme&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;🤖Use of Ai&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;for planning the framwork and workflow&lt;/li&gt;
&lt;li&gt;bugs fixing&lt;/li&gt;
&lt;li&gt;better code visibility&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;😄Lessons Learned&lt;/strong&gt;&lt;br&gt;
I gained insights into advanced CSS animations and JavaScript event handling, especially for SVG-based interactive elements. The project also challenged me to think creatively about balancing aesthetics and usability.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>frontendchallenge</category>
      <category>css</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
