DEV Community

Cover image for Cat Dog Race
Takane Ichinose
Takane Ichinose

Posted on

2

Cat Dog Race

CodePen Challenge Cats and Dogs

Description

This game is not based on your speed in pressing keys or button, neither tapping anywhere. This game is based on your luck. Every time you tap the screen, you and the computer moves. The computer has more step than the player if they got lucky, so good luck with that.

I'm studying more about creating a pixel art characters. This time, I didn't put any shading on the objects, and characters and objects.

This is another simple and boring game, just to practice my skills how to think of an algorithm, and specifications for a game. This practice also applies in my way of thinking in software development.

Instructions

  1. Tap the screen to make your character move.
  2. Moving your character will also move your opponent.
  3. The first character who reaches the end line will win the game.

Resources

Images are created with Aseprite. The animation of GIF is also done there.

I created Javascript functionality using ReactJS.

Known issues

  1. I only tested with Safari, but a pixel of neighbor sprite is also rendered on the image.

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (0)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

Best practices for optimal infrastructure performance with Magento

Running a Magento store? Struggling with performance bottlenecks? Join us and get actionable insights and real-world strategies to keep your store fast and reliable.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️