{"id":623,"date":"2022-10-13T10:25:17","date_gmt":"2022-10-13T08:25:17","guid":{"rendered":"http:\/\/quadern-programacio.recursos.uoc.edu\/?page_id=623"},"modified":"2022-11-22T12:32:59","modified_gmt":"2022-11-22T10:32:59","slug":"portada-9-objetos-y-arrays","status":"publish","type":"page","link":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/portada-9-objetos-y-arrays\/","title":{"rendered":"Portada 9. Objetos y <em>arrays<\/em>"},"content":{"rendered":"<div id=\"img1_javascript\" style=\"padding: 0; margin: 0; overflow-x:hidden; overflow-y:auto;\"><\/div>\r\n<script>\r\n\/*\r\n *  Autor: Roc\u00edo M\u00e1rquez\r\n * \r\n *\/\r\n \r\n \r\n \/\/ PORTADA SISTEMAS - Ejercicios\r\n \/\/ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\r\n\r\n\r\nvar particles = [];\r\nvar numParticles;\r\nconst density = 3500;\r\nconst proximity = 130;\r\n\r\n\r\nfunction setup() {\r\n  mida = document.getElementById('img1_javascript').offsetWidth;\r\n\tvar myCanvas = createCanvas(mida,windowHeight);\r\n    myCanvas.parent(\"img1_javascript\");\r\n  numParticles = mida * mida \/ density;\r\n  for(let i =0; i<numParticles; i++){\r\n    let x = random(mida);\r\n    let y = random(mida);\r\n    let xvel = random(-2,2);\r\n    let yvel = random(-2,2);\r\n    let cc = random([color(120,237,254), color(0, 0, 120)]);\r\n    particles[i] = new Particle(x,y,xvel,yvel,cc);\r\n  }\r\n}\r\n\r\nfunction draw() {\r\n  background(255);\r\n  \r\n  for(var i = 0; i <numParticles; i++){\r\n    particles[i].bounce();\r\n    particles[i].move();\r\n    particles[i].show();\r\n  }\r\n  \r\n  for(let a = 0; a < numParticles; a++){\r\n    for(let b = 0; b <numParticles; b++){\r\n      if(a===b){\r\n        continue;\r\n      }\r\n      var distX = abs(particles[a].x - particles[b].x);\r\n      var distY = abs(particles[a].y - particles[b].y);\r\n      if(distX <proximity && distY <proximity){\r\n          var c = particles[a].cc;\r\n          var f =  map(distX+distY,0,200,0,255);\r\n        stroke(c,f);\r\n        line(particles[a].x,particles[a].y,particles[b].x,particles[b].y);\r\n      }\r\n    }\r\n  } \r\n}\r\n\r\n\r\nclass Particle {\r\n  constructor(x,y,xvel,yvel,cc){\r\n    this.x = x;\r\n    this.y = y;\r\n    this.xvel = xvel;\r\n    this.yvel = yvel;\r\n    this.cc = cc\r\n  }\r\n  \r\n  move(){\r\n    this.x = this.x + this.xvel;\r\n    this.y = this.y + this.yvel;\r\n  }\r\n  \r\n  bounce(){\r\n    if(this.x>width -1 ||this.x<1){\r\n     this.xvel=this.xvel*-1;\r\n    }\r\n    if(this.y>height -1 || this.y<1){\r\n     this.yvel = this.yvel*-1;\r\n    }\r\n  }\r\n  \r\n  show(){\r\n    \/\/strokeWeight(1);\r\n    \/\/stroke(255);\r\n    \/\/noFill();\r\n    \/\/ellipse(this.x,this.y,1);\r\n  }\r\n}\r\n\r\n\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/623"}],"collection":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=623"}],"version-history":[{"count":3,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/623\/revisions"}],"predecessor-version":[{"id":1129,"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/623\/revisions\/1129"}],"wp:attachment":[{"href":"http:\/\/quadern-programacio.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}