{"id":2837,"date":"2016-05-08T15:40:46","date_gmt":"2016-05-08T14:40:46","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2837"},"modified":"2016-09-09T16:55:33","modified_gmt":"2016-09-09T15:55:33","slug":"vecteurs","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2837","title":{"rendered":"vecteurs"},"content":{"rendered":"<p>Il existe une fonction dans p5.js nomm\u00e9e <em>createVector();<br \/>\n<\/em><\/p>\n<pre>function setup() {\r\n\u00a0 createCanvas(200,200);\r\n}\r\n\r\nfunction draw() {\r\n\u00a0\u00a0 \u00a0var pos = createVector(100, 100); \/\/ pos pour position\r\n\u00a0\u00a0 \u00a0ellipse(pos.x, pos.y, 50,50);\r\n}<\/pre>\n<p>Ceci est l&#8217;\u00e9quivalent de<\/p>\n<pre>function setup() {\r\n\u00a0 createCanvas(200,200);\r\n}\r\n\r\nfunction draw() {\r\n    var x = 100;\r\n    var y = 100;\r\n\u00a0\u00a0 \u00a0ellipse(x, y, 50,50);\r\n}<\/pre>\n<h5>Op\u00e9rations math\u00e9matiques avec des vecteurs<\/h5>\n<h6>Additions<\/h6>\n<p>Javascript ne sait pas additionner 2 vecteurs avec l&#8217;op\u00e9rateur +.<br \/>\nOn ne peut \u00e9crire v3 = v1 + v2<\/p>\n<p><img loading=\"lazy\" width=\"200\" height=\"100\" class=\"size-full wp-image-2843 alignnone\" src=\"http:\/\/www.lyceelecorbusier.eu\/p5js\/wp-content\/uploads\/sites\/25\/2016\/05\/Untitled.png\" alt=\"Untitled\" \/><br \/>\nOn utilise la fonction <em>add().<br \/>\nv1.add(v2);<br \/>\n<\/em><\/p>\n<pre>function setup() {\r\n\u00a0 createCanvas(400,400);\r\n\u00a0 }\r\n\r\nfunction draw() {\r\n\u00a0\u00a0 \u00a0\/\/background(255);\r\n\u00a0\u00a0 \u00a0stroke(255);\r\n\u00a0\u00a0 \u00a0fill(236,36,94);\r\n\u00a0\u00a0 \u00a0var v1 = createVector(width\/2,height\/2);\r\n\u00a0\u00a0 \u00a0var v2 = createVector(random(-width\/2,width\/2), random(-width\/2,width\/2));\r\n\u00a0\u00a0 \u00a0v1.add(v2)\r\n\u00a0 ellipse(v1.x, v1.y, 50, 50);\r\n}<\/pre>\n<pre>function setup() {\r\n\u00a0 createCanvas(400,400);\r\n\u00a0 carre = new Carre();\r\n\u00a0 }\r\n\r\nfunction draw() {\r\n\u00a0\u00a0 \u00a0background(255);\r\n\u00a0\u00a0 \u00a0carre.avance();\r\n}\r\n\r\nfunction Carre(){\r\n\u00a0\u00a0 \u00a0noStroke();\r\n\u00a0\u00a0 \u00a0fill(236,36,94);\r\n\u00a0\u00a0 \u00a0this.pos = createVector(0,height\/2);\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0this.avance = function(){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0this.vel = createVector(1,0);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0this.pos = this.pos.add(this.vel);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0rect(this.pos.x, this.pos.y, 10, 10);\r\n\u00a0\u00a0 \u00a0}\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il existe une fonction dans p5.js nomm\u00e9e createVector(); function setup() { \u00a0 createCanvas(200,200); } function draw() { \u00a0\u00a0 \u00a0var pos = createVector(100, 100); \/\/ pos pour position \u00a0\u00a0 \u00a0ellipse(pos.x, pos.y, 50,50); } Ceci est l&#8217;\u00e9quivalent de function setup()&#8230; <a class=\"read-more\" href=\"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=2837\">Lire la suite&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":2795,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2837"}],"collection":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2837"}],"version-history":[{"count":6,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2837\/revisions"}],"predecessor-version":[{"id":2845,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/2837\/revisions\/2845"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/media\/2795"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2837"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2837"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}