KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #typescript #developer-tools #claude-code #ai-agent #codex #deepseek-harness #ai-agents #cli #react #mcp

sturdy-doodle

★ 41 Open GitHub ↗

Sturdy-Doodle is a website built with HTML, Canvas, CSS, and JavaScript to showcase profiles. It uses the HTML Canvas feature to add fun, interactive game-like elements. Users can control a character to reach a red console, which makes it easy to move between different sections of the website.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Sturdy-Doodle

This project serves as a valuable learning opportunity in various areas, including HTML Canvas, Sprite Sheet animations, Object-Oriented Programming, math and physics concepts, Collision Detection, and Gravity control.

## Demo

[screen-recording(1).webm](https://github.com/Splash-Nemo/sturdy-doodle/assets/113250246/04348937-239a-40d1-8475-57213a82352c)

## Step-by-Step Approach:

1. Set up HTML, CSS, and JS files for the project.
2. Organize files and folders, including images, stylesheets, and sounds.
3. Create a Player class to establish the foundation for character interactions.
4. Define initial coordinates for the player within the game environment.
5. Implement background layers for an immersive visual experience.
6. Enhance player interaction with background layers to depict movement.
7. Introduce platforms (floors) to the game.
8. Improve interactivity with platforms, creating a dynamic gaming environment.
9. Implement collision detection mechanisms for a realistic gaming experience.

sturdy-doodle

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README