https://github.com/0mppula/cs-go_weapons
A simple web application, that lets the user shoot either a single shot or multiple shots with a selected weapon from the game 'Counter-Strike: Global Offensive'. Created with vanilla JavaScript, HTML & CSS.
https://github.com/0mppula/cs-go_weapons
audio csgo csgo-weapons css-animations css-effects css3 dom-manipulation html5 javascript
Last synced: 3 months ago
JSON representation
A simple web application, that lets the user shoot either a single shot or multiple shots with a selected weapon from the game 'Counter-Strike: Global Offensive'. Created with vanilla JavaScript, HTML & CSS.
- Host: GitHub
- URL: https://github.com/0mppula/cs-go_weapons
- Owner: 0mppula
- Created: 2021-05-13T13:42:58.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-05-23T09:38:00.000Z (almost 5 years ago)
- Last Synced: 2025-06-10T03:06:17.469Z (11 months ago)
- Topics: audio, csgo, csgo-weapons, css-animations, css-effects, css3, dom-manipulation, html5, javascript
- Language: JavaScript
- Homepage: https://csgo-weapons.netlify.app/
- Size: 5.14 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# CS:GO Weapons
## Introduction
This simple "[web application][1]" allows the user to cycle through a list of weapons from the game Counter-Strike Global Offensive. These particular weapons are objects, which are instantiated when the whole page is loaded with the `window.load` event listener. Users can shoot one or multiple shots with each weapon, additionally each weapon can be reloaded as well. When a new weapon is either selected, shot or reloaded a short audio representation of that will be played.
## Technologies
This web application is coded with vanilla JavaScript, coupled with HTML5 and CSS. The weapons are simply `.png` images, and the audio files are short `.wav` files. My intentions were to implement the functionality of the weapons with JavaScript `classes`, I believe, that I achieved that task relatively well, considering my not so senior coding skills.
## Additional Info
I initially coded this in late 2020, when learning how to manipulate the DOM with JavaScript. The initial version was a hot mess and packed with spaghetti code... 🍝⌨ In spring-summer of 2021, I refactored the code. After refactoring, the source code is much more readable and it is easier to conceptualize what is going on in the project. I believe there is alot to gain from simply skimming through this code, especially for beginners. 🙂
## Bugs
There are currently no bugs in this project. ⛱
[1]: https://csgo-weapons.netlify.app/