Authors:
- Cor Pruijs (6595154)
- Karel Kubat (6913466)
We pair programmed the entire application together. Cor did produce the actual sound files, and can be considered our lead designer.
- Pong
- Scoring
- Character rendering
- Score rendering
- Ball tail
- Randomized start angle
- Ball speed up
- Interactive play button (pointer events)
- Start screen / Win screen
- WebGL
- VueJS app + hosting
- VHS effect
- Sound effects
- Screen curvature
Our entire game can be viewed online! Please view it in an updated version of Google Chrome or FireFox.
- Click the triangular play button to start
- W/S for Player 1 movement
- UpArrow/DownArrow for Player 2 movement
StackOverflow sources are included in the actual code. We used snippets to determine mouse locations on the HTML canvas, and wessles implementation of screen curvatures.
The algorithm used to determine the angle that the ball makes when hitting the paddle is sourced from Cor's previous Pong implementation
Finally, we used official OpenGL and WebGL tutorials to create the app, and previous work by us on the raytracer assignment as well.
This project requires a modern JavaScript environment, most likely npm and node.
npm install
npm run serve
npm run build