Some content could not load. We could not load files from our content delivery networks (CDN).
Your network may be blocking access. Ask your IT to allow loading from: .
Network domains required
We use these CDNs to deliver the files the site needs to run, please allow the following:
Domains to allow Used for
cdn.jsdelivr.net styles and JavaScript libraries.
cdnjs.cloudflare.com JavaScript libraries and icons.
code.jquery.com jQuery and jQuery UI.
pixelpad.io, cdn.pixelpad.io CDN of images, sounds, and application files.
cdn.datatables.net Interactive tables.
fonts.googleapis.com, fonts.gstatic.com Fonts stylesheets and font files.
s3.us-west-1.amazonaws.com, s3-us-west-1.amazonaws.com Project files stored on Amazon S3.
vmwan2cvlyzeklq4knz63qh6d40lewka.lambda-url.us-west-1.on.aws Amazon AWS Project play counters.
nexushud.org Learning assistant.
u45ivsqoja6u3sk7zaliv37zq40hpbxk.lambda-url.us-west-1.on.aws Amazon AWS AI character responses, when used.
  • EXPLORAR
  • APRENDER
  • INICIAR SESIÓN
  • Introducción
  • Juego
  • Start y Loop
  • Objetos
  • Sprites
  • Animación
  • Sonidos
  • Salas
  • Entrada
  • Colisión
  • Funciones
  • Cámara
  • FPS
  • Texto
  • Gráficos
  • Filtros
  • Multijugador
  • IA

PixelPAD 2D - Gráficos

draw_rectangle(x1 :number, y1 :number, x2 :number, y2 :number, lineThickness :number, lineColor :number, fillColor :number) -> graphic

Ejemplo
Descripción
Dibuja un rectángulo entre dos esquinas y te devuelve un gráfico que puedes mover, ocultar o destruir.
Parámetros
x1
La posición x del borde izquierdo.

y1
La posición y del borde inferior.

x2
La posición x del borde derecho.

y2
La posición y del borde superior.

lineThickness
El grosor del borde, en píxeles.

lineColor
El color del borde, como número hexadecimal, por ejemplo 0xFF0000.

fillColor
El color del interior, como número hexadecimal.

Devuelve
Un objeto gráfico

draw_ellipse(x :number, y :number, width :number, height :number, lineThickness :number, lineColor :number, fillColor :number) -> graphic

Ejemplo
Descripción
Dibuja una elipse alrededor de un punto central.
Parámetros
x
La posición x del centro.

y
La posición y del centro.

width
Cuánto se extiende la elipse a la izquierda y a la derecha del centro.

height
Cuánto se extiende la elipse por encima y por debajo del centro.

lineThickness
El grosor del borde, en píxeles.

lineColor
El color del borde, como número hexadecimal.

fillColor
El color del interior, como número hexadecimal.

Devuelve
Un objeto gráfico

draw_polygon(points :list, lineThickness :number, lineColor :number, fillColor :number) -> graphic

Ejemplo
Descripción
Dibuja una forma a partir de una lista de puntos de esquina. El último punto se une con el primero.
Parámetros
points
Una lista de pares [x, y], uno por cada esquina.

lineThickness
El grosor del borde, en píxeles.

lineColor
El color del borde, como número hexadecimal.

fillColor
El color del interior, como número hexadecimal.

Devuelve
Un objeto gráfico

draw_arc(x :number, y :number, radius :number, startAngle :number, endAngle :number, lineThickness :number, lineColor :number, fillColor :number) -> graphic

Ejemplo
Descripción
Dibuja parte de un círculo. Los ángulos están en grados, en sentido antihorario desde la derecha.
Parámetros
x
La posición x del centro.

y
La posición y del centro.

radius
A qué distancia del centro está el arco.

startAngle
El ángulo en el que empieza el arco, en grados.

endAngle
El ángulo en el que termina el arco, en grados.

lineThickness
El grosor de la línea, en píxeles.

lineColor
El color de la línea, como número hexadecimal.

fillColor
El color del interior. Omítelo para no rellenar.

Devuelve
Un objeto gráfico

draw_line(x1 :number, y1 :number, x2 :number, y2 :number, lineThickness :number, lineColor :number) -> graphic

Ejemplo
Descripción
Dibuja una línea recta entre dos puntos.
Parámetros
x1
La posición x en la que empieza la línea.

y1
La posición y en la que empieza la línea.

x2
La posición x en la que termina la línea.

y2
La posición y en la que termina la línea.

lineThickness
El grosor de la línea, en píxeles.

lineColor
El color de la línea, como número hexadecimal.

Devuelve
Un objeto gráfico

propiedades del gráfico

Cada función de dibujo devuelve un objeto gráfico. Cambia estas propiedades para moverlo, atenuarlo u ocultarlo.
box.x = 100 establece la posición x en 100
box.y = 100 establece la posición y en 100
box.z = 1000 lo dibuja delante de cualquier cosa con una z menor
box.angle = 45 lo gira 45 grados
box.alpha = 0.5 lo hace semitransparente
box.visible = False lo oculta sin destruirlo
box.scaleX = 2 establece el ancho al 200%
box.scaleY = 2 establece el alto al 200%
Cuando termines con un gráfico, elimínalo con destroy(box). El mismo destroy() funciona también con objetos y texto.
PixelPAD
Sobre nosotros
Discord
Versión Arm 3.0.1013
Recursos
Documentación
EULA
Política de privacidad
Contáctanos
hello@pixelpad.io
Español
English Deutsch Español Français Português 日本語 简体中文 繁體中文 한국어
© 2026 Todos los derechos reservados.
PixelPAD.io
Logo

¡Hola de nuevo!

Inicia sesión para seguir creando

Guarda tu proyecto iniciando sesión o registrándote.
¿Has olvidado tu contraseña?

¿No tienes cuenta?

Logo

Crea tu cuenta

Únete a miles de creadores en PixelPad

Guarda tu proyecto iniciando sesión o registrándote.

¿Ya tienes cuenta? Iniciar sesión

Logo

Únete como docente

Dale a tus estudiantes herramientas creativas

Crea aulas y supervisa el progreso de tus estudiantes.

¿Ya tienes cuenta? Iniciar sesión