Three.js

1 / 11

# Three.js - PowerPoint PPT Presentation

Three.js. Faciliter le WebGL. Three. Framework Comme Jquerry Pour faire de la 3D. Exemple. http://acko.net/ http://inear.se/beanstalk/ http://lab.sehsucht.de/ http://substack.net/projects/voxel-forest/. Exercice 1. Faites appel à three

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.

## PowerPoint Slideshow about ' Three.js' - tatum

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

### Three.js

Faciliter le WebGL

Three
• Framework
• Comme Jquerry
• Pour faire de la 3D
Exemple
• http://acko.net/
• http://inear.se/beanstalk/
• http://lab.sehsucht.de/
• http://substack.net/projects/voxel-forest/
Exercice 1
• Faites appel à three
• "https://rawgithub.com/mrdoob/three.js/master/build/three.js"
Exercice 2
• Créer une scène
• Scène
• Camera
• Render
Exercice 3
• Créer un cube dans la scène
Exercice 4
• Afficher la scène
Exercice 5
• Faites tourner le cube
Exercice 6
• Se servir du script
• OrbitControls.js

Pour faire pivoter la scene

<script src = "OrbitControls.js"></script>

• controls = new THREE.OrbitControls( camera, renderer.domElement );
• Dans la fonction render
• controls.update();
Exercice 7
• Ajouter un plan pour que la rotation soit plus visible