Creación de una animación de líneas interactivas 3D con Three. js y Canvas
| Autor: | JoanClaret |
|---|---|
| Views Total: | 5,305 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 10, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Una biblioteca de JavaScript ligera que utiliza el elemento < a href = "http:/threejs.org/" target = "_ blank" rel = "noopener" > tres. js y Canvas para crear una animación de líneas 3D con interacción del ratón.
Funcionamiento
Cargue la biblioteca de JavaScript de tres. js necesaria en la Página Web.
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r71/three.min.js"></script>
Cargue las aplicaciones auxiliares en la Página Web.
<script src="js/projector.js"></script> <script src="js/canvas-renderer.js"></script>
Cargue el JavaScript del núcleo.
<script src="js/3d-lines-animation.js"></script>
Cree el diseño.
<section class="canvas-wrap"> <div class="canvas-content"> Content goes here </div> </section>
