Thank you for purchasing my game. If you have any questions, please feel free to contact me here.
Before start using this script you need to change the username and password:
Now you can start creating puzzles, just go to the admin page http://<domain>/<install-dir>/admin/
,
after login, click on "create puzzle" and start adding words.
Because the max size of the grid is 20 and the max number of words is size * 2
(see below), you must add at least 40 words to make the game work properly. The script choose random words of the supplied.
Note: You can put different words in the list and in the board, just separate these with a colon (e.g. blue:azul, japan:tokyo)
Congratulations: You have HTML5 WordSearch installed.
Below is an example with all available options and their defaults values:
you can change game options individualy per each puzzle through the admin interface
Note: you can change the default game options that are displayed in the admin panel, just edit the file admin/include/config.php
(useful if for example you rarely use the english alphabet).
So you want to save the score of your users in a database?, set the option showForm to true to display a form to the user when the game is finished, this way the user can send the score to the server:
Note: The script does not save the score, it just sends the info to the server so you can save it.
time
: Time required to complete the puzzle in ISO 8601 format (hh:mm:ss).score
: score achieved.Use these to rank the players.
There are two CSS files.style.css
contains all of the specific stylings for the app. The file is separated into sections using:
/*== Word Search puzzle ==*/ /*== Options bar ==*/ /*== Clock ==*/ /*== Select ==*/ /*== Share buttons ==*/ /*== Modal window ==*/
Note: You may want to change the div.modal
rule at the Modal Window section.
The buttons.css
file specifies the appearance of the buttons.
This game imports two Javascript files.
To initialize the app just create an instance of game.Soup()
after the DOM is ready. You can also specify an object with options (see above).
There are three events you can subscribe:
solve
button.I've used the following code:
Jhonatan Salguero