UNPKG

awv3

Version:
36 lines (31 loc) 1.26 kB
<!doctype html> <html> <head> <meta charset="utf-8"> <title>test</title> <meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /> <style> html, body { margin: 0; padding: 0; overflow: hidden; } #view { position: absolute; height: 100%; width: 100%; } </style> </head> <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.23.0/polyfill.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/88/three.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.2/socket.io.js"></script> <script src="browser.js"></script> <div id="view"></div> <script> var canvas = new AWV.core.Canvas({ dom: '#view' }); var view = new AWV.core.View(canvas, { opacity: 1, background: new THREE.Color(0x303030) }); var box = new THREE.BoxBufferGeometry(100,100,100); var material = new THREE.MeshBasicMaterial(); var mesh = new THREE.Mesh(box, material); view.scene.add(mesh); view.updateBounds().controls.focus().zoom(); </script> </body> </html>