Pong Scratch

NOMBRE DE LAS ZONAS DEL ENTORNO DE PROGRAMACIÓN

INTRODUCCIÓN A SCRATCH

01. MOVIMIENTO Y SONIDO

Abre, desde Scratch, el programa 01 movimiento y sonido que te he pasado por email.

Prueba el funcionamiento del programa, para ello haz clic en cualquiera de los bloques del programa.

¡¡Experimenta!!

1º Cambia el número de pasos que avanza y retrocede el gatito.

2º Cambia el sonido que hace el gatito. Haz que sean dos diferentes: uno cuando está en la posición inicial en el escenario y otro sonido cuando pasa a la segunda posición.

3º Cambia el color del gatito.

Para eso tienes que hacer clic en la pestaña Disfraces y después en Editar disfraz 1. Modifica el disfraz desde la ventana Editor de Pinturas.

NOTA: Guarda este último programa con el nombre 01 movimiento y sonido tú/vuestros nombre/s.

Cuando lo tengas terminado envíalo a iulium18@gmail.com

¿QUÉ HAS APRENDIDO?

1. Los nombres de las diferentes partes que tiene el entorno de programación de Scratch.

2. A abrir un programa.

3. A mover un objeto sobre el escenario. Añadir sonido a un objeto.

4. A modificar la apariencia -el disfraz- de los objetos.

02. REPETIR

Seguimos trabajando con el programa 01 movimiento y sonido original, el que yo os he pasado.

Abre la estructura de código -o conjunto de bloques- llamada Control que tiene el color amarillo. Busca el bloque por siempre.

Haz clic y arrástralo al área de programas la zona de programas hasta que el bloque se abra. Suéltalo.

Prueba el funcionamiento del programa, para ello clic en cualquiera de los bloques del programa.

¿Qué es lo que hace el nuevo programa?

NOTA: Todos los bloques que están dentro del bloque por siempre se ejecutan por siempre, es decir, se están ejecutando eternamente hasta que se detenga el programa.

Para detener el programa, haz clic en el icono rojo de forma circular que está en la parte superior derecha del escenario.

A estos bloques que tienen una abertura donde insertar otros bloques se les llama bucles.

Wiki OpenScad Obijuan

http://www.iearobotics.com/wiki/index.php?title=Dise%C3%B1o_de_piezas_con_OpenScad_II

OpenSCAD es un software para la creación de sólidos 3D. Es un software libre y está disponible tanto para GNU/Linux, MS Windows y Apple OS X.

WEB OFICIAL:

BLOQUE DE VIDEOTUTORIALES I:

BLOQUE DE VIDEOTUTORIALES II:

Actividad 1. Scratch. 4ESO. 2016

http://revistaarrobalibre.blogspot.com.es/2012/11/introduccion-la-programacion-scratch-v.html

Compilar scratch

http://revistaarrobalibre.blogspot.com.es/2013/04/conertir-scratch-en-un-archivo.html

Biblioteca imagenes scratch

http://revistaarrobalibre.blogspot.com.es/2014/11/biblioteca-de-imagenes-para-scratch.html

PROYECTO 7: MARIO BROSS CON SCRATCH

El objetivo es realizar un juego similar a este:

Puedes buscar varias versiones de "Mario Bross", para que puedas personalizarlas ya que los requisitos del juego deben ser:

1.- Personaliza los fondos, el personaje y los objetos como las rocas o los círculos de colores amarillos, rojos y verdes (puedes utilizar imágenes descargadas de la bibloteca o dibujos propios)

2.- El personaje (Mario) se mueve de forma lateral mediante las fechas del teclado y también salta hacia arriba dando saltos. Además Mario debe moverse por la pantalla mediante el teclado (utilizando la función SI)

3- Deben caer rocas y varias bolitas amarillas, rojas y verdes. Es importante que las bolitas aparezcan en diferentes sitios y momentos diferentes momentos para que el juego no sea previsible.

4.- Mario debe ir recojiendo las bolas de forma que al tocarlas desaparezcan.

5.- Debes poner un marcador en la que la puntuación debe ser:

sumas 1 punto cuando tocas una bola amarilla
sumas 2 puntos cuando tocas una bola verde
sumas 3 puntos cuando tocas una bola roja

6.- Debes poner un marcador que contenga 3 vidas para Mario. Cada vez que una roca toca a Mario debes perder una vida.

7- La partida acaba si obtienes 500 puntos o te quedas sin vidas.

8.- Cuando acaba la partida la pantalla se pondrá en color negra y debe aparecer la palabra "GAME OVER" en el centro, si has obtenido los 500 debe además poner abajo YOU WIN y si la partida fizalizó porque ya no tienes vidas aparecerá abajo YOU LOSE.

9.- Deben exitir al menos dos escenarios de forma que Mario entre y salga de cada uno de ellos.

10.- Durante el juego debe escucharse el sonido característico del juego. Y también debe escucharse el sonido del salto cada vez q salte.

Aquí tienes varias versiones para que te puedas orientar:

Puedes empezar el programa dibujando tus propios personajes y escenarios o utilizar la biblioteca de Mario que ya tenemos. Una vez que tienes el personaje y el fondo puedes empezar de la siguiente forma:

Con respecto al movimiento puedes aprender con el siguiente vídeo:

Para iniciar el movimiento colocamos el objeto en el lugar de la pantalla deseada:

y ahora vamos a controlar el movimiento mediante el teclado, hacia la derecha:

y hacia la izquierda:

Para programar el movimiento vertical:

Vamos a utilizar los otros dos disfraces Mario3 y Mario4; hay que editarlos para que los fondos sean transparentes como ya habíamos hecho con los otros 2 disfraces.

Nuestro objeto se encuentra en la posición y=-135 y queremos que suba a la y=-100, el problema es que esta acción debe realizarse en cualquier posición de x donde nos encontremos:

Añadimos ahora el cambio de disfraz entre las instrucciones para que el salto se vea más real. La instrucción queda así:

Para darle un efecto más real nos queda añadir el sonido, en este caso durante todo el movimiento debe sonar: Overworld

A continuación, piense cómo agregar sonidos cada vez que Mario salte o se agache. Para ello, seleccione el Objeto Mario y en sonidos, haga clic en importar, seleccione Mario Jump.Vaya a Sonido y agregue: tocar sonido Mario Jump,debajo de: al presionar tecla flecha arriba. Con esta acción se oirá el sonido cada vez que salte.

Por último, agregamos sonidos predeterminados en el programa, utilizando la instrucción: tocar nota 60 durante 0.2 pulsos, instrucción esta que permite tocar una nota del piano durante 0.2 pulsos.

Para obtener el archivo Overworld pincha aquí.
Para obtener el archivo Mario Jump pincha aquí.

Lo siguiente es añadir a nuestro archivo las dos imágenes de la roca, en realidad dos disfraces para utilizar de roca.

se trata de que ambas caigan desde una determinada altura hasta el suelo como puedes ver en el siguiente vídeo:

Para ver otras versiones más completas pincha en la imagen:

Aprende RStudio

Publicar Processing Blog

Para Publicar el sketch en el blog haremos lo siguiente:

Descargar el archivo processing.js y el index.html
Renombrar la carpeta- le podremos un nombre acorde con nuestro sketch-
Guardar nuestro scketch en esa carpeta.
Modificar el index , incluimos nuestro archivo .pde.
Guardar el index.html en nuestra carpeta
Subir la carpeta la servidor en el sitio que tenemos asignado.
Insertar el sketch en nuestro blog:

Entrada nueva y en html insertamos una etiqueta iframe con la url de nuestr sketch, que tendrá la siguiente estructura:

http://www.iesrdelgado.org/web2017/carpeta_asignada/carpeta_sketch/index.html

Redes

http://www.tecnologia-informatica.es/internet-y-redes/

qr mercadillo

Warriors on the net

Sonido Processing

Tareas:

Importar la librería minim

Añadir los archivos en Añadir archivos en el menú Sketch

Añadir más métodos para pausa y stop. Busca información en processing.org

Más información

Opción 1

Sonido con play y rewind

import ddf.minim.*;
Minim cadena;
AudioPlayer cancion;
String texto;

void setup()
{
size(400,400);
cadena = new Minim(this);
texto="hola";
cancion =cadena.loadFile("sonido1.mp3");

}

void draw() {
text(texto,100,50);
}

void keyPressed() {
if (key == 'a' || key == 'A') {
texto ="Canción primera";
cancion.close();
cancion =cadena.loadFile("sonido1.mp3");
cancion.rewind();
cancion.play();
}
if (key == 's' || key == 'S') {
cancion.close();
cancion = cadena.loadFile("sonido2.mp3");
texto ="Canción segunda";
cancion.rewind();
cancion.play();

}
if (key == 'd' || key == 'D') {
texto ="Canción tercera";
cancion.close();
cancion = cadena.loadFile("sonido3.mp3");
cancion.rewind();
cancion.play();
}

}

Opción 2
import ddf.minim.*;

Minim soundengine;
AudioSample sonido1;
AudioSample sonido2;
AudioSample sonido3;

void setup()
{
soundengine = new Minim(this);
sonido1 = soundengine.loadSample(“sonido1.mp3”, 1024);
sonido2 = soundengine.loadSample(“sonido2.mp3”, 1024);
sonido3 = soundengine.loadSample(“sonido3.mp3”, 1024);
}

void draw() {
}

void keyPressed() {
if (key == ‘a’ || key == ‘A’) {
sonido1.trigger();
}
if (key == ‘s’ || key == ‘S’) {
sonido2.trigger();
}
if (key == ‘d’ || key == ‘D’) {
sonido3.trigger();
}
}

Rotar en Processing

float r = 0;
float backR;
float backG;
float backB;

void setup() {
size(400, 400);
backR = random(0, 100);
backG = random(0, 100);
backB = random(0, 100);

background(backR, backG, backB);
rectMode(CENTER);

noStroke();
smooth();
}

void draw() {
fill(backR, backG, backB, 50);
rect(width/2, height/2, width, height);

fill(255);
translate(mouseX, mouseY);
rotate(r);
rect(0, 0, 100, 100);

r = r + 0.05;
}

Processing . Cruces

Entornos Prgramación

Python

Actualmente, en el IES Pirámide, estamos trabajando en la programación con el lenguaje Python.

En 4º de ESO, en el trimestre dedicado a la programación, usamos un texto (en continua modificación) que puede encontrarse aquí. El material está trabajado conjuntamente con Mario Escario.
En 1º de Bachillerato, el trabajo se ha orientado en torno a la programación de videojuegos. Previamente, algunas fichas de trabajo realizan la transición desde los conocimientos de 4º de ESO, usando breves juegos extraídos de diferentes fuentes o escritos a propósito. El listado de videojuegos como proyecto final de los alumnos puede encontrarse aquí

Los recursos están organizados en torno al wiki de apoyo sobre el lenguaje Python. en donde hemos publicado prácticas y tutoriales centrados fundamentalmente en la citada creación de videojuegos. Como no podía ser menos, todo el material está en continuo proceso de revisión y ampliación.

PROCESSING

Processing
Referencias processing
Learning processing (Tutorials, examples, )

SCRATCH
Web Scratch
Guía Scratch
Guía referencia Eduteka
Descargar la versión offline de nuestro sistema operativo (para instalar y trabajar sin internet)
Programacion Scratch
Programar en Scratch
Tecno Pujol. Scratch
Estudios de alumnos
Canal Scratch Youtube
CanalTIC. Scratch
Aprender Scratch
Web IES SEFARAD

Otros entornos de programación.

Codecademy

Blockly games

Robomind

Guardar Eclipse

float i = 0;

void setup(){
size(400, 400);
colorMode(HSB);
// choose a random background color using Hue, Saturation and Brightness
background(random(255), random(50, 100), random(50, 100));
noFill();
stroke(255, 100);

}
void draw() {
while(i < 70) {
ellipse(width/2 + i, height/2-i, 100+i*5, 100-i*5);
i = i + 1;
}
}

void keyPressed() {
save("my_drawing.png");
}

Crea imagen y la guarda

void setup() {
size(500,500);
background(255,255,255);

}

void draw() {
fill(100,200,0);
stroke(random(255),random(255),0);
if (mousePressed == true) {
point(mouseX,mouseY);
point(mouseX,mouseY);
line(50,50,mouseX,mouseY);

}
}

void keyPressed() {
save("my_drawing.png");
}

Nota: La imagen se guarda en la carpeta donde hemos guardado el Sketch.

Ejemplos Preocessing Web

Cuadrado que se mueve
Círculo que cambia de color
Cruce de ratón

Circulo rebotando

Cambiar el programa para que aparezcan más círculos

// initial position for our circle
float circle_x = 300;
float circle_y = 20;
// how much to move the circle on each frame
float move_x = 2;
float move_y = -2;

void setup() {
size(400, 200);
stroke(#D60DFF);
strokeWeight(7);
}
void draw() {
background(#21EA73);
ellipse(circle_x, circle_y, 40, 40);
circle_x = circle_x + move_x;
circle_y = circle_y + move_y;

if(circle_x > width) {
circle_x = width;
move_x = -move_x;
println("too far right");
}
if(circle_y > height) {
circle_y = height;
move_y = -move_y;
println("too far bottom");
}
if(circle_x < 0) {
circle_x = 0;
move_x = -move_x;
println("too far left");
}
if(circle_y < 0) {
circle_y = 0;
move_y = -move_y;
println("too far top");
}
}

Mirar ejemplo web

Circulos

Modificar el siguiente programa :
Que los círculos dejen rastros.
Que los círculos recorran todo el lienzo.

float slow_circle_x = 0;
float fast_circle_x = 0;

void setup() {
size(400,400);
noStroke();
}

void draw() {
background(#1BB1F5);

fill(#C1FF3E);
ellipse(slow_circle_x,50, 50, 50);
slow_circle_x = slow_circle_x + 1;

fill(#FF4800);
ellipse(fast_circle_x,50, 50, 50);
fast_circle_x = fast_circle_x + 5;

if(slow_circle_x > 400) {
slow_circle_x = 0;
}
if(fast_circle_x > 400) {
fast_circle_x = 0;
}
}

Lineas de color

Cambia el siguiente programa:

Que aparezcan cuatro focos de lineas, una en cada esquina y con distinto color.

Cambia el tamaño de la pantalla

void setup() {

background(0); // this makes the background black

}

void draw() {

stroke(0, random(255), 0); // R, G, B

// pantalla de 100 pixeles

// lineas parten de la posición (50, 50)

line(50, 50, random(100), random(100) );

}

Augment. Realidad Aumentada

Augment, plataforma para compartir modelos 3D en realidad aumentada

Herramienta

Tipo de herramienta Realidad aumentada

Añadimos hoy otra herramienta a considerar relacionada con el mundo de la realidad aumentada. Su nombre es Augment, ha sido especialmente diseñada para el sector educativo y en ella podrán compartirse modelos 3D que puedan desplegarse a través de marcadores que puedan escanearse con dispositivos iPad o Android.

La misma página de Augment nos ofrece guías y tutoriales para poder utilizar nuestros modelos 3D y mostrarlos utilizando marcadores físicos detectables y escaneables. Disponemos de distintos marcadores para imprimirlos en diferentes tamaños, y de la misma forma se nos explica cómo utilizar imágenes propias que funcionen como marcador.

Augment ofrece licencia gratuita para uso educativo y en escuelas, tan sólo tendremos que crearnos una cuenta y contactar con el equipo de Augment solicitando la licencia explicando cómo planeamos utilizar la plataforma. Una vez obtenido el acceso, podremos utilizarlo para proyectos académicos seamos profesores o estudiantes, y se nos permitirá subir hasta 100 modelos en 3D, crear hasta 100 marcadores y sincronizar hasta 100 dispositivos móviles.

Como profesores podemos utilizar las herramientas que ofrece Augment para explicar nuevos conceptos difíciles de entender en 2D (se me ocurre que podrían enseñarse mucho mejor las estructuras moleculares, por ejemplo). Y por otro lado, también es una increíble herramienta para potenciar la creatividad, la inventiva y la imaginación de nuestros alumnos a la vez que se exploran nuevas tecnologías.

Fuente: wwwhat´s new