Master IFI - WebSciences - 2017/2018

Introduction

Le but ce ce cours est de vous faire progresser en JavaScript / API JS standards, tout en decouvrant les techniques de dessin, animation, audio et video, traitement du son temps reel et synthese audio temps reel.

Vous verrez egalement des APIs standard emergentes telles que les WebComponents.

Ressources

• MOOCs de la chaine W3Cx ecrits par Michel Buffa
  • JavaScript introduction 
  • HTML5 coding essentials and best practices 
  • HTML5 Apps and Games 

Seance 1 : live coding, environnements de developpement, debugging

Exercice 1 : coder une simple animation a 60 images par seconde a l'aide du canvas HTML5

Exercice 2 : gestion d'evenements souris / clavier

Exercice 3 : generation de sons

• Quelques rappels: https://pudding.cool/2018/02/waveforms/
• ex de generateur de son en WebAudio : http://jsbin.com/qelavukiba/edit?htm...console,output

Exercice 4 : JavaScript oriente objet

Exercice 5 : noeuds WebAudio interessants, visualiser la forme d'onde d'un son, les frequences