💥 Day 2 of My Pygame Journey

💥 Day 2 of My Pygame Journey: Smashing the Laptop and Learning File Names 😂

Hey dev friends! 😆
Today was full of “smash the laptop” moments while learning Pygame Zero. Here’s my detailed diary-style lesson learn with emojis 📝💻

⸻

💥 Smash Laptop #1: File Names, WHY?!
Computers are super picky:
• .jpeg ≠ .jpg ❌
• .png ≠ .jpg ❌

Tip: File names in your code MUST match the actual file name.
hero = Actor(“new_char.png”) # if your file is hero.png

Smash Laptop Alert: Wrong file name → hero disappears 😭💥

⸻

🛠 Step 1: Create Character (Placeholder First)
hero = Actor(“new_char.png”) # create first!

Notes:
• Placeholder = space for hero in memory 🧩
• Hero cannot move yet 🚫
• Drawing before creating → Smash Laptop #2 💥

⸻

🎨 Step 2: Background & Resize
1. Find gamer images on Unsplash 🎮
2. Resize with external editor ✂️
3. Save all images in one game folder 📁

screen.blit(“diner.jpg”, (0,0)) # draw background

Smash Laptop Alert:
• Background not fitting → hero disappears / weird layout 😭💥

Tip: Background image = game screen size 🖼️

⸻

⚡ Step 3: Sequence Draw (Super Important!)
Pygame Zero draws top → bottom:
screen.clear() # clear screen 🧹
screen.blit(“diner.jpg”,(0,0)) # background first 🖼️
hero.draw() # hero on top 🦸‍♂️

Smash Laptop #3: Wrong order → hero gets covered 😭💥

⸻

🔧 Step 4: Update Function (Movement Logic)
def update():
if keyboard.left:
hero.x -= 5 ⬅️
if keyboard.right:
hero.x += 5 ➡️
if keyboard.up:
hero.y -= 5 ⬆️
if keyboard.down:
hero.y += 5 ⬇️

Must come after creating character. If not → Smash Laptop #4 💥

⸻

🗂 Step 5: Organize Folder (Save Sanity)
• Delete duplicate files 🗑️
• Keep all images in one folder → NadhirahGame 🖥️
• File names = consistent ✔️

Smash Laptop #5 avoided! 🎉

⸻

💡 Step 6: Wireframe → Action → Draw
Nadhirah Analogy:
1. Placeholder → wireframe → hero = Actor(…) 🧩
2. Update → script/action → def update(): … 🎬
3. Draw → visual → def draw(): … 🖌️

Create → Action → Display = life of your hero 🦸‍♂️
Wrong order = Smash Laptop #6 💥

⸻

🔥 Step 7: Final Checklist
• File names match code 📛
• Background resized & fit screen 🖼️
• Draw sequence correct: background → hero 🎨
• Update function after create character 🏃‍♂️
• All images in one folder 📂

Smash Laptop Risk = Zero ✅

⸻

Have you ever smashed your laptop because of a file name mismatch? 😆💥
Share your story in the comments! 👇