blob: 0e72d37692829921747d3081e2817e69a55952f7 (
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<html>
<!--
__ __ __ __ __ __ __
/_/\/\ /_/\/\ /_/\/\ /_/\/\ /_/\/\ /_/\/\ /_/\/\
\_\ / \_\ / \_\ / \_\ / \_\ / \_\ / \_\ /
/_/ \ /_/ \ /_/ \ /_/ \ /_/ \ /_/ \ /_/ \
\_\/\ \ \_\/\ \ \_\/\ \ \_\/\ \ \_\/\ \ \_\/\ \ \_\/\ \
\_\/ \_\/ \_\/ \_\/ \_\/ \_\/ \_\/
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="IMGRID A 3D GRID-PLANE GENERATOR" >
<meta name="keywords" content="photoblaster, 3D" >
<meta name=Author content="Pepper Dreamteamer - 2011 www.facebook.com/AAAFFF">
<link rel="shortcut icon" href="http://asdf.us/imgrid/favicon.ico">
<link rel="image_src" href="http://vfile.com/public/img/1.png" >
<!--<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">-->
<meta property="og:title" content="imgrid" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://asdf.us/imgrid" />
<meta property="og:site_name" content="IMGRID - A 3D-GRID-PLANE GENERATOR" />
<title>IMGRID - a 3D GRID-PLANE GENERATOR</title>
<link rel="stylesheet" href="general.css" type="text/css" media="screen" />
<link href="colorpixx.css" rel="stylesheet" type="text/css" />
<link href='main2.css' rel='stylesheet' type='text/css' />
<link href='jquery-ui-1.8.16.custom.css' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Terminal+Dosis' rel='stylesheet' type='text/css'>
</head>
<body>
<!--popupcode-->
<div id="popupContact">
<a id="popupContactClose">x</a>
<applet code="org.jdesktop.applet.util.JNLPAppletLauncher"
width=800
height=600
archive="dist/deployment/v1/jar/applet-launcher.jar,
dist/deployment/v1/jar/gluegen-rt.jar,
dist/deployment/v1/jar/jogl.all.jar,
dist/3dmap.jar">
<param name="codebase_lookup" value="false">
<param name="subapplet.classname" value="com.scannerjammer.applet.heightmap.applet.Simple3DLandscapeApplet">
<param name="subapplet.displayname" value="3D Map">
<param name="noddraw.check" value="true">
<param name="progressbar" value="true">
<param name="jnlpNumExtensions" value="1">
<param name="jnlpExtension1"
value="dist/deployment/v1/jogl-awt.jnlp">
<param name="java_arguments" value="-Dsun.java2d.noddraw=true">
<param name="jnlp_href" value="dist/3dmap.jnlp">
</applet>
</div>
<div id="backgroundPopup"></div>
<!--endpopup code-->
<h1>IMGRID: A 3D-GRID-PLANE GENERATOR FROM PHOTOBLASTER</h1>
<h2 id="use">USE:</h2>
<div id="controls">
<h2>I. THE FLAT PLANE
<span id="swingleft" >II. THE 3D PLANE<br> CLICK TO OPEN JAVA APPLET</span></h2>
<div id="flatcontrols">
<h3>CHOOSE AN IMAGE SIZE: HEIGHT<input id='img-height' type='text' value='400'><span style="font-size:12px">PX</span></input>WIDTH<input id='img-width' type='text' value='400'><span style="font-size:12px">PX</span></input></h3>
<h3>CHOOSE THE LINE THICKNESS:<input id='line-thickness' type='text' value='1'><span style="font-size:12px">PX</span></input></h3>
<h3>CHOOSE A LINE COLOR:<input id='line-color' type='text' value='BLACK'><span style="font-size:12px">PX</span></input></h3>
<h3>ADJUST LINE OPACITY: <input id='line-opacity' type='text' value='1'></input>
<div class="slider" id="opacity-slider"></div></h3>
<h3>ADJUST SPACING: <input id='line-spacing' type='text' value='0'><span style='font-size:12px'>PX</span></input>
<div class="slider" id="spacing-slider"></div></h3>
<h4>USE ONLY VERTICAL LINES<input type="checkbox" id="v-lines" value="false"></input></h4>
<h4>USE ONLY HORIZONTAL LINES<input type="checkbox" id="h-lines" value="false" ></input></h4>
<h4>ADD A SHADOW<input type='checkbox' id='shadow' value='false'</input></h4>
<h3>CHOOSE BACKGROUND OF GRID:</h3>
<h4>TRANSPARENT? (THE DEFAULT)<input type="checkbox" id="bgtransparent" value="true" checked="checked"></input></h4>
<h4>USE AN IMAGE?<input class="urlinput" type="text" id="bg-image" value="">IMG URL eg:http://ww...</input></h4>
<h4>USE A COLOR?<input type="text" id="bg-color" value=""><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></input></h4>
<h3>ADJUST WITHIN THE 3D PLANE:</h3>
<h4>USE IMAGE INSTEAD OF GRID<input type="text" class="urlinput" type="text" id="imageinstead" value="">IMG URL eg:http://ww...</input></h4>
<h4>CHOOSE A BACKGROUND COLOR<input type="text" value="transparent" id="planebgcolor"><a href="http://asdf.us/im/colors.html" target="_blank">SEE COLOR LIST</a></input></h4>
<h4>OR USE A BACKGROUND IMAGE</h4><input type="text" value="" id="planebgimage">IMG URL eg:http://ww...</input></h4>
<h4>CHOOSE A SKYCOLOR</h4><input type="text" value="none" id="skycolor">for the area above the horizon-line</input></h4>
<h4>ADD A DITHERED-TRANSITION</h4><input type="checkbox" id="dither"></input></h4>
<h3>SWING<input id='swing' type='text' value='0'></input>
<div id="swingslider" class="slider"></div></h3>
<h3>TILT<input id='tilt' type='text' value='0'></input>
<div id="tiltslider" class="slider"></div></h3>
<h3>ROLL<input id='roll' type='text' value='0'></input>
<div id="rollslider" class="slider"></div></h3>
<h3>ZOOM<input id='zoom' type='text' value='0'></input>
<div id="zoomslider" class="slider" value='0'></div></h3>
<h3>TRIM IT<input type="checkbox" id="trim" value="false"></input></h3>
<h4>ADJUST THE IMAGE FORMAT<select id='format'>
<option selected='selected' value='png'>PNG</option>
<option value='gif'>GIF</option>
<option value='jpg'>JPG</option>
</select></h4>
<h3><input type=text value="" id='username'>← ENTER YOUR NAME if you want </input></h4>
<button id="generate">GENERATE</button>
<input type="reset" value="Reset Form">
</div>
</div>
<span id="output-cmd" style="background-color:pink; position:absolute; right:70px; top:50px;">click generate or hit enter to get your 2D plane</span>
<span id="output-img" style="background-color:pink; position:absolute; right:300px; top:70px;"></span>
<div id="output-url" style="background-color:pink; position:absolute; right:300px; top:90px;"></div>
<div id="result" style="background-color:pink; position:absolute; right:300px; top:130px;"></div>
<div id="colorlist" style="background-color:red; height:600px; width:300px; position:fixed; top:20px; right:10%; z-index:20px;"></div>
<h5>COPYRIGHT 2011 PEPPER DREAMTEAMER</h5>
<div id="intro" style="background-color:white">
<!--<div id="bg">
<div><table cellspacing=0 cellpadding=0><tr><td>
<img src="background.gif" />
</td></tr></table></div>
</div>-->
<div id="athena"><img src="athenafinal.gif"></img></div>
</div>
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="sliders.js"></script>
<script type="text/javascript">$('#intro').remove();</script>
<!--<script type="text/javascript" src="intro.js">-->
<script type="text/javascript" src="main.js"></script>
<script src="popup.js" type="text/javascript"></script>
<script type="text/javascript" src="picker.js"></script>
</body>
</html>
|
