Difference between revisions of "User:Hef/canvas"

From sshcWiki
Jump to navigation Jump to search
Line 1: Line 1:
 
<html>
 
<html>
<style>
+
<style>
body { margin: 0; }
+
canvas { width: 100%; height: 100% }
canvas { width: 100%; height: 100% }
+
</style>
</style>
 
 
   <div id="renderDiv" width=300 height=300>
 
   <div id="renderDiv" width=300 height=300>
 
   <script src="//threejs.org/build/three.js" ></script>
 
   <script src="//threejs.org/build/three.js" ></script>
Line 12: Line 11:
 
var renderer = new THREE.WebGLRenderer();
 
var renderer = new THREE.WebGLRenderer();
 
renderer.setSize( window.innerWidth, window.innerHeight );
 
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
+
document.getElementById('renderDiv').appendChild( renderer.domElement );
  
 
var geometry = new THREE.BoxGeometry( 1, 1, 1 );
 
var geometry = new THREE.BoxGeometry( 1, 1, 1 );

Revision as of 13:30, 10 April 2017