Ejemplo Spiro: juego de dibujo animado
Actualización: noviembre 2007
El ejemplo Spiro es un juego de dibujo que muestra la forma de trabajar con las siguientes características:
Contextos de dispositivo (DC) de la memoria para aplicaciones que requieran efectos de animación.
Modo de asignación MM_LOENGLISH.
Listas de imágenes (creadas mediante CImageList), incluido el modo de transparencia y las operaciones de arrastrar y colocar mapas de bits.
.gif "Nota de seguridad") Nota de seguridad: |
|---|
Este código de ejemplo se proporciona para ilustrar un concepto y no debe utilizarse en aplicaciones o sitios Web, ya que quizás no ilustre las prácticas de codificación más seguras. Microsoft no asume ninguna responsabilidad por daños incidentales o consecuentes en caso de que el código de ejemplo se utilice para propósitos distintos de aquellos para los que se concibió. |
Para obtener ejemplos e instrucciones para su instalación:
En el menú Ayuda de Visual Studio, haga clic en Ejemplos.
Para obtener más información, vea Localizar archivos de ejemplo.
La lista de ejemplos completa con la versión más reciente está disponible en línea en la página Visual Studio 2008 Samples.
También encontrará ejemplos en el disco duro de su equipo. De manera predeterminada, los ejemplos y el archivo Léame se copian en una carpeta bajo \Archivos de programa\Visual Studio 9.0\Samples\. Para las versiones Express de Visual Studio, todos los ejemplos están en línea.
Generar y ejecutar el ejemplo
Para generar y ejecutar el ejemplo Spiro
Abra la solución spiro.sln.
En el menú Generar, haga clic en Generar.
En el menú Depurar, haga clic en Iniciar sin depurar.
La barra de herramientas contiene cuatro tipos de anillo y siete tipos de rueda. Los anillos y las ruedas pueden combinarse (un anillo con una rueda) para crear distintos dibujos "espirográficos".
.gif "Nota") Nota: |
|---|
Las ruedas también pueden utilizarse como anillos. En este caso, se coloca una rueda fuera de otra rueda. |
Cuando se hayan configurado el anillo y la rueda en el área de dibujo, puede hacer clic en el "punto de dibujo de la rueda" y arrastrarlo a otra posición de la rueda. Al cambiar la ubicación del punto de dibujo se generan dibujos distintos. Además, puede seleccionar en la barra de herramientas los colores que desea utilizar. Por último, puede seleccionar el ancho del lápiz; para ello, haga clic en el botón "width setting" de la barra de herramientas.
Cuando haya seleccionado estos valores de configuración, empiece a dibujar. Para ello, haga clic en el botón "Play". Esto desencadena la acción de dibujo, que se puede pausar con el botón "Pause". Y se puede "recorrer paso a paso" con el botón "step".
Otras características
Velocidad de dibujo La velocidad de dibujo se controla mediante los botones "Fast Drawing" y "Slow Drawing" de la barra de herramientas.
Borrar o volver a colocar los anillos Cuando haya completado el dibujo, puede quitar los anillos o la rueda de la superficie de dibujo haciendo clic en el botón "cancel-ring" o "cancel-wheel" de la barra de herramientas.
Nota:Al hacer clic en el botón "cancel-ring" se quita también la rueda de dibujo, si estuviera presente.
Para volver a colocar la rueda o el anillo, quite el anillo y vuelva a colocarlo.
Copiar y arrastrar dibujos espirográficos Es posible arrastrar dibujos espirográficos finalizados a distintas ubicaciones del área de dibujo mediante el mouse (ratón). Para copiar un dibujo, mantenga presionada la tecla Ctrl y arrástrela a la nueva ubicación.
Quitar dibujos espirográficos Para quitar un dibujo del área de dibujo, arrástrelo y colóquelo fuera del área de dibujo. Para ello, es posible que tenga que alejar el dibujo una o más veces hasta que se vean en pantalla sus límites.
Zoom Hay dos botones en la barra de herramientas para acercar y alejar. Estos botones funcionarán incluso durante la creación del dibujo. Puede alejar varias veces hasta que estén visibles los límites del área de dibujo.
Imprimir Puede ver los dibujos antes de imprimir mediante la opción Print Preview del menú File. Esta aplicación le permitirá imprimir diseños muy bonitos en una impresora en color.
Clases y palabras clave
En este ejemplo, se muestra el uso de las siguientes clases:
CImageList, CToolbar, CPoint, CPen, CBrush, CDC, CArchive, CPaintDC, CRgn, CBitmap, CCmdUI, CToolbarCtrl, CSize
En este ejemplo, se muestra el uso de las siguientes palabras clave:
CBitmap::CreateCompatibleBitmap, CBitmap::DeleteObject, CImageList::DragEnter, CImageList::DragLeave, CImageList::DragMove, CImageList::EndDrag, CDC::DPtoLP, CDC::LPtoDP, CDC::IsPrinting, CDC::SetWindowOrg, CDC::SetViewportOrg, CDC::FillRect, CCmdUI::Enable, CView::OnPrepareDC, CRect::SetRect, CRect::InflateRect, CToolbarCtrl::IsButtonChecked