summaryrefslogtreecommitdiff
path: root/index.html
blob: fe3ebb0f457c79f63880ea88be0d2c0fe70c9acf (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!doctype html>
<html lang="en">
<head>
<title>IMLandscape</title>
<!--
 WEBSITE BY PEPPER
-->
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style>
body {
	color: black;
	font-family: Monospace;
	font-size: 13px;
	text-align: left;
	background-color: whitesmoke;
	margin: 0px;
	overflow: hidden;
}

#title {
	font-size: 25px;
}

#params {
	font-size: 16px;
}

#info {
	font-size: 12px;
  border: 1px solid black;
  padding: 5px;
}

#container {
	position: absolute;
	top: 150px;
	width: 100%;
	height: 100%;
	padding: 5px;
	background-color: #FFFFFF;
}

</style>
</head>
<body>
  <script src="js/generating.js"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/Three.js"></script>
	<script src="js/Detector.js"></script>
	<script src="js/RequestAnimationFrame.js"></script>
	<script src="js/3D_Landscape.js"></script>
	<script src="js/keypress.js"></script>
  <script src="js/pb.js"></script>
  <script src="js/username.js"></script>
	<table border="0" cellpadding="10">
	<tr>	
		<td>
			<div id="title">
				DUMB 3D Landscape
			</div>
			<div id="info">
			Move Up/Down/Left/Right: Arrow Keys<br/>
			Rotate Up/Down/Left/Right: Shift+Arrow Keys<br/>
			Zoom In/Zoom Out: Page Up/Page Down<br/>
			Toggle Wireframe: Space<br/> 
			Restore original position: Delete<br/> 
			</div>
		</td>
		
		<td>
			<div id="input">
				<form name="input" action="" method="post">
					<table id="form_table" border="0">
						<tr>
							<td>Texture URL:</td>
							<td colspan="2"><input type="text" id="texture" size="35" value="http://someurl.biz/someimage.jpg" /></td>
						</tr>
						<tr>
							<td>Heightmap URL:</td>
							<td colspan="2"><input type="text" id="heightmap" size="35" value="http://someurl.biz/someimage.jpg" /><br /></td>
						</tr>
						<tr>
							<td><input type="button" value="Save as Image" id="save" onClick="saveScene()" /></td>
							<td><input type="button" value="Load New" id="change" onClick="loadNew()" /></td>
            </tr>
            <tr>
							<td class="url_result" style="display:none;" colspan="2">rendered image:<a class="url_result" href="" target="_blank"></a>(semi-transparent)</td>
						</tr>
						</tr>
					</table>
				</form>
			</div>
		</td>
    <td>
      <div id="new_thing">
        <table id="username_etc" border=0>
          <tr>
            <td colspan="2">Username:&nbsp<input type="text" size="10" id="username" value="" /></td>
          </tr>
          <tr>
            <td id="gallery_link" colspan="2">&rarr;<a href="http://asdf.us/im/gallery" target="_blank" >pb gallery</a></td>
          </tr>
        </table>
      </div>
    </td>
	</tr>		
	</table>
	<div id="container">
	</div>	
</body>
</html>