Ci-dessous, les différences entre deux révisions de la page.
Prochaine révision Les deux révisions suivantes | |||
journal_20150119 [2015/01/19 19:10] niak créée |
journal_20150119 [2015/01/19 19:12] niak |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
Gaëtan, Chloé et Pierre ont joué à apprendre à programmer avec : [[http://apprendrelaprogrammation.com/act_JavaScript/jeux2d.html#/4/1]] | Gaëtan, Chloé et Pierre ont joué à apprendre à programmer avec : [[http://apprendrelaprogrammation.com/act_JavaScript/jeux2d.html#/4/1]] | ||
+ | Et on a fait un code qui déplace un petit smiley fou qui rebondit en javascript : | ||
+ | |||
+ | <code javascript> | ||
+ | |||
+ | var game = new Phaser.Game(800,600,Phaser.AUTO,'content',{preload: preload, create: create,update:update}); | ||
+ | var monSprite; | ||
+ | var vitessex=-1; | ||
+ | var vitessey=-1; | ||
+ | |||
+ | function preload(){ | ||
+ | // ...charger images et sons | ||
+ | game.load.image('bob','asset/smiley.png'); | ||
+ | } | ||
+ | |||
+ | function create(){ | ||
+ | // creer elements du jeu | ||
+ | monSprite=game.add.sprite(400,300,'bob'); | ||
+ | monSprite.anchor.setTo (0.5,0.5) ; | ||
+ | monSprite.x=Math.random()*750; | ||
+ | monSprite.y=Math.random()*600; | ||
+ | monSprite.angle=Math.random()*360; | ||
+ | | ||
+ | } | ||
+ | |||
+ | function update(){ | ||
+ | // dessine le jeu | ||
+ | monSprite.x+=vitessex*5 | ||
+ | monSprite.y+=vitessey*5 | ||
+ | monSprite.angle+=10 | ||
+ | |||
+ | if (monSprite.x>750) { | ||
+ | vitessex=-1 | ||
+ | } | ||
+ | if (monSprite.x<50) { | ||
+ | vitessex=1 | ||
+ | } | ||
+ | |||
+ | if (monSprite.y>550) { | ||
+ | vitessey=-1 | ||
+ | } | ||
+ | if (monSprite.y<50) { | ||
+ | vitessey=1 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </code> | ||
+ |