Drawing a panorama
A panoramic view is always attractive. Here is an output:
How to do it…
The HTML code:
<html>
<head>
<title>Panorama</title>
<script src="../threeLib/build/three.min.js"></script>
<script src="panorama.js">
</script>
</head>
<body onload="init()">
<center>
<canvas width="500" height="400" id="MyCanvasArea" style="border:2px solid blue;" tabindex="0">
Canvas tag is not supported by your browser
</canvas>
<h1>3D rotating sphere using three.js</h1>
<h1>Use arrow keys to move through the picture.<br>
Press Enter key or spacebar to reset</h1>
</center>
</body>
</html>The JavaScript code:
var can;
var scene;
var camera;
var renderer;
var sphere1,torus1;
var texture;
var rotX=0;
var rotY=0;
function init() {
can=document.getElementById("MyCanvasArea");
renderer = new THREE.WebGLRenderer({
canvas: can
});
scene...
