![]() ![]() Since the application uses a minimalist UI, the majority of development was focused on implementing game mechanics. After gaining some understanding of the language (thanks to the Intro to Web Development workshop), I proceeded to implement the internal representations of puzzle data, followed by the user interface. This seemed a reasonable way to begin development since said formulas are critical for the application's efficiency, and I could write them without yet knowing the fundamentals of Javascript. the numbers that appear adjacent to rows/columns) for a puzzle. I began by designing and writing the algorithms necessary for the program, such as the one that generates the hint numbers (i.e. The user is then able to click on squares in order to fill and clear them, until the solution is found. The application randomly generates a puzzle, then presents the user with a grid and the corresponding numbers. ![]() When the correct squares of the puzzle are filled, an image is revealed. A nonogram consists of a grid of squares, and numbers adjacent to rows and columns these numbers indicate how many squares in a row/column should be filled. The application generates a type of puzzle known as a nonogram (sometimes called a grid puzzle or griddler, among other names), whose invention is typically attributed to Non Ishida. ![]() Recognizing the language's dominance in web applications, I am certain that learning Javascript will be useful for me. I wanted to use Javascript specifically because, prior to this hackathon, I had almost no experience whatsoever in Javascript. Nothing big, it’s really a practice project, but it’s nice to have something I kind of ran at and conquered of my own volition.Puzzles such as nonograms always entertain me, so I knew that developing a puzzle application of my own would be a fun experience. The plan going forward is to put in some kind of backend so that people can use their Facebook profiles or whatever to jump on and save their puzzles. I think the clue verification is still a bit wonky, and there’s nowhere to input your created puzzles to make them usable, but it’s a start. You can go in, you can make objects that could theoretically be exported into the program as solvable puzzles, you can solve puzzles and it tells you when you win. What I originally referred to as “TableMaker” became Griddler 2, and I think is the most usable bit of programming I’ve done to date. Of course this didn’t work out right away and I had to tweak stuff but suddenly I had an appropriate DOM object to work with, consistent across instances importantly, since prepending the table headers in front of the rows was one of the things throwing me off with jQuery. I started working with jQuery and worked out the basic structure I wanted on notepaper at work before I took it home and started working with it.įunction tableMaker ( tableId, puzzle ) I started working on other projects and got more comfortable using github to host my online content.Īt this point I began work on the next iteration of the nonogram software, mostly working on setting up the form that would be used to input the values and get it set up. I think the main problem was that I thought I should be able to have a function that could traverse both columns and rows to output the binary value representing activated cells. I ran into a couple of headaches and realized I didn’t necessarily have the capacity to work this out on Codepen. See the Pen Nonogram by James Beardsley ( on CodePen. In the process of looking into doing so, I realized quickly that I would essentially have to reinvent the game in order to program the solving algorithm, and I started working on an engine to render the grid as a usable artifact on Codepen. I have a couple of strategies I’ve figured out for solving the puzzles, and I was looking into transferring them into a javascript program I would use to solve the puzzles for me or at least give me a head start. Last year I started playing a game called Griddlers Plus on my telephone, it’s a pretty simple Nonogram game with colors and triangles spaces which is pretty great. The Nonogram generator is my biggest project to date, and the one I’ve got the most significant plans for.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |