Antonio Vallecillos: Juego

Mostrando entradas con la etiqueta Juego. Mostrar todas las entradas

2025/03/03

Trofalaxia (Camponotus foreli)

2024/03/10

Mecavolt: Nuevos componentes servomotor

2024/03/06

Mecavolt: Bloques BX

2024/03/05

Mecavolt: Bloques SB

Bloques SB1

Bloques SB2

Bloques SB3

Bloques SB(END)

Bloques SB-L1

Bloques SB-L2

Bloques SB-L3

2024/02/06

Mecavolt: Bloques BA

Bloques BA1 (BArs 1)
Barras tipo 1

Bloques BA2 (BArs 2)
Barras tipo 2

Bloques BA2-L (BArs 2 L)
Barras tipo 2 L

2024/01/06

Mecavolt: Bloques PL

Bloques PL (PLates)
Placas

Bloques PL-A (PLates A)
Placas tipo A

Bloques PL-L (PLates L)
Placas tipo L

Bloques PL-T (PLates T)
Placas tipo T

2021/12/20

JUEGO EDUCATIVO: Light-Bot

Dale instrucciones al robot para que encienda todas las luces. Dile el orden en que quieres que avance, gire, salte y active su antena para poder pasar de nivel.

Enlace al juego: https://www.cooljuegos.com/juego-en-linea/light-bot/

Level 01:

Level 02:

Level 03:

Level 04:

Level 05:

Level 06:

Level 07:

Level 08:

Level 09:

Level 10:

Level 11:

Level 12:

2021/10/17

Cinemática v0.02

Código html (index.html):

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8"/>
    <title>Cinemática</title>
    <script src="libraries/p5.js"></script>
    <script src="libraries/p5.sound.js"></script>
    <script src='libraries/p5.dom.js'></script>
    <script src="Cinematica.js"></script>
</head>
  <body style="text-align:center; margin:0px; background-color:white">
  </body>
</html>

Código JavaScript (Cinematica.js):

var canvas;
var bFuego;
var bPausa;
var div;
var texto;

var newton;
var manzana;

var x;
var x0 = 0;
var vx = 0;
var vx0 = 25;
var ax = 0;
var ax0 = 0;

var y;
var y0 = 500;
var vy = 0;
var vy0 = -97;
var ay = 0;
var ay0 = 9.81;

var t = 100;

function preload(){
  newton = loadImage("files/IsaacNewtonB05.jpg");
  manzana = loadImage("files/AppleA01.gif");
}

function setup() {
  texto = createDiv('<h1 style="font-size:24px; text-align:center; color:grey;">CINEMÁTICA</h1>');
  texto.style("font-family:sans-serif; font-size:15px; width:500px; margin-left:auto; margin-right:auto; background-color:white");
  texto = createDiv('<p style="text-align:justify; color:grey;"> Cinemática es una aplicación orientada al estudio del movimiento de un objeto en lanzamiento libre. Puedes descargarte una versión para dispositivos android en el siguiente <a target="_blank" href="https://play.google.com/store/apps/details?id=appinventor.ai_fotovallegrafia.Cinematica&feature=more_from_developer#?t=W251bGwsMSwyLDEwMiwiYXBwaW52ZW50b3IuYWlfZm90b3ZhbGxlZ3JhZmlhLkNpbmVtYXRpY2EiXQ.." style="text-decoration:none; color:#000000">enlace</a> o visitar la página de desarrollo en <a target="_blank" href="http://fotovallegrafia.blogspot.com.es/p/aplicaciones-android-cinematica.html" style="text-decoration:none; color:#000000">fotovallegrafía</a> para más información.</p>');
  texto.style("font-family:sans-serif; font-size:15px; width:500px; margin-left:auto; margin-right:auto; background-color:white");
  div = createDiv('');
  div.style("height:10px");
  canvas = createCanvas(500,500);
  div = createDiv('');

  bFuego = createButton('¡Fuego!');
  bFuego.style("width: 100px");

  bPausa = createButton('Pausa');
  bPausa.style("width: 100px");

  texto = createDiv('<h4 style="text-align:center; color:grey;">&copy; 2016 Antonio Vallecillos - <a target="_blank" href="https://twitter.com/fotovallegrafia" style="text-decoration:none; color:#000000">@fotovallegrafia</a></h4>');
  texto.style("font-family:sans-serif; font-size:15px; width:500px; margin-left:auto; margin-right:auto; background-color:white");
}

function draw() {
  imageMode(CORNER);
  image(newton,0,0,width,height);
  imageMode(CENTER);
  x = 0.5 * ax0 * pow(t, 2) + vx0 * t + x0;
  y = 0.5 * ay0 * pow(t, 2) + vy0 * t + y0;
  image(manzana, x, y-12, 25,25);
  //strokeWeight(15);
  //point(x, y-10);
  
  bFuego.mousePressed(fuego);
  bPausa.mousePressed(pausa);
  
  seguir();

}

function mousePressed(){
}

function fuego(){
  t = 0;
}

function seguir(){
  t = t + 0.1;
}

function pausa(){

}

Cinemática v0.01

Código html (index.html):

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Cinemática</title>
    <!--
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
    -->
  </head>
  
  <body link="black" style="font-family:sans-serif; font-size:15px; width:600px; margin-left:auto; margin-right:auto; background-color:white">
    <h1 style="font-size:24px; text-align:center; color:grey;">CINEMÁTICA</h1>
    <p style="text-align:justify; color:grey;"> Cinemática es una aplicación orientada al estudio del movimiento de un objeto en lanzamiento libre. Puedes descargarte una versión para dispositivos android en el siguiente <a href="https://play.google.com/store/apps/details?id=appinventor.ai_fotovallegrafia.Cinematica&feature=more_from_developer#?t=W251bGwsMSwyLDEwMiwiYXBwaW52ZW50b3IuYWlfZm90b3ZhbGxlZ3JhZmlhLkNpbmVtYXRpY2EiXQ.." style="text-decoration:none">enlace</a> o visitar la página de desarrollo en <a href="http://fotovallegrafia.blogspot.com.es/p/aplicaciones-android-cinematica.html" style="text-decoration:none">fotovallegrafía</a> para más información.</p>
    <div style="margin-left:auto; margin-right:auto; text-align:center; position:relative;">
      <img src="images/IsaacNewtonB05.jpg" width="500" height="500" style="position:absolute;">
      <canvas id="miCanvas" width="500" height="500" style="position:relative;">
        Canvas no soportado; por favor actualiza tu navegador.
      </canvas>
      
      <br>
      <br>
      <input type="button" value="¡Fuego!" onclick="fuego();">
      <input type="button" value="Pausa" onclick="pausa();">
      <input type="button" value="Atrás" onClick="location.href='../index.html'">

    </div>
    
    <script>
      var miCanvas = document.getElementById("miCanvas");
      var miContexto = miCanvas.getContext("2d");
      
      var t = 0;
      var x;
      var y;
      var x0 = 50;
      var y0 = 500;
      var vx0 = 2;
      var vy0 = -9.8;
      var ax0 = 0;
      var ay0 = 9.81/100;
      
      var imagen = new Image();
      imagen.onload = function(){
        miContexto.drawImage(imagen,100,100);
      }
      
      imagen.src = "images/AppleA01.gif";
      
      function drawProyectile(){
        miContexto.clearRect(0, 0, miCanvas.width, miCanvas.height);
        //miContexto.beginPath();
        //miContexto.arc(x, y, 5, 0, 2*Math.PI);
        //miContexto.fillStyle = "orange";
        //miContexto.fill();
        miContexto.drawImage(imagen,x-10,y-10,20,20);
      }

      function moveProyectile(){
        window.setTimeout(moveProyectile, 1000/30);
        drawProyectile();
        t = t + 1;
        if (y >= 501){
          t = 0;
          x = x0;
          y = y0;
        }
        else {
          x = ax0 * t * t / 2 + vx0 * t + x0;
          y = ay0 * t * t / 2 + vy0 * t + y0;
        }
      }
      
      function fuego (){
        t = 0;
        x = x0;
        y = y0;
      }
            
      moveProyectile();
      imagen();
    </script>
  <footer>
    <h4 style="text-align:center; color:grey;">&copy; 2016 Antonio Vallecillos - <a href="https://twitter.com/fotovallegrafia" style="text-decoration:none">@fotovallegrafia</a></h4>
  </footer>
  </body>
</html>

2021/09/05

Mecavolt: Máquina de infusiones (versión 2)

2021/04/05

Mecavolt. Montaje de todas las partes

Lista de materiales:

TOTAL
BLOQUE	MATERIAL	NÚMERO
NUM3	ACERO	124
SCM3x10	ACERO	4
SCM3x12	ACERO	80
SCM3x16	ACERO	8
SCM3x20	ACERO	8
SCM3x30	ACERO	8
CMG01	COMPONENTE	4
CPB(18650)	COMPONENTE	2
PL(04x04)	PLA BLANCO	4
PL(06x04)	PLA BLANCO	4
PL(12x09)	PLA BLANCO	4
PL(21x07)	PLA BLANCO	1
PL(23x09)	PLA BLANCO	2
PL(23x16)	PLA BLANCO	2
CBA(18650)-XPL(15x09)	PLA GRIS	2
CNN(04x01x06mm) DOWN	PLA GRIS	4
CNN(04x01x06mm) UP	PLA GRIS	4
CNN(07x01x06mm) UP	PLA GRIS	2
BA1(08)	PLA ROJO	8
BA2(05)	PLA ROJO	4
BA2(07)	PLA ROJO	4
BA2(16)	PLA ROJO	8