FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
shouser
shouservanillawebprojects-1741724733419
Imported from GitHub: bradtraversy/vanillawebprojects
Public
Like
vanillawebprojects-1741724733419
Home
Code
22
breakout-game
5
custom-video-player
4
dom-array-methods
4
exchange-rate
4
expense-tracker
4
form-validator
4
hangman
4
infinite_scroll_blog
4
lyrics-search
4
meal-finder
4
memory-cards
4
modal-menu-slider
4
movie-seat-booking
4
music-player
4
new-year-countdown
4
product-filtering
2
relaxer-app
4
sortable-list
4
speak-number-guess
4
speech-text-reader
4
typing-game
4
readme.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
Sign up now
Code
/
breakout-game
/
README.md
Code
/
breakout-game
/
README.md
Search
3/11/2025
Viewing readonly version of main branch: v91
View latest version
README.md@91

Breakout! Game

Game where you control a paddle with the arrow keys to bounce a ball up to break bricks. This app uses the HTML5 canvas element and API

Project Specifications

  • Draw elements on canvas
  • Use canvas paths to draw shapes
  • Add animation with requestAnimationFrame(cb)
  • Move paddle on arrow key press
  • Add collision detection
  • Keep score
  • Add rules button with slider
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.