three js
Download
Skip this Video
Download Presentation
Three.js

Loading in 2 Seconds...

play fullscreen
1 / 11

Three.js - PowerPoint PPT Presentation


  • 228 Views
  • Uploaded on

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

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

PowerPoint Slideshow about ' Three.js' - tatum


An Image/Link below is provided (as is) to download presentation

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

Three.js

Faciliter le WebGL

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

Pour faire pivoter la scene

slide10

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

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