¿Cómo hacer un puzzle sencillo para niños?

[Neftali [Germán.Estévez]]

Algunos links que te pueden ayudar...

Cómo trocear una imagen en trozos a modo de puzzle.

Una vez troceada debes poder moverlas utilizando el ratón. Aquí hay un ejemplo de cómo puedes mover componentes de tipo TImage utilizando el ratón (y aquí otro sobre lo mismo).

Por último sólo queda la parte de "saber" cuando el puzzle está acabado y correcto. deberías tener una zona donde las imágenes que se mueven queden ancladas. Es decir en un puzzle de 2x3, deberías tener definido una "especie" de tablero, donde puedas conocer qué pieza se ha movido a cada posición y poder comprobar si cada una está en la posición correcta.

Espero que te haya servido de ayuda.

Un saludo.

[bulc]

Me pongo a ello. Gracias.

[roman]

Empezado por Neftali

Cómo trocear una imagen en trozos a modo de puzzle.

¿Y para trocearlos así?





Edito:

¡Epa! ¡Qué trozote! Pero se entiende la pregunta ¿no?

// Saludos

[bulc]

Vaya recochineo... !!Je, je!! Pero si no sé ni hacer una o con un canuto!

[[movorack]]

Se que delphi es un lenguaje multiproposito pero esto no sería mucho mas sencillo no se en Flash o hasta en HTML5 y creo que de eso si que abundan ejemplos y hasta mas sencillo ha de ser.

Como ejemplo solo escribes "Flash create puzzle game" y te devuelve 77 millones de resultados... entre otros este.

En cambio si escribes "Delphi Creatre puzzle game" solo te devuelve 12 millones de resultados y de verdad que no hay tantos tutoriales "For dummies".

Esto lo digo por:

Vaya recochineo... !!Je, je!! Pero si no sé ni hacer una o con un canuto!

[Neftali [Germán.Estévez]]

Empezado por roman

¿Y para trocearlos así?

Ufff!!!!!

Podemos intentar avanzar un poco más.

Para el tema de la interficie, que es lo primero que se me ha venido a la cabeza, supongo que un opción sería utilizar forms con máscaras. Hay alguna utilidad que permite facilitar esto. Si pensamos en un puzzle con las piezas interiores iguales, habría que generar 9 máscaras (4 esquinas, 4 laterales y 1 interior).
Algo así:



(link al ejemplo en el FTP)

En el tema de la imagen que comentas Román, no se si se puede hacer utilizando algún tipo de máscaras.

Pienso en un puzzle de este tipo, en que las piezas interiores son iguales (2 o tres tipos)



Tal vez alguien más ducho en tema de gráficos nos pueda ayudar aquí. Creo que a partir de una plantilla de este tipo, o utilizando unas máscaras similares a las que se usan en el ejemplo para los forms, se debe poder "extraer" de una imagen grandes los trozos que conforman el puzzle.

El último punto complejo, imagino que sería, el detectar que las piezas están colocadas correctamente. Para eso no se si se podría utilizar una plantilla en el formulario que además de hacer de guía, sirviera para ajustar las piezas a sus posiciones correctas (igual que hay controles que llamamos "magnet" que ajustan las ventanas a los bordes, algo similar con las piezas a sus posiciones correctas cuando están cerca).



a ver si alguien puede aportar más sobre el tema de las imágenes, me parece interesante.

Un saludo.

[bulc]

Yo creo q para mi nivel lo podríamos dejar en trozos rectangulares. Luego se puede ampliar a formas curvas.
Supongo que cada pieza deberá colocarse según el área donde el ratón haga OnMouseUp. ¿Es así?
¿Debe definirse el área de destino con relación al TForm, o cambia si el TForm se altera de tamaño?
Eso es todo.
Saludos.

[bulc]

Más gente al paro.

[Neftali [Germán.Estévez]]

Empezado por bulc

Más gente al paro.

No lo creo. Yo tengo en la mesa del comedor ahora, uno de 3000 piezas...
Dudo que pudiera hacerlo en la pantalla...

[bulc]

Una preguntita. ¿Cómo se impide que el ratón salga del TForm llevándose la notita-cursor del proceso Drag&Drop?
Los enanos alumnos, se llevan la letra fuera (al escritorio windows) y la pierden, lo mismo que pierde la paciencia su profe.
Lo dicho... Gracias.

[Neftali [Germán.Estévez]]

Empezado por bulc

Yo creo q para mi nivel lo podríamos dejar en trozos rectangulares. Luego se puede ampliar a formas curvas.

Correcto; No estaba pensando en que lo implementaras, si no es necesario, simplemente era por ampliar la información y por probar. Ya sabes, como cuando empiezas un puzzle que es un reto acabarlo, pues algo así... Es el gusanillo que todos tenemos de resolver problemas...

Empezado por bulc

Supongo que cada pieza deberá colocarse según el área donde el ratón haga OnMouseUp. ¿Es así?
¿Debe definirse el área de destino con relación al TForm, o cambia si el TForm se altera de tamaño?
Eso es todo.

Si, entiendo que de alguna forma debes definir una zona donde se van a colocar las piezas "con lo lugares disponibles" y almacenar de alguna manera qué pieza del puzzle va en cada uno de esos "lugares".

Entiendo que el TForm, deberá ser del mismo tamaño que la imagen original (deberías bloquear para que no cambie), de esa forma cuadrarán la piezas dentro del form (en cuanto a tamaño).