diff options
Diffstat (limited to 'o3d/samples/simple.html')
| -rw-r--r-- | o3d/samples/simple.html | 108 |
1 files changed, 108 insertions, 0 deletions
diff --git a/o3d/samples/simple.html b/o3d/samples/simple.html new file mode 100644 index 0000000..846a3b1 --- /dev/null +++ b/o3d/samples/simple.html @@ -0,0 +1,108 @@ +<!-- +Copyright 2009, Google Inc. +All rights reserved. + +Redistribution and use in source and binary forms, with or without +modification, are permitted provided that the following conditions are +met: + + * Redistributions of source code must retain the above copyright +notice, this list of conditions and the following disclaimer. + * Redistributions in binary form must reproduce the above +copyright notice, this list of conditions and the following disclaimer +in the documentation and/or other materials provided with the +distribution. + * Neither the name of Google Inc. nor the names of its +contributors may be used to endorse or promote products derived from +this software without specific prior written permission. + +THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS +"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT +LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR +A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT +OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, +SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT +LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, +DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY +THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT +(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE +OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. +--> + +<!-- +Simple. This example uses the simple.js library which is an example of a wrapper +library that attempts to make O3D super simple to use. See the comments below. +--> +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" + "http://www.w3.org/TR/html4/loose.dtd"> +<html> +<head> +<meta http-equiv="content-type" content="text/html; charset=UTF-8"> +<title> +Simple +</title> +<!-- Include sample javascript library functions--> +<script type="text/javascript" src="o3djs/base.js"></script> + +<!-- Our javascript code --> +<script type="text/javascript"> +o3djs.require('o3djs.simple'); + +// Events +// init() once the page has finished loading. +window.onload = init; + +// global variables +// we make these global so we can easily access them from the debugger. +var g_simple; +var g_cube; +var g_finished = false; // for selenium testing + +/** + * Creates the client area. + */ +function init() { + o3djs.util.makeClients(initStep2); +} + +/** + * Initializes our app. + * @param {Array} clientElements Array of o3d object elements. + */ +function initStep2(clientElements) { + // Initializes global variables and libraries. + var o3dElement = clientElements[0]; + + // Create an o3djs.simple object to manage things in a simple way. + g_simple = o3djs.simple.create(o3dElement); + + // Create a cube. + g_cube = g_simple.createCube(50); + + // You should now have a cube on the screen! + // Examples of other commands you can issue (live from firebug if you want) + // + // g_cube.transform.translate(0, 0, -50); // translate the cube. + // g_cube.setDiffuseColor(1, 0, 0, 1); // make the cube red. + // g_cube.loadTexture("http://someplace.org/somefile.jpg"); // now textured. + // g_simple.setCameraPosition(200, 100, -50); // move the camera + // g_simple.setCameraTarget(0, 10, 0); // move the camera's target + // g_simple.setFieldOfView(30 * Math.PI / 180); // change the field of view. + // g_sphere = g_simple.createSphere(20, 10); // create a sphere. + // + // Try typing these commands from firebug live! + + g_finished = true; // for selenium testing. +} + +</script> +</head> +<body> +<h1>Simple</h1> +Using the simple library.<br/> +View the source of this sample to see the point.<br/> +<!-- Start of O3D plugin --> +<div id="o3d" style="width: 600px; height: 600px;"></div> +<!-- End of O3D plugin --> +</body> +</html> |