https://github.com/philipf5/gsap-lights
Demo app for using Angular mechanisms to manage and sequence GreenSock animations
https://github.com/philipf5/gsap-lights
angular greensock
Last synced: 6 months ago
JSON representation
Demo app for using Angular mechanisms to manage and sequence GreenSock animations
- Host: GitHub
- URL: https://github.com/philipf5/gsap-lights
- Owner: PhilipF5
- License: mit
- Created: 2018-09-07T02:01:36.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-10-05T18:09:08.000Z (over 6 years ago)
- Last Synced: 2023-09-05T05:59:09.671Z (over 2 years ago)
- Topics: angular, greensock
- Language: TypeScript
- Homepage: https://medium.com/@philipf5/patterns-for-using-greensock-in-angular-9ec5edf713fb
- Size: 135 KB
- Stars: 16
- Watchers: 3
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# gsap-lights
This is a demo project designed to showcase how the [GreenSock Animation Platform](https://greensock.com) can be integrated with the [Angular](https://angular.io) front-end framework.
## Gameplay
This is a recreation of the *Lights Out* puzzle popularized by Tiger Electronics and reused in plenty of video games since then. The player is given a grid of lights, some of which are lit. Clicking any light toggles both it and all of the immediately adjacent lights, meaning any of those lights that are on will turn off, and any that are off will turn on. The objective is to reach a state where all of the lights are off.
The default configuration uses a 6x6 grid, which means all possible puzzles are inherently solvable (it's a math thing). If you modify the project to produce different grid sizes, the randomizer may generate unsolvable puzzles.