Arrow Swipe Game with HTML, CSS and JavaScript (Part 1 – Foundation)

Learn how to build an Arrow Swipe Game, with touchscreen support, using HTML, CSS and JavaScript!

Part 1 – Setting the Foundation: Basic HTML, CSS and JavaSript, Font Awesome Icons, Multi-device Swipe with JavaScript using Mouse Events (mousedown, mouseup) for traditional or non-touch screens and Touch Events (touchstart, touchend) for touch screens.

Part 2 – Animations: Animate.css Library, CSS Animations, Add/Remove CSS Animation Classes with JavaScript.

Part 3 – Progress Bar Countdown…


  1. ™ §imply is i want say i S2 u for video in particular and your effort ✍ in general !!! 💖

  2. Nice project idea and clear explanation of concepts. Doing a very good job, keep it up!

Leave a Reply

Your email address will not be published. Required fields are marked *