1 files changed, 150 insertions, 0 deletions
diff --git a/o3d/samples/beachdemo/beachdemo-glsl.html b/o3d/samples/beachdemo/beachdemo-glsl.html
new file mode 100644
index 0000000..c194714
--- /dev/null
+++ b/o3d/samples/beachdemo/beachdemo-glsl.html
@@ -0,0 +1,150 @@
+<!--
+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.
+-->
+
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+  "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>
+  Beach Demo
+  </title>
+<style type="text/css">
+html, body {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  height: 100%;
+}
+textarea {
+ width: 95%;
+ height: 95%;
+}
+#proppanel {
+  font-size: xx-small;
+  background-color: lightblue;
+  font-family: Arial, san-serif;
+}
+#materialpanel table {
+  width: 100%;
+}
+#proppanel .even {
+  background-color: #ccddff;
+}
+#proppanel .odd {
+  background-color: #ffffff;
+}
+
+#materialpanel {
+  font-size: xx-small;
+  font-family: Arial, san-serif;
+}
+#materialpanel table {
+  width: 100%;
+}
+#materialpanel input[type=text] {
+  font-size: x-small;
+}
+#materialpanel .even {
+  background-color: #ccddff;
+}
+#materialpanel .odd {
+  background-color: #ccddff;
+}
+
+#materialpanel label {
+}
+#materialpanel .field {
+  white-space: nowrap;
+}
+#materialpanel label {
+}
+#effectpanel {
+  background-color: lightgreen;
+}
+#effecttabs {
+}
+#effecttabs .tab {
+}
+#effecttabs .selected {
+  background-color: yellow;
+}
+</style>
+</head>
+<body onload="init()" onunload="uninit()">
+<script type="text/javascript" src="../o3djs/base.js"></script>
+<script type="text/javascript" src="beachdemo-glsl.js"></script>
+<div style="width: 100%; height: 100%;">
+  <div id="upperpanel" style="width: 100%; height: 100%;">
+  <div
+    id="o3d"
+    style="
+      width: 100%;
+      height: 100%;
+      float: left;
+      background-color: blue;
+  "></div>
+  <div
+    id="materialpanel"
+    style="
+      width: 20%;
+      height: 100%;
+      overflow: auto;
+      display: none;
+  "><table><tr><td><input type="text" value="foogoo"/></td></tr></table></div>
+  <div
+    id="proppanel"
+    style="
+      width: 20%;
+      height: 100%;
+      overflow: auto;
+      display: none;
+  "></div>
+  </div>
+  <div
+    id="effectpanel"
+    style="
+      width: 100%;
+      height: 30%;
+      display: none;
+      overflow: auto;
+  ">
+<div style="height:10%;">
+  <input type="button" value="Compile" id="compileButton"></input>
+  <span id="effecttabs"></span>
+</div>
+<div style="height:90%;"><textarea id="effecttextarea"></textarea>
+</div>
+  </div>
+</div>
+</body>
+</html>
+
+