https://github.com/markteekman/drag-drop-mini-game
Small demo of a drag and drop interface using JavaScript's PointerEvents, Node.cloneNode() and getBoundingClientRect().
https://github.com/markteekman/drag-drop-mini-game
html javascript scss
Last synced: over 1 year ago
JSON representation
Small demo of a drag and drop interface using JavaScript's PointerEvents, Node.cloneNode() and getBoundingClientRect().
- Host: GitHub
- URL: https://github.com/markteekman/drag-drop-mini-game
- Owner: markteekman
- License: mit
- Created: 2021-03-20T09:58:17.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-04-08T13:51:04.000Z (over 5 years ago)
- Last Synced: 2025-02-10T04:16:20.896Z (over 1 year ago)
- Topics: html, javascript, scss
- Language: SCSS
- Homepage: https://markteekman.nl/levelup/drag-drop-mini-game/
- Size: 23.4 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Drag Drop Mini Game
Small demo of a drag and drop interface using JavaScript's PointerEvents, Node.cloneNode() and getBoundingClientRect(), where you can pick op the boxes and drop them in the dropzone. You can move them around in the dropzone and when you set the numbers in the right order, a small win screen will appear! This project is build using my own [New Game](https://github.com/markteekman/new-game) Gulp Build (feel free to use it!).
[Checkout the live demo here.](https://markteekman.nl/levelup/drag-drop-mini-game/)
[Checkout my other LEVELUP projects here.](https://markteekman.nl/levelup/)
