Serie Practica Jugando con los vertex #1
Los proyectos estan realizados con p5js @patxangas
Serie Practica Jugando con los vertex #1
Los proyectos estan realizados con p5js @patxangas
| (function($, undefined) { | |
| console.log("hola"); | |
| })(jQuery); |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>moon</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js" type="text/javascript"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/p5.js" type="text/javascript"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/addons/p5.dom.js" type="text/javascript"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/addons/p5.sound.js" type="text/javascript"></script> | |
| <script src="app.js" type="text/javascript"></script> | |
| <script src="sketch.js" type="text/javascript"></script> | |
| <link rel="stylesheet" href="style.css" media="screen" title="no title" charset="utf-8"> | |
| <style> body {padding: 0; margin: 0;} canvas {vertical-align: center; horizontal-aling: center;} </style> | |
| </head> | |
| <body> | |
| </body> | |
| </html> |
| function setup() { | |
| createCanvas(400, 400); | |
| } | |
| function draw() { | |
| background(0); | |
| fill(255); | |
| for (var i = 0; i < 400; i +=10) { | |
| for (var j = 0; j < 400; j +=10) { | |
| rect(i,j,10,10); | |
| } | |
| } | |
| beginShape(); | |
| vertex(30, 20); | |
| vertex(85, 20); | |
| vertex(85, 75); | |
| vertex(30, 75); | |
| endShape(CLOSE); | |
| } | |
| function mousePressed() { | |
| save("movida.jpg"); | |
| } |
| canvas { | |
| padding: 0; | |
| margin: auto; | |
| display: block; | |
| width: 800px; | |
| height: 600px; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| right: 0; | |
| } | |
| body { | |
| background-color: #ccc; | |
| } |