Valeur de cette activité : 100 points
Compétence :
Compétence :
Compétence :
Développement de jeux en webgl avec PlayCanvas

A-Module 25 : Web-3D : 100 points - difficulté : 2

Développement de jeux en webgl avec PlayCanvas

Vous pouvez utiliser les navigateurs iceweasel, chromium, firefox, google-chrome ou opera.

Si vous utilisez le navigateur Iceweasel, tapez dans la barre d'adresse :
about:config
Rechterche le terme webgl
Réglez par un double clic webgl.force-enable à true

Si vous utilisez le navigateur Google-Chrome, fermez votre navigateur et lancez-le en tapant dans le terminal :
google-chrome --enable-webgl --ignore-gpu-blacklist
Vous pouvez tester ensuite en tapant dans le terminal :
google-chrome --enable-webgl --ignore-gpu-blacklist http://ladifference.info/i/images//profPierreMorissette/x3dom/x3dom1.html

Si vous utilisez le navigateur Opera, tapez dans votre barre d'adresse :
opera:config#Enable%20WebGL
et indiquer la valeur 1 dans le champ Enable Webgl et cliquez sauvegarder Vous pouvez tester ensuite en tapant dans le terminal :
opera http://ladifference.info/i/images//profPierreMorissette/x3dom/x3dom1.html

Description


Playcanvas est une application web qui vous permettra de réaliser simplement des jeux 3D en utilisant le langage webgl

Vous pouvez répéter plus d'une fois cette activité en réalisant un tutoriel différent pour chacune des activités présentées.
    Site officiel
    Téléchargement au besoin (non indispensable)
    Documentation et tutoriels
    Exemples de jeux
    Procédure pour exporter votre jeu
    Banque de scripts playcanvas

  1. Créez un compte gratuit : Inscription gratuite et tutoriels

  2. Consultez les tutoriels disponibles
    1. Tutoriel 1 : Débuter avec l'éditeur : Cliquez ici pour afficher la réalisation du prof
    2. Tutoriel 2 : Télécharger un personnage
    3. Tutoriel 3 : Les sources de lumière
    4. Tutoriel 4 : Les entrées clavier
    5. Tutoriel 5 : Les entrées avec la souris
    6. Tutoriel 6 : Gestion de la caméra
    7. Autres tutoriels sur la chaîne youtube-playcanvas
    8. Tutoriel : Atterrisage d'un module lunaire


  3. Réalisez le tutoriel choisi

  4. Publiez votre scène

  5. Récupérez l'URL de votre publication :
    onglet projet + bas de l'écran + Apps + copier l'adresse du lien
  6. Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 115186

  7. Inscrivez dans le champ titre : Développement de jeux en webgl avec PlayCanvas

  8. Sélectionnez la section : MODULE JEUX

  9. Sélectionnez la matière : informatique

  10. Inscrivez dans le champ no de la directive : 115186

  11. Inscrivez dans votre page le titre de niveau 1 : Développement de jeux en webgl avec PlayCanvas

  12. Insérez le titre de votre tutoriel

  13. Insérez un LIEN vers votre publication

  14. Visualisez votre page et apportez des modifications au besoin.