2011-04-18 8 views
7

He estado trabajando con un poco de experimentación HTML5 lienzo y tiene una serie de experimentos de tecnología de edición https://github.com/AlexChesser/jsSprite (WSAD, Q, E, X claves sobre los grupos demográficos claves Minotauro, añadir C y B en la demo zombi)Dibujar un lienzo en otro lienzo es borroso. ¿Cómo puedo arreglarlo?

Si mira el número de demostración 1: 01-draw_minotaur.php, verá una imagen dibujada directamente en el lienzo, y se ve bien y nítida.

Sin embargo, si se compara con la demo donde pongo el Minotauro en un lienzo a continuación, dibuje el lienzo en la matriz, el resultado es borrosa: 03-drawn_minotaur_on_canvas.php

¿Cómo puedo hacer que el lienzo en el ISN dibujo lienzo' t borroso?

EDITAR código completo está arriba en GIT: https://github.com/AlexChesser/jsSprite

Edit2: en cuenta que Google ha marcado mi dominio como malware (que para ser justos, ya que el proveedor de alojamiento fue hackeado hubo un breve momento en que hay era algún tipo de malware allí) en lugar de dejar el enlace vulnerable, lo he actualizado para que apunte exclusivamente a la fuente en github.

+0

El primer enlace está ahora marcado como malware por google. :( – broofa

+0

gracias. He actualizado el enlace. Estaba marcado como Malware y lo eliminé, pero no hay garantía de que mi servidor web no sea pirateado de nuevo. –

+0

vez para un nuevo servidor web, creo. :) – broofa

Respuesta

7

¡Esto es complicado!

Para lienzos, en realidad no usa Style para determinar su ancho y alto.

Así que al establecer el estilo del lienzo en realidad está distorsionando el lienzo.

Así que escribir <canvas id="game" width=512 height=512> </canvas> en su página principal solucionará su problema.

Lo probé para confirmar que ese era realmente el problema, así que si todavía hay algo mal, hágamelo saber y le enviaré mi código.

¿No debería ser simplemente MainContext.drawImage(m.canvas, 0, 0);? De lo contrario, estás aplastando al Minotauro?

+0

I ' ll comprobar ahora mismo! Gracias otra vez Simon. ... (editar) 100% correcto en ambos aspectos. Anteriormente, el Mino no salía aplastado, pero era algo extraño con el estilo. Ahora lo tengo rodando. ¡Creo que * finalmente puedo llegar a la lógica básica del juego ahora! ¡Gracias de nuevo! –

+0

por favor no alimentes al Minotauro, solo sonríe cortésmente y muévete al próximo animal. –

Cuestiones relacionadas