{"id":3453,"date":"2017-09-30T06:17:22","date_gmt":"2017-09-30T05:17:22","guid":{"rendered":"http:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3453"},"modified":"2017-09-30T10:06:05","modified_gmt":"2017-09-30T09:06:05","slug":"p5-js-p5-play-repertoire","status":"publish","type":"post","link":"https:\/\/www.lyceelecorbusier.eu\/p5js\/?p=3453","title":{"rendered":"\/ p5.js \/ p5.play \/ r\u00e9pertoire"},"content":{"rendered":"

createSprite(); <\/em><\/strong>fonction qui permet de cr\u00e9er un sprite.
\nElle\u00a0prend 4 param\u00e8tres: 2 pour la position en x et y du sprite, sa largeur et sa hauteur.
\nExemple<\/strong> : sprite = createSprite(width\/2, height\/2, 40, 40);\u00a0<\/em>(sprite est le nom de la variable, le nom est libre)<\/p>\n

drawSprites ()<\/em><\/strong>\u00a0fonction \u00e0 la fin de\u00a0draw ()\u00a0<\/em>qui permet d’afficher le sprite.<\/p>\n

shapeColor<\/em><\/strong>\u00a0attribut d\u00e9finit la couleur du rectangle qui repr\u00e9sente le sprite.<\/p>\n

.position.x<\/strong><\/em>\u00a0et\u00a0.position.y<\/em><\/strong>\u00a0attributs qui permettent de contr\u00f4ler la position du sprite
\nExemple\u00a0<\/strong>:
\nfunction mousePressed() {<\/em>
\n sprite.position.x = mouseX;<\/em>
\n sprite.position.y = mouseY;<\/em>
\n}<\/em><\/p>\n

.velocity.x<\/strong><\/em> et <\/span>.velocity.y\u00a0<\/em><\/strong>attributs qui permettent de contr\u00f4ler la vitesse du sprite
\n<\/span>La librairie p5. play<\/strong> s\u2019occupe de mettre \u00e0 jour la position en fonction de la vitesse pour vous \u2014 pas besoin de faire les calculs.<\/p>\n

setSpeed\u00a0<\/strong><\/em>attribut\u00a0du sprite pour indiquer un d\u00e9placement dans une direction particuli\u00e8re \u00e0 une vitesse donn\u00e9e.
\nExemple :<\/strong>
\nfunction keyPressed() {
\nif (keyCode == RIGHT_ARROW) {
\nsprite.setSpeed(1.5, 0);
\n} else if (keyCode == LEFT_ARROW) {
\nsprite.setSpeed(1.5, 180);
\n}
\n}<\/em><\/p>\n

.addSpeed\u00a0<\/em><\/strong>m\u00e9thode qui permet d’ajouter de la gravit\u00e9. Deux param\u00e8tres sont n\u00e9cessaires, vitesse et direction
\nExemple :\u00a0<\/strong>sprite.addSpeed(.25, 90)<\/em><\/p>\n

\n

sprite.position.x = mouseX;\u00a0<\/em><\/strong>
\nsprite.position.y = mouseY;<\/strong>
\n<\/em>le sprite suit la souris en x et y<\/p>\n

sprite.velocity.x = (mouseX – sprite.position.x) * 0.2; <\/em><\/strong>
\nsprite.velocity.y = (mouseY – sprite.position.y) *<\/strong><\/em> 0.2;
\n<\/strong>le sprite suit la souris avec un temps de latence + ou – important.<\/p>\n

.attractionPoint ()<\/em><\/strong>\u00a0m\u00e9thode\u00a0<\/em>pour d\u00e9finir une force qui pousse le sprite dans la direction de la position de la souris.
\nmaxSpeed<\/em><\/strong>\u00a0attribut de l’objet contr\u00f4le la vitesse \u00e0 laquelle un sprite peut se d\u00e9placer, quelles que soient les forces qui s’exercent sur lui.<\/p>\n

.friction<\/em><\/strong>\u00a0attribut qui est un multiplicateur qui r\u00e9duit lentement la vitesse de l’objet,<\/p>\n

.rotateToDirection<\/em><\/strong>\u00a0attribut qui, lorsqu’il est r\u00e9gl\u00e9 sur true<\/em>, fait tourner l’objet dans la direction o\u00f9 il se d\u00e9place.<\/p>\n

.rotation\u00a0<\/em><\/strong>attribut qui d\u00e9finit la rotation du sprite (en degr\u00e9s).
\nExemple :<\/strong>\u00a0sprite.rotation += 4;<\/em><\/p>\n

\n

Les 4 attributs d’interaction avec la souris :
\nonMouseOver<\/strong><\/em> (lorsque le curseur de la souris se d\u00e9place sur l’objet)
\nonMouseOut<\/em><\/strong> (lorsque le curseur de la souris quitte l’objet)
\nonMousePressed<\/strong><\/em> (lorsque l’utilisateur appuie sur le bouton de la souris et que le curseur de la souris se trouve sur l’objet)
\nonMouseReleased<\/strong><\/em> (lorsque l’utilisateur rel\u00e2che le bouton de la souris, apr\u00e8s un \u00e9v\u00e9nement onMousePressed<\/em>)<\/p>\n","protected":false},"excerpt":{"rendered":"

createSprite(); fonction qui permet de cr\u00e9er un sprite. Elle\u00a0prend 4 param\u00e8tres: 2 pour la position en x et y du sprite, sa largeur et sa hauteur. Exemple : sprite = createSprite(width\/2, height\/2, 40, 40);\u00a0(sprite est le nom de… Lire la suite…<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"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\/3453"}],"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=3453"}],"version-history":[{"count":7,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/3453\/revisions"}],"predecessor-version":[{"id":3470,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=\/wp\/v2\/posts\/3453\/revisions\/3470"}],"wp:attachment":[{"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyceelecorbusier.eu\/p5js\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}