
Processing
Presentation
•
Computers
•
1st Grade
•
Practice Problem
•
Hard
Sara García Oliva
Used 12+ times
FREE Resource
17 Slides • 1 Question
1
Crear arte con la programación
2
Ben Fry
Casey Reas
2001
3
SOFTWARE libre y de código abierto
Processing es una aplicación de software que permite:
Escribir
Editar
Compilar
Ejecutar
4
1.1 PROCESSING se basa en JAVA
Para recordar en qué consistía esto de programar
5
Pero tranquilidad...es DISEÑAR
Processing utiliza conceptos básicos de JAVA para crear:
Formas visuales, movimiento, interacción
6
1.2 Descarga (gratuita)
Lo guardaremos en C:/Archivos de programa
Abrimos el archivo ejecutable
7
Minimalista
Simplificado
2. Entorno de desarrollo
SKETCH: Cada uno de los programas de Processing
8
2.1 Primeros pasos
Podemos comprobar que todo funciona correctamente abriendo uno de los ejemplos que vienen por defecto en el programa
9
PARADA TÉCNICA
¡A INSTALARSE PROCESSING TODO EL MUNDO!
10
2.2 Cuaderno de bocetos (Sketch)
Una vez creemos un Archivo Nuevo, lo Guardamos como, y le ponemos nombre
Processing NO permite
- Espacios
- Guiones medios
Los nombres de archivo NO pueden empezar con un número
11
2.2.1 Guardado de archivos
Por defecto, los archivos se guardan con la fecha del día en curso.
En la imagen: 24-01-05 (05/01/2024)
12
Multiple Choice
¿Qué nombre de archivo es correcto para Processing?
sketch_24 -10-5
2sketch_240105b
sketch_240105b
No me he enterado
13
3. ESCRIBIENDO CÓDIGO EN PROCESSING
3.1 Reglas sintácticas básicas
3 tipos de declaraciones:
Funciones
Operaciones de asignación
Estructuras de control
14
3.1 Reglas sintácticas básicas
3.1.1 Funciones
nombre(argumento 1, argumento 2)
size(ancho, alto)
- especifica las dimensiones (en píxeles) de la ventana que deseas crear y toma 2 argumentos: anchura y altura
La función size es siempre el PRIMER ARGUMENTO
15
3.1 Reglas sintácticas básicas
3.1.1.1 Función size y println
16
¿Y cómo sé si estoy poniendo bien la sintaxis?
Funciones disponibles por categoría, o por orden alfabético
17
4. Mi primer Sketch
4.1 Elipse
Copiad este código en Processing:
void steup(){
size(720, 220);
}
void draw(){
if(mousePressed){
fill(0);
}else{
fill(255);
}
ellipse(mouseX, mouseY, 80, 80);
}
18
Y esto es to, esto es to, esto es todo, amigos
Crear arte con la programación
Show answer
Auto Play
Slide 1 / 18
SLIDE
Similar Resources on Wayground
11 questions
Teenager 5 Session 22: Pronunciation & Speaking
Presentation
•
KG
11 questions
PLANO CARTESIANO
Presentation
•
1st Grade
15 questions
Think About Counting
Presentation
•
1st Grade
15 questions
Keselamatan ketika bermain di depan komputer
Presentation
•
1st Grade
16 questions
Nie tylko procesor. O tym, co w środku komputera i na zewnątrz
Presentation
•
1st Grade
16 questions
Informática - Evaluación Diagnóstica Soporte 2do
Presentation
•
1st Grade
14 questions
Código ASCII
Presentation
•
1st Grade
15 questions
Use Models and Strategies to Add Tens and Ones
Presentation
•
1st Grade
Popular Resources on Wayground
10 questions
Safety Day 2026 – Student Review
Quiz
•
9th Grade
21 questions
Continents and Oceans
Quiz
•
6th Grade
20 questions
Parts of Speech
Quiz
•
5th Grade
16 questions
Subject & Predicate
Quiz
•
5th Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
12 questions
Map Skills
Quiz
•
3rd Grade
22 questions
Continents and Oceans
Quiz
•
5th Grade
15 questions
Rounding Decimals
Quiz
•
5th Grade
Discover more resources for Computers
15 questions
Addition and Subtraction
Quiz
•
1st Grade
26 questions
SLIME!!!!!
Quiz
•
KG - 12th Grade
20 questions
Addition and Subtraction facts
Quiz
•
1st - 3rd Grade
20 questions
Place Value
Quiz
•
KG - 3rd Grade
4 questions
K-2 Force and Motion Lesson
Presentation
•
KG - 2nd Grade
10 questions
Fact Families
Quiz
•
1st Grade
10 questions
Identifying Physical and Chemical Changes
Interactive video
•
1st - 5th Grade
15 questions
Place Value tens and ones
Quiz
•
1st Grade