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

Determine about the intranet server, Determine about the Intranet server ...

Determine about the Intranet server The success or usage of the Intranet server is measured by the number of operations it handles per Unit time. The selection of a good server

How can we decrement and increment operations, How can we decrement and in...

How can we decrement and increment  operations We  can  implement decrement  and increment  operations  by  using  a  combinational circuit  or  binary  down/up counters.  In

Learning abilities of perceptrons, Learning Abilities of Perceptrons: ...

Learning Abilities of Perceptrons: Conversely computational learning theory is the study of what concepts particular learning schemes as representation and method detail as a

How do you save data in bdc tables, How do you save data in BDC tables? ...

How do you save data in BDC tables? The data in BDC tables is saved by using the field name 'BDC_OKCODE' and field value of '/11'.

Cohesion assignments, what can be different assignments given on this topic...

what can be different assignments given on this topic?

Inspirations of artificial intelligence, Inspirations of artificial intelli...

Inspirations of artificial intelligence: Artificial Intelligence research can be easily understood by following example in terms of how the following question has been answere

Is there a macro recording interface in gimp, Not at this time. With GIMP b...

Not at this time. With GIMP based on GEGL, so that all changes are non-destructive, it will be much easier to execute this feature by just remembering all nodes in given range and

Properties for of static ram, a) Give eight properties for each of static R...

a) Give eight properties for each of static RAM (SRAM) and DRAM (dynamic RAM) and provide the low-level structure of each type of memory. b) Assume a system with 16 Megabytes o

Mapping design principle, The following definition of mapping is adapted fr...

The following definition of mapping is adapted from the first edition of the Set Book: Mapping concerns the relationship between controls and their effects in the world. Nearly al

What is a union, What is a union ? A union, like a structure, is a derive...

What is a union ? A union, like a structure, is a derived type. Unions follow the same syntax as structures but have members that share storage. A union type defines a set of alt

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