simon.ly - play simon with your family https://simon.ly
Simonly is a HTML game written in VueJS.
I did it so my nephews had a game in which they were the main characters!
# install dependencies
npm install
# Copy config.template.js as config.js and edit your own firebase properties
cp ./config.template.js ./config.js
vi config.js
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# run unit tests
npm run unit
# run e2e tests
npm run e2e
# run all tests
npm test- src / assets / comic.ttf (font)
- static / key-files / 1.png ... 8.png - 800 x 635 sprite. On and off for each key (horizontally)
- static / key-files / 1.m4a ... 8.m4a - sounds for each key
- config.js (copy config.template.js)
No need to install this in your site to add your own keys!
Now simonly allows dynamic configuration from URL. Example: https://simon.ly/_/#/new
You can replace the name of the family (the id of the game), and the keys image and audio from an external configuration, through the URL.
You can set as many keys as you like. Recommended from 4 to 8 max.
Example: https://simon.ly/_/#/eyJpZCI6ImNoaXF1aXRvIiwiZCI6W3siaSI6Imh0dHBzOi8vc2ltb24ubHkvc3RhdGljLWNoaXF1aXRvLzEucG5nIiwiYSI6Imh0dHBzOi8vc2ltb24ubHkvc3RhdGljLWNoaXF1aXRvLzEubTRhIn0seyJpIjoiaHR0cHM6Ly9zaW1vbi5seS9zdGF0aWMtY2hpcXVpdG8vMi5wbmciLCJhIjoiaHR0cHM6Ly9zaW1vbi5seS9zdGF0aWMtY2hpcXVpdG8vMi5tNGEifSx7ImkiOiJodHRwczovL3NpbW9uLmx5L3N0YXRpYy1jaGlxdWl0by8zLnBuZyIsImEiOiJodHRwczovL3NpbW9uLmx5L3N0YXRpYy1jaGlxdWl0by8zLm00YSJ9LHsiaSI6Imh0dHBzOi8vc2ltb24ubHkvc3RhdGljLWNoaXF1aXRvLzQucG5nIiwiYSI6Imh0dHBzOi8vc2ltb24ubHkvc3RhdGljLWNoaXF1aXRvLzQubTRhIn1dfQ%3D%3D http://localhost:8080/_/#/eyJpZCI6ImNoaXF1aXRvIiwiZCI6W3siaSI6Imh0dHBzOi8vc2ltb24ubHkvc3RhdGljLWNoaXF1aXRvLzEucG5nIiwiYSI6Imh0dHBzOi8vc2ltb24ubHkvc3RhdGljLWNoaXF1aXRvLzEubTRhIn0seyJpIjoiaHR0cHM6Ly9zaW1vbi5seS9zdGF0aWMtY2hpcXVpdG8vMi5wbmciLCJhIjoiaHR0cHM6Ly9zaW1vbi5seS9zdGF0aWMtY2hpcXVpdG8vMi5tNGEifSx7ImkiOiJodHRwczovL3NpbW9uLmx5L3N0YXRpYy1jaGlxdWl0by8zLnBuZyIsImEiOiJodHRwczovL3NpbW9uLmx5L3N0YXRpYy1jaGlxdWl0by8zLm00YSJ9LHsiaSI6Imh0dHBzOi8vc2ltb24ubHkvc3RhdGljLWNoaXF1aXRvLzQucG5nIiwiYSI6Imh0dHBzOi8vc2ltb24ubHkvc3RhdGljLWNoaXF1aXRvLzQubTRhIn1dfQ%3D%3D
The code that goes after /_/#/ must be generated like this:
encodeURIComponent(window.btoa(JSON.stringify(json)));
being json something with this format:
{
"id": "myid",
"d": [
{ "i": "https://simon.ly/static-chiquito/1.png", "a": "https://simon.ly/static-chiquito/1.m4a" },
{ "i": "https://simon.ly/static-chiquito/2.png", "a": "https://simon.ly/static-chiquito/1.m4a" },
{ "i": "https://simon.ly/static-chiquito/3.png", "a": "https://simon.ly/static-chiquito/1.m4a" },
{ "i": "https://simon.ly/static-chiquito/4.png", "a": "https://simon.ly/static-chiquito/1.m4a" }
]
}
- This uses VueJS + Firebase.
- Unit tests with Karma + Mocha + Chai.
- Firebase is used for Hall Of Fame.
- Do a PR, I would love to hear from you!
- You can improve the design a little bit. I'm a developer, not a designer, I've tried to do my best! :)
- Collaborative mode: my nephews and nieces playing together!
I bought them in game dev market. Forbidden its use.
http://soundbible.com/1003-Ta-Da.html http://soundbible.com/1343-Jump.html http://soundbible.com/1204-Buzz.html
http://www.1001fonts.com/sf-atarian-system-font.html#styles
It's free for personal and commercial purposes.
Please read this before any use of the font.
This font is for PERSONAL USE ONLY:
Do not under any circumstances use the font in public media unless permission is given from designer MÂns Greb‰ck or legal reseller.
You may not share this font, neither on websites or to other computers, unless MÂns Greb‰ck's permission is given.
If you do not accept these agreements, do not install or use the font.
For further information, purchase and licence, please contact designer:
MÂns Greb‰ck mawns@live.se +46763068614 (Sweden)
Licensed under MIT License; all the source code, excluded the contents of directory "static" and "src/assets", which are ruled by licenses above.
The MIT License
Copyright (c) 2010-2017 Google, Inc. http://angularjs.org
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
By downloading this font package you agree to the following terms of use:
-
This FONT PACKAGE is FREEWARE and may be distributed ONLY via the Internet for FREE. Under NO circumstances may this FONT PACKAGE be sold for a profit nor be included as part of another product or CD-ROM compilation. If you wish to include this FONT PACKAGE for FREE distribution on your Web Site, please include all of the fonts and original documentation supplied with this FONT PACKAGE. For the latest releases and updates for this and other FONT PACKAGES, check our Web Site at http://www.shyfonts.com/.
-
You may install and use this FONT PACKAGE on an unlimited amount of machines.
-
You may NOT rename, edit, or create any alternate variations of the fonts included in this FONT PACKAGE.
-
This FONT PACKAGE comes "as is" with NO warranty whatsoever. SHYFONTS accepts NO responsibility for any damages or loss of any kind due to the use of this FONT PACKAGE. The use of this FONT PACKAGE is solely your responsibility -- you use this FONT PACKAGE at your own risk.
If you have any question regarding this document or the usage of this font package, feel free to contact us at info@shyfonts.com. Thank you for downloading this font package and enjoy!
(c) 1999 ShyFonts Type Foundry -- http://www.shyfonts.com