
Processing
Presentation
•
Computers
•
1st Grade
•
Practice Problem
•
Hard
Sara García Oliva
Used 12+ times
FREE Resource
17 Slides • 1 Question
1
Processing
Crear arte con la programación
2
Un poco de historia...
Ben Fry
Casey Reas
2001
3
1. ¿QUÉ ES?
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
Processing
Crear arte con la programación
Show answer
Auto Play
Slide 1 / 18
SLIDE
Similar Resources on Wayground
15 questions
五年级科学—生锈
Presentation
•
1st Grade
11 questions
sort
Presentation
•
1st Grade
11 questions
TYPES OF COMPUTERS
Presentation
•
1st Grade
15 questions
Correo Electronico
Presentation
•
KG
13 questions
Python instrukcja warunkowa
Presentation
•
1st Grade
15 questions
Internet
Presentation
•
2nd Grade
13 questions
Addition and Subtraction
Presentation
•
1st Grade
14 questions
La libertad 1. Qué es la Ilustración
Presentation
•
KG
Popular Resources on Wayground
24 questions
PBIS-HGMS Day 10
Quiz
•
6th - 8th Grade
10 questions
HCS SCI 03 Summer School Review 3
Quiz
•
3rd Grade
11 questions
Home Scope
Quiz
•
7th - 8th Grade
15 questions
HCS SCI 05 Summer School Assessment 3 Review
Quiz
•
5th Grade
35 questions
Lufkin Road Middle School Student Handbook & Policies Assessment
Quiz
•
7th Grade
18 questions
Geo 11.3 Area of Circles and Sectors
Quiz
•
9th - 11th Grade