https://github.com/rasyajusticio/golfcanvas
2D Golf game developed using canvas. Players can enjoy a fun and challenging golf experience right in their browser.
https://github.com/rasyajusticio/golfcanvas
canvas-game css html html-canvas js
Last synced: about 1 year ago
JSON representation
2D Golf game developed using canvas. Players can enjoy a fun and challenging golf experience right in their browser.
- Host: GitHub
- URL: https://github.com/rasyajusticio/golfcanvas
- Owner: RasyaJusticio
- Archived: true
- Created: 2024-03-16T01:56:49.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-17T02:29:30.000Z (over 2 years ago)
- Last Synced: 2025-03-06T00:24:29.924Z (over 1 year ago)
- Topics: canvas-game, css, html, html-canvas, js
- Language: JavaScript
- Homepage:
- Size: 8.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 2D Golf Game using Canvas (Hiatus)
## Hiatus Reason
There's a problem with the collision detection that I used (SAT). It seems that it cannot handle concave shapes. And this is bad for the maps that I have in mind. I will comeback to this after I had learned more. I am very sorry.
## Description
This is a 2D golf game that I developed. Players can enjoy a fun and challenging golf experience right in their browser.
## Development
The game is developed using HTML, CSS, and JavaScript. It leverages the canvas element to create the interactive gameplay environment. Using Separating Axis Theorem (SAT) algorithm for the collision detection.
## Tools Used
- HTML: Used for structuring the web pages and content.
- CSS: Used for styling and layout to enhance the visual appeal of the game.
- JavaScript: Used for implementing game logic, user interactins, and animations.
## How to Play
1. Load the game in your web browser.
2. Enter your username.
3. Follow the on-screen instructions to learn how to play.
4. Enjoy playing through multiple levels of golf challenges!
## Credits
- [Background Image by Sketchepedia on Freepik](https://www.freepik.com/free-vector/abstract-business-professional-background-banner-design-multipurpose_23485401.htm#query=green%20pattern&position=20&from_view=keyword&track=ais&uuid=0f6bfa89-0668-413c-9158-17502ccd4d63)
- [Favicon by Freepik on Flaticon](https://www.flaticon.com/free-icons/golf)