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

What is the role of certifying authority, What is the Role of Certifying Au...

What is the Role of Certifying Authority? A certificate authority is a body, that is either public or private, that seeks to fill the requirement for trusted third-party servic

What is blocking probability, What is blocking probability? Blocking ...

What is blocking probability? Blocking Probability: The blocking probability P is described as the probability like all the servers in system are busy. If all the servers ar

Describe the instruction set architecture, Q. Describe the instruction set ...

Q. Describe the instruction set architecture? The significant role of the Central Processing Unit (CPU) is to perform calculations, to coordinate all other hardware components,

Convert, haw to convert context free grammar to regular grammar

haw to convert context free grammar to regular grammar

Using aspx view engine, When using aspx view engine, to have a steady look ...

When using aspx view engine, to have a steady look and feel, across all pages of the application, we can build use of asp.net master pages. What is asp.net master pages equal, when

Explain the term- signals, Explain the term- Signals -  Signals are use...

Explain the term- Signals -  Signals are used for communication between components -  Signals can be seen as real, physical signals -  Some delay should be incurred in a

Concepts of evolution are used by the genetic algorithm, Q. What basic conc...

Q. What basic concepts of evolution are used by the genetic algorithm? ANSWER: The three concepts are selection, crossover and mutation. Selection is the feature of a genetic a

Explain client server model, Explain Client Server Model. In the client...

Explain Client Server Model. In the client- server model, communication usually takes the form of a request message from the client to the server asking for several works to be

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