2022-07-12 18:18:10 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
2022-07-12 19:11:19 +00:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
2022-07-12 19:17:25 +00:00
|
|
|
<title>Draw orthographic cube with specification of face color, and rotate when buttons pressed</title>
|
2022-07-12 19:11:19 +00:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body onload="main()">
|
|
|
|
|
<canvas id="webgl" width="400" height="400">
|
2022-07-12 18:18:10 +00:00
|
|
|
Please use a browser that supports "canvas"
|
2022-07-12 19:11:19 +00:00
|
|
|
</canvas>
|
|
|
|
|
<p>
|
|
|
|
|
<button type="button" onclick="rotate('x')">Rotate X</button>
|
|
|
|
|
<button type="button" onclick="rotate('y')">Rotate Y</button>
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<script src="../lib/webgl-utils.js"></script>
|
|
|
|
|
<script src="../lib/webgl-debug.js"></script>
|
|
|
|
|
<script src="../lib/cuon-utils.js"></script>
|
|
|
|
|
<script src="../lib/cuon-matrix.js"></script>
|
|
|
|
|
<script src="RotatingCube.js"></script>
|
|
|
|
|
</body>
|
2022-07-12 18:18:10 +00:00
|
|
|
|
2022-07-12 19:11:19 +00:00
|
|
|
</html>
|
