@polygonjs/polygonjs
Version:
node-based WebGL 3D engine https://polygonjs.com
50 lines (42 loc) • 1.17 kB
HTML
<html>
<head>
<title>Polygonjs Example</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<style>
html,
body,
#app {
margin: 0px;
height: 100%;
overflow: hidden;
}
canvas {
display: block;
height: 100%;
}
</style>
</head>
<body>
<div id="app"></div>
<script type="module">
import {PolyScene} from 'https://unpkg.com/@polygonjs/polygonjs@latest/dist/all.js';
// create a scene
const scene = new PolyScene();
const rootNode = scene.root();
// create a box
const geo = rootNode.createNode('geo');
const box = geo.createNode('box');
// add a light
rootNode.createNode('hemisphereLight');
// create a camera
const perspectiveCamera1 = rootNode.createNode('perspectiveCamera');
perspectiveCamera1.p.t.set([5, 5, 5]);
// add OrbitControls
const events1 = perspectiveCamera1.createNode('eventsNetwork');
const orbitsControls = events1.createNode('cameraOrbitControls');
perspectiveCamera1.p.controls.setNode(orbitsControls);
perspectiveCamera1.createViewer(document.getElementById('app'));
</script>
</body>
</html>