wwobjloader2
Version:
New OBJLoader utilizing web worker for three.js
58 lines (44 loc) • 1.62 kB
HTML
<html lang="en">
<head>
<title>three.js webgl - OBJLoader2 basic usage</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link href="../common/Common.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div id="glFullscreen">
<canvas id="example"></canvas>
</div>
<div id="dat">
</div>
<div id="info">
<a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> - OBJLoader2 basic usage
<div id="feedback"></div>
</div>
<script src="../../node_modules/three/examples/js/Detector.js"></script>
<script src="../../node_modules/three/build/three.min.js"></script>
<script src="../../node_modules/three/examples/js/controls/TrackballControls.js"></script>
<script src="../../node_modules/three/examples/js/loaders/MTLLoader.js"></script>
<script src="../../node_modules/three/examples/js/libs/dat.gui.min.js"></script>
<script src="../../build/LoaderSupport.min.js"></script>
<script src="../../build/OBJLoader2.min.js"></script>
<script src="./OBJLoader2Example.js"></script>
<script>
var app = new OBJLoader2Example( document.getElementById( 'example' ) );
var resizeWindow = function () {
app.resizeDisplayGL();
};
var render = function () {
requestAnimationFrame( render );
app.render();
};
window.addEventListener( 'resize', resizeWindow, false );
console.log( 'Starting initialisation phase...' );
app.initGL();
app.resizeDisplayGL();
app.initContent();
render();
</script>
</body>
</html>