Skeleton Three.js

by asierta

HTML

<script src="https://rawgit.com/asierta/VisualizacionEsqueletos/master/js/three.js"></script>
<script src="https://cdn.rawgit.com/asierta/VisualizacionEsqueletos/0434312b/js/Detector.js"></script>
<script src="https://rawgit.com/asierta/VisualizacionEsqueletos/master/js/stats.min.js"></script>
<script src="https://rawgit.com/asierta/VisualizacionEsqueletos/master/js/OrbitControls.js"></script>
<script src="https://rawgit.com/asierta/VisualizacionEsqueletos/master/js/dat.gui.min.js"></script>
<script src="https://cdn.rawgit.com/asierta/VisualizacionEsqueletos/0434312b/js/CanvasRenderer.js"></script>
<script src="https://rawgit.com/asierta/VisualizacionEsqueletos/master/js/lodash.js"></script>
<html lang="en">
<head>
    <title>three.js webgl - animation - skinning</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <style>
        body {
            color: #fff;
            font-family: Monospace;
            font-size: 13px;
            text-align: center;
            background-color: #fff;
            margin: 0px;
            overflow: hidden;
        }

        #info {
            position: absolute;
            top: 0px;
            width: 100%;
            padding: 5px;
        }

        a {
            color: #bbb;
        }

        #canvas2D {
            background-color: #333333;
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
        }
    </style>
</head>
<body>
<div id="container"></div>
<div id="info">
    <br><br>camera orbit/zoom/pan with left/middle/right mouse button
</div>
<canvas id="canvas2D"></canvas>

<script src="js/three.js"></script>
<script src="js/Detector.js"></script>
<script src="js/stats.min.js"></script>
<script src="js/OrbitControls.js"></script>
<script src="js/dat.gui.min.js"></script>
<script src="js/lodash.js"></script>
<script src="js/CanvasRenderer.js"></script>


<script>

  ...