OLD | NEW |
1 | 1 |
2 <!-- saved from url=(0102)https://cvs.khronos.org/svn/repos/registry/trunk/publi
c/webgl/sdk/demos/google/shiny-teapot/index.html --> | 2 <!-- saved from url=(0102)https://cvs.khronos.org/svn/repos/registry/trunk/publi
c/webgl/sdk/demos/google/shiny-teapot/index.html --> |
3 <html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859
-1"> | 3 <html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859
-1"> |
4 <title>Teapot Test</title> | 4 <title>Teapot Test</title> |
5 <script type="text/javascript" src="./teapot_files/matrix4x4.js"></script> | 5 <script type="text/javascript" src="./teapot_files/matrix4x4.js"></script> |
6 <script type="text/javascript" src="./teapot_files/cameracontroller.js"></sc
ript> | 6 <script type="text/javascript" src="./teapot_files/cameracontroller.js"></sc
ript> |
7 <script type="text/javascript" src="./teapot_files/context.js"></script> | 7 <script type="text/javascript" src="./teapot_files/context.js"></script> |
8 <script type="text/javascript" src="./teapot_files/teapot-streams.js"></scri
pt> | 8 <script type="text/javascript" src="./teapot_files/teapot-streams.js"></scri
pt> |
9 <script type="text/javascript" src="./teapot_files/demo.js"></script> | 9 <script type="text/javascript" src="./teapot_files/demo.js"></script> |
10 <style type="text/css"> | 10 <style type="text/css"> |
11 .centeredcanvas { | 11 .nomargin { |
12 margin: 0px auto; | 12 margin: 0px auto; |
13 /* pointer-events: none; */ | 13 /* pointer-events: none; */ |
14 } | 14 } |
15 </style> | 15 </style> |
16 </head> | 16 </head> |
17 <body id="body" onload="main()"> | 17 <body id="body" onload="main()"> |
18 <div style="position: relative;"> | 18 <div style="position: relative;"> |
19 <p> | 19 <p> |
20 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse est ligula,
egestas sed tempor vitae, pellentesque at massa. Nam a aliquet neque. Nulla a m
auris eu lectus faucibus consectetur quis sed sem. Quisque posuere malesuada ele
mentum. Etiam tortor purus, eleifend sit amet mattis vitae, ultrices vitae lorem
. Nullam sodales risus eu nisi mollis ullamcorper. Morbi at nisl mauris. Vestibu
lum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Donec et eros lobortis sem lobortis luctus eget at arcu. In feugiat mollis puru
s in lobortis. Suspendisse sed nulla id augue dictum vulputate. Fusce lectus ero
s, dictum ac hendrerit sit amet, laoreet ultrices leo. | 20 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse est ligula,
egestas sed tempor vitae, pellentesque at massa. Nam a aliquet neque. Nulla a m
auris eu lectus faucibus consectetur quis sed sem. Quisque posuere malesuada ele
mentum. Etiam tortor purus, eleifend sit amet mattis vitae, ultrices vitae lorem
. Nullam sodales risus eu nisi mollis ullamcorper. Morbi at nisl mauris. Vestibu
lum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Donec et eros lobortis sem lobortis luctus eget at arcu. In feugiat mollis puru
s in lobortis. Suspendisse sed nulla id augue dictum vulputate. Fusce lectus ero
s, dictum ac hendrerit sit amet, laoreet ultrices leo. |
21 | 21 |
22 </p><p> | 22 </p><p> |
23 Morbi pellentesque, metus sit amet auctor convallis, massa lectus interdum dui,
vitae auctor diam sapien vel metus. Suspendisse faucibus, erat pellentesque tris
tique egestas, mi justo porta velit, vitae ornare mauris metus sit amet diam. Pr
aesent posuere dapibus eleifend. Lorem ipsum dolor sit amet, consectetur adipisc
ing elit. Aenean lorem neque, adipiscing eget egestas eget, semper rutrum velit.
Praesent blandit tempor convallis. Ut scelerisque, magna pharetra consequat mol
estie, est arcu convallis justo, sed volutpat sem nisl vel ipsum. Donec euismod
risus ut nibh accumsan eget rhoncus tellus vehicula. Etiam vulputate lorem id od
io tempus quis suscipit sapien sollicitudin. Duis fringilla hendrerit elit, eget
fringilla lectus consequat quis. Nunc suscipit vehicula lorem vel interdum. Sed
lectus diam, mattis sed feugiat eget, ullamcorper et velit. | 23 Morbi pellentesque, metus sit amet auctor convallis, massa lectus interdum dui,
vitae auctor diam sapien vel metus. Suspendisse faucibus, erat pellentesque tris
tique egestas, mi justo porta velit, vitae ornare mauris metus sit amet diam. Pr
aesent posuere dapibus eleifend. Lorem ipsum dolor sit amet, consectetur adipisc
ing elit. Aenean lorem neque, adipiscing eget egestas eget, semper rutrum velit.
Praesent blandit tempor convallis. Ut scelerisque, magna pharetra consequat mol
estie, est arcu convallis justo, sed volutpat sem nisl vel ipsum. Donec euismod
risus ut nibh accumsan eget rhoncus tellus vehicula. Etiam vulputate lorem id od
io tempus quis suscipit sapien sollicitudin. Duis fringilla hendrerit elit, eget
fringilla lectus consequat quis. Nunc suscipit vehicula lorem vel interdum. Sed
lectus diam, mattis sed feugiat eget, ullamcorper et velit. |
24 | 24 |
25 </p></div> | 25 </p></div> |
26 <div style="position: absolute; top: 0px; width: 100%"> | 26 <div style="position: absolute; top: 0px; left: 0px"> |
27 <!-- Couldn't figure out how to get this effect without using | 27 <canvas id="c" width="400" height="400" class="nomargin"> |
28 the "center" tag --> | 28 </canvas> |
29 <center> | |
30 <canvas id="c" width="400" height="400" class="centeredcanvas"> | |
31 </canvas> | |
32 </center> | |
33 </div> | 29 </div> |
34 | 30 |
35 | 31 |
36 </body></html> | 32 </body></html> |
OLD | NEW |