Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(78)

Side by Side Diff: samples/o3d-webgl-samples/pool.html

Issue 1706020: Incorporated gman's CSS changes for resizing and placing the... (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/o3d/
Patch Set: Created 10 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!-- 1 <!--
2 Copyright 2009, Google Inc. 2 Copyright 2009, Google Inc.
3 All rights reserved. 3 All rights reserved.
4 4
5 Redistribution and use in source and binary forms, with or without 5 Redistribution and use in source and binary forms, with or without
6 modification, are permitted provided that the following conditions are 6 modification, are permitted provided that the following conditions are
7 met: 7 met:
8 8
9 * Redistributions of source code must retain the above copyright 9 * Redistributions of source code must retain the above copyright
10 notice, this list of conditions and the following disclaimer. 10 notice, this list of conditions and the following disclaimer.
(...skipping 21 matching lines...) Expand all
32 <!-- 32 <!--
33 This sample is a pool game engine with a 3D physics model. All models 33 This sample is a pool game engine with a 3D physics model. All models
34 are procedurally generated. Textures for the balls are loaded from a 34 are procedurally generated. Textures for the balls are loaded from a
35 single image file and then split up using Bitmaps. 35 single image file and then split up using Bitmaps.
36 --> 36 -->
37 37
38 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 38 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
39 "http://www.w3.org/TR/html4/loose.dtd"> 39 "http://www.w3.org/TR/html4/loose.dtd">
40 <html> 40 <html>
41 <head> 41 <head>
42 <style>
43 html, body {
44 border: 0;
45 margin: 0;
46 height: 100%;
47 height: 100%;
48 }
49 div#container {
50 position:relative; /* needed for footer positioning*/
51 margin:0 auto; /* center, not in IE5 */
52
53 height:auto !important; /* real browsers */
54 height:100%; /* IE6: treaded as min-height*/
55
56 min-height:100%; /* real browsers */
57 }
58 div#footer {
59 position:absolute;
60 width:100%;
61 bottom:0; /* stick to bottom */
62 background: #111111;
63 }
64 </style>
42 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 65 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
43 <title> 66 <title>
44 Pool 67 Pool
45 </title> 68 </title>
46 <script type="text/javascript" src="../o3d-webgl/base.js"></script> 69 <script type="text/javascript" src="../o3d-webgl/base.js"></script>
47 <script type="text/javascript" src="../o3djs/base.js"></script> 70 <script type="text/javascript" src="../o3djs/base.js"></script>
48 <script type="text/javascript"> 71 <script type="text/javascript">
49 o3djs.base.o3d = o3d; 72 o3djs.base.o3d = o3d;
50 o3djs.require('o3djs.webgl'); 73 o3djs.require('o3djs.webgl');
51 o3djs.require('o3djs.util'); 74 o3djs.require('o3djs.util');
(...skipping 1891 matching lines...) Expand 10 before | Expand all | Expand 10 after
1943 } 1966 }
1944 break; 1967 break;
1945 } 1968 }
1946 1969
1947 updateContext(); 1970 updateContext();
1948 } 1971 }
1949 1972
1950 </script> 1973 </script>
1951 </head> 1974 </head>
1952 <body onload="initClient()" style="background-color: #111111"> 1975 <body onload="initClient()" style="background-color: #111111">
1953 <br/> 1976 <div id="container">
1954 <center>
1955 <!-- Start of O3D client area --> 1977 <!-- Start of O3D client area -->
1956 <div id="o3d" width="100%" height="100%"> </div> 1978 <div id="o3d" style="width: 100%; height:100%;"> </div>
1957 <!-- End of O3D plugin --> 1979 <!-- End of O3D plugin -->
1958 1980
1981 <div id="footer">
1982 <center>
1959 <table width = 800 style="color: gray"> 1983 <table width = 800 style="color: gray">
1960 <tr> 1984 <tr>
1961 <td> Click and drag to move the view. </td> 1985 <td> Click and drag to move the view. </td>
1962 <td> spacebar : Hold down to shoot.</td> 1986 <td> spacebar : Hold down to shoot.</td>
1963 <td> t : Table view mode.</td> 1987 <td> t : Table view mode.</td>
1964 <td> * : Rack for 8-Ball. </td> 1988 <td> * : Rack for 8-Ball. </td>
1965 </tr> 1989 </tr>
1966 <tr> 1990 <tr>
1967 <td> +/- : Zoom in / out. </td> 1991 <td> +/- : Zoom in / out. </td>
1968 <td> asdw : Position the cue ball.</td> 1992 <td> asdw : Position the cue ball.</td>
1969 <td> c : Cue ball view mode.</td> 1993 <td> c : Cue ball view mode.</td>
1970 <td> ( : Rack for 9-Ball. </td> 1994 <td> ( : Rack for 9-Ball. </td>
1971 </tr> 1995 </tr>
1972 </table> 1996 </table>
1973 </center> 1997 </center>
1974 1998 </div>
1975 <table> 1999 </div>
1976 <tr><td>
1977 2000
1978 <div style="display:none"> 2001 <div style="display:none">
1979 <!-- Start of effect --> 2002 <!-- Start of effect -->
1980 <textarea id="vshader"> 2003 <textarea id="vshader">
1981 uniform mat4 worldViewProjection; 2004 uniform mat4 worldViewProjection;
1982 uniform mat4 worldInverseTranspose; 2005 uniform mat4 worldInverseTranspose;
1983 uniform mat4 world; 2006 uniform mat4 world;
1984 2007
1985 attribute vec4 position; 2008 attribute vec4 position;
1986 attribute vec3 normal; 2009 attribute vec3 normal;
(...skipping 145 matching lines...) Expand 10 before | Expand all | Expand 10 after
2132 } 2155 }
2133 2156
2134 </textarea> 2157 </textarea>
2135 <!-- End of effect --> 2158 <!-- End of effect -->
2136 </div> 2159 </div>
2137 2160
2138 </body> 2161 </body>
2139 </html> 2162 </html>
2140 2163
2141 2164
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698