Create a sliding puzzle, Computer Engineering

Assignment Help:

As demonstrated in a simple manner in my Animated Tiles example, the purpose of this assignment is to use jQuery animations to develop a simple puzzle using DIV tags and styles. Create a 9 x 9 "grid" of DIVs, each whic contains 1/9th of a 300 x 300 pixel picture that you are free to choose from (keep it PG-13 please).

Google Images

Google images would be a good resource for finding a picture. Here is an image search I did for images of a "giraffe" that are 300px x 300px:

Strategy: Sliding Puzzle

The approach to a sliding puzzle is to scramble a set of tiles (usually with images) and then slide the tiles around until the image displays correctly: Sliding Puzzle

With a 3 x 3 tileset, we'll have to leave one spot open so that we can slide the tiles. Your challenge is to determine which tiles can move given any of the possible positions for an empty tile.

For instance, in the image below, when the empty spot is position 1, which tiles can move to occupy that slot?

You'll find that there are discrete and finite moves possible for every empty-slot combination

112_Create a Sliding Puzzle.png


Related Discussions:- Create a sliding puzzle

Which is most general phase structured grammar, Which is most general phase...

Which is most general phase structured grammar? Context – Sensitive is most common phase structured grammar.

Dbms, Disadvantages of file processing system

Disadvantages of file processing system

Determine bhca rating for processor and call completion rate, A call proces...

A call processor in an exchange requires 120 ms to service a complete call. What is the BHCA rating for the processor? If the exchange is capable of carrying 700 Erlangs of traffic

What is path testing, Explain path testing.   Path Testing: Testing in ...

Explain path testing.   Path Testing: Testing in which all paths in the program source code are tested at least once. Path testing has been one of the first test methods, and e

First-order models, First-Order Models: Here if we proposed first-orde...

First-Order Models: Here if we proposed first-order logic as a good knowledge representation language than propositional logic is just because there is more expressive than we

Counter, mod12 counter connection diagram

mod12 counter connection diagram

Why do we need dma, Why do we need DMA? DMA is used to transfer the blo...

Why do we need DMA? DMA is used to transfer the block of data directly among an external device and the main memory without the continuous intervention by the processor.

Determine about the information centres, Determine about the Information ce...

Determine about the Information centres Airports, supermarkets and any application where information needs to be relayed to customers, gain advantage from having automatic inf

Define memory utilization factor, Memory utilization factor shall be comput...

Memory utilization factor shall be computed as? Ans. memory in use/total memory connected.

What is zero address instruction, Zero address instruction.  It is also...

Zero address instruction.  It is also possible to use instruction where the location s of all operand is explained implicitly. This operand of the use of the method for storing

Write Your Message!

Captcha
Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd