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

Paging, Hardware Support for paging

Hardware Support for paging

How is it possible to make a module counter using n flipflop, How is it pos...

How is it possible to make a module 2 n counter using N-flipflops?  Name the two types of such counters. Ans: Module 2 n counter counts total 2 n distinguishable states w

How do you debug a loadrunner script, VuGen have two options to help debug ...

VuGen have two options to help debug Vuser scripts-the Run Step by Step command and breakpoints. The Debug settings in the Options dialog box permit us to verify the extent of the

What are privileged instructions, What are privileged instructions?  So...

What are privileged instructions?  Some of the machine instructions that might cause harm to a system are designated as privileged instructions. The hardware permits the privil

Define the identifiers of c language, Define the Identifiers of c language?...

Define the Identifiers of c language? In C the names of the functions, variables and arrays and various other user - defined items are called identifiers. The first character o

Time complexity, Take a look at the code and try to understand the logic, p...

Take a look at the code and try to understand the logic, particularly, the way scrambled words are disambiguated, i.e.., whether they are matched successfully against a correct wor

What are the advantages of electronic payment system, What are the advantag...

What are the advantages of electronic payment system? Advantages of the electronic payment system are illustrated below: This gives good security schemes. Four important sec

Advantages to companies adopting call centres, Advantages to companies adop...

Advantages to companies adopting call centres Computer systems have allowed companies to set up call centres in other nations where potential cost savings can be made. This, of

Derive the expression of traffic capacity, Traffic Capacity is given by? ...

Traffic Capacity is given by? Traffic Capacity = Switching capacity × Theoretical maximum load.

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