1 |
<!DOCTYPE html> |
2 |
<html> |
3 |
<head> |
4 |
<title>Book Engine</title> |
5 |
<meta charset="utf-8"/> |
6 |
<style> |
7 |
body { |
8 |
background-color: #aaa; |
9 |
} |
10 |
</style> |
11 |
</head> |
12 |
<body> |
13 |
<div id="loading">Loading. Please wait...</div> |
14 |
<div id="controls" style="position:absolute;z-index:1000"> |
15 |
<input type="button" id="flipleft" value="flipLeft" /> |
16 |
<br /> |
17 |
<input type="button" id="flipright" value="flipRight" /> |
18 |
</div> |
19 |
<script> |
20 |
if (!window.requestAnimationFrame) { |
21 |
|
22 |
window.requestAnimationFrame = (function() { |
23 |
|
24 |
return window.webkitRequestAnimationFrame || |
25 |
window.mozRequestAnimationFrame || |
26 |
window.oRequestAnimationFrame || |
27 |
window.msRequestAnimationFrame || |
28 |
function(/* function FrameRequestCallback */ callback, /* DOMElement Element */ element) { |
29 |
window.setTimeout(callback, 1000 / 60); |
30 |
}; |
31 |
})(); |
32 |
} |
33 |
</script> |
34 |
|
35 |
<script> |
36 |
window.BE = window.BE || {}; |
37 |
window.onload = function() { |
38 |
BE.init(); |
39 |
}; |
40 |
</script> |
41 |
<!--script src="js/lib/jquery-1.9.0.js"></script--> |
42 |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> |
43 |
<script src="js/lib/Detector.js"></script> |
44 |
<!--script src="js/lib/three.js"></script> |
45 |
<script src="js/lib/physi.js"></script--> |
46 |
<script type="text/javascript" src="js/lib/three.r46.js"></script> |
47 |
<script src="js/lib/Three.FirstPersonControls.js"></script> |
48 |
<!--script src="js/lib/threex.domevent.js"></script> |
49 |
<script src="js/lib/threex.domevent.object3d.js"></script--> |
50 |
<script type="text/javascript" src="js/lib/MOD3.js"></script> |
51 |
<script type="text/javascript" src="js/lib/Tween.js"></script> |
52 |
<script type="text/javascript" src="js/FlipBook3D.js"></script> |
53 |
<script src="js/main.js"></script> |
54 |
</body> |
55 |
</html> |