https://github.com/charlescreativecontent/pokemon-type-battle
Pokemon simulator where you choose the right type of pokemon to win. Are you the next Pokemon Master?
https://github.com/charlescreativecontent/pokemon-type-battle
Last synced: 5 months ago
JSON representation
Pokemon simulator where you choose the right type of pokemon to win. Are you the next Pokemon Master?
- Host: GitHub
- URL: https://github.com/charlescreativecontent/pokemon-type-battle
- Owner: CharlesCreativeContent
- Created: 2020-08-20T16:35:04.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-20T16:47:19.000Z (almost 6 years ago)
- Last Synced: 2025-02-17T05:15:35.268Z (over 1 year ago)
- Homepage:
- Size: 1.95 KB
- Stars: 8
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pokemon-Type-Battle
A HTML5, CSS3, and Vanilla Javascript Slot Machine. Pokemon simulator where you choose the right type of pokemon to win. This app has several features including rock-paper-scissors battle logic and 20 animated pokemon.
**Link to project:** https://codepen.io/ShawnBasquiat/full/VwaZGpQ
## How It's Made:
**Tech used:** HTML5, CSS3, JavaScript
My learning was focused on the changing of the source of an image element, and techniques to make a standard size for non-standard images. Workd very well for desktop, but the mobile version still needs some media qeuries
## Optimizations
I would have made a container for the objects that could have resized each image automatically rather than writing a function that updates the size and location after rendering. It got the job done, but was overly cumbersome to update and add more features. Would seriously think about optimizing the code before launching the second version of this game, which will feature a hard-mode that includes all the pokemon types.
## Lessons Learned:
I learned that when I am writing custom functions and corrections for each individual element, I should definitely keep an eye out for techniques, strategies, or, frameworks, that could make my work more scalable and optimized.