| Index: samples/GoogleIO-2009/step01.html
|
| ===================================================================
|
| --- samples/GoogleIO-2009/step01.html (revision 0)
|
| +++ samples/GoogleIO-2009/step01.html (revision 0)
|
| @@ -0,0 +1,176 @@
|
| +<!--
|
| +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.
|
| +-->
|
| +<!--
|
| +Google I/O O3D Sample.
|
| +
|
| +This sample shows the steps to make a simple frame rate independent game.
|
| +-->
|
| +<!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>
|
| +Google I/O O3D Sample
|
| +</title>
|
| +<style type="text/css">
|
| + html, body {
|
| + height: 100%;
|
| + margin: 0;
|
| + padding: 0;
|
| + border: none;
|
| + font-family: Arial, sans-serif;
|
| + }
|
| +</style>
|
| +<!-- Include sample javascript library functions-->
|
| +<script type="text/javascript" src="../o3djs/base.js"></script>
|
| +
|
| +<!-- Our javascript code -->
|
| +<script type="text/javascript">
|
| +o3djs.require('o3djs.util');
|
| +o3djs.require('o3djs.math');
|
| +o3djs.require('o3djs.rendergraph');
|
| +
|
| +// Events
|
| +// init() once the page has finished loading.
|
| +// unload() when the page is unloaded.
|
| +window.onload = init;
|
| +window.onunload= unload;
|
| +
|
| +// global variables
|
| +var g_o3dElement;
|
| +var g_o3d;
|
| +var g_math;
|
| +var g_client;
|
| +var g_viewInfo;
|
| +var g_pack;
|
| +var g_root;
|
| +var g_globalParams;
|
| +var g_o3dWidth;
|
| +var g_o3dHeight;
|
| +var g_o3dElement;
|
| +var g_eye = [15, 25, 50];
|
| +var g_target = [0, 10, 0];
|
| +var g_up = [0, 1, 0];
|
| +var g_viewMatrix;
|
| +
|
| +/**
|
| + * Updates the projection matrix.
|
| + */
|
| +function updateProjection() {
|
| + g_viewInfo.drawContext.projection = g_math.matrix4.perspective(
|
| + g_math.degToRad(45), // field of view.
|
| + g_o3dWidth / g_o3dHeight, // aspect ratio
|
| + 0.1, // Near plane.
|
| + 5000); // Far plane.
|
| +}
|
| +
|
| +/*
|
| + * Updates the camera.
|
| + */
|
| +function updateCamera() {
|
| + g_viewMatrix = g_math.matrix4.lookAt(g_eye, g_target, g_up);
|
| + g_viewInfo.drawContext.view = g_viewMatrix;
|
| +};
|
| +
|
| +/**
|
| + * Updates global variables of the client's size if they have changed.
|
| + */
|
| +function updateClientSize() {
|
| + var newWidth = g_client.width;
|
| + var newHeight = g_client.height;
|
| + if (g_o3dWidth != newWidth || g_o3dHeight != newHeight) {
|
| + g_o3dWidth = newWidth;
|
| + g_o3dHeight = newHeight;
|
| + updateProjection();
|
| + }
|
| +}
|
| +
|
| +/**
|
| + * Creates the client area.
|
| + */
|
| +function init() {
|
| + o3djs.util.makeClients(initStep2);
|
| +}
|
| +
|
| +/**
|
| + * Initializes O3D and creates one shape.
|
| + * @param {Array} clientElements Array of o3d object elements.
|
| + */
|
| +function initStep2(clientElements) {
|
| + // Initializes global variables and libraries.
|
| + g_o3dElement = clientElements[0];
|
| + g_o3d = g_o3dElement.o3d;
|
| + g_math = o3djs.math;
|
| + g_client = g_o3dElement.client;
|
| +
|
| + // Creates a pack to manage our resources/assets
|
| + g_pack = g_client.createPack();
|
| +
|
| + g_root = g_pack.createObject('Transform');
|
| +
|
| + g_viewInfo = o3djs.rendergraph.createBasicView(
|
| + g_pack,
|
| + g_root,
|
| + g_client.renderGraphRoot);
|
| +
|
| + updateClientSize();
|
| + updateCamera();
|
| +
|
| + window.g_finished = true; // for selenium testing.
|
| +}
|
| +
|
| +/**
|
| + * Remove any callbacks so they don't get called after the page has unloaded.
|
| + */
|
| +function unload() {
|
| + if (g_client) {
|
| + g_client.cleanup();
|
| + }
|
| +}
|
| +</script>
|
| +</head>
|
| +<body>
|
| +<table style="width: 100%; height:100%;">
|
| + <tr style="height: 50px;"><td>
|
| + <div style="width: 100%; height: 50px; font-size: large;">
|
| + <img src="assets/colorbar.png" width="100%" height="10px"/><br/>
|
| + Google I/O 2009 O3D Sample
|
| + </div>
|
| + </td></tr>
|
| + <tr style="height: 100%;"><td>
|
| + <div style="width: 100%; height: 100%;">
|
| + <div id="o3d" style="width: 100%; height: 100%;"></div>
|
| + </div>
|
| + </td></tr>
|
| +</table>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
