This project was first generated with Angular CLI version 13.2.5.
Much has changed since then which has now been noticed and brought into this project. Pixle has been updated
and newly generated with Angular CLI version 18.2.9. All packages have been
reviewed and either upgraded or, because of their lack of support, removed entirely from the project.
This is the official repository of the web-based game Pixle.
The game is developed and published by the developer Nolan Bjarne Schiemann.
Wordle, Picross and typical nonograms have influenced the development of the web-game Pixle.
The player challenges themselves to solve a newly generated puzzle each day, with varying difficulty levels that can sometimes be quite nerve-wracking.
To solve a puzzle, the player must place the emojis on their correct tiles or positions, as shown at the start of the game and after each failed attempt.
Puzzles in the game Pixle are generated ahead of time and stored inside a small database or array.
This array only contains the necessary ids of the used emojis and a date on which the specific puzzle goes public.
Puzzles or pixles, as I like to call them, aren't fully, randomly generated. They always use one of the many, already given patterns.
This way it is ensured that the player won't feel discouraged or uncomfortable while solving a pixle.
It creates a certain familiarity, which helps bonding to the game.
Learning patterns can help recognizing them upon seeing a newly revealed pixle, which encourages to keep playing and train the brain.
Puzzles are now created dynamically on each new day. Databases for all available emoji icons and possible patterns are
still in use in the creation process.
To ensure consistency across all players, the current date and time are used as a seed to determine the puzzle creation process.
Gulp has been removed and is no longer needed. This project is ready to go!
Well, you do have to run the command npm i
at some point though... .
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build [project-name]
to build the project. The build artifacts will be stored in the dist/
directory.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.