Cute Claw Machine banner

Cute Claw Machine

5 devlogs
4h 59m 15s

This is an interactive claw machine game where users can control the claw and move it to grab toys and drop them to collect them.

This project uses AI

Used ChatGPT for the colors(but I did use a link which is stated in the README) and for the idea of this project

Demo Repository

Loading README...

Sadiya

Shipped this project!

I built a claw machine game where players can move a claw to grab different toys such as bears, bunnies, penguins, and more. The game has interactive buttons for moving the claw and animations are included for grabbing toys. I learned how to animate elements like the claw and toys with CSS and JS.

Sadiya

What I did?

  • Made the claw machine interactive (claw can move, grab toys, and drop them)
  • Changed the colors
0
Sadiya

What I did?

  • I started writing the JS
  • Set up the base structure of the game
  • Set up variables
  • Objects to keep track of the game
  • Sized the images
Attachment
0
Sadiya

What I did now?

  • Built the layout of the claw machine
  • Added the claw arm and claws including animations
  • Styled control buttons with animations
  • Created multiple toys (still adding more)
  • Added changes (grabbing)
Attachment
0
Sadiya

What I did this time?

  • Positioned the top and bottom
  • Added images
Attachment
0
Sadiya

What I did?

  • Built the structure
  • Created separate sections
  • Set up classes
  • Styled (work in progress)
  • Created movement buttons
  • Started adding animations in CSS
Attachment
0