-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (64 loc) · 4.13 KB
/
index.html
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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Suit on web based on three</title>
<link rel="stylesheet" href="./styles/style_default.css"></link>
<link rel="stylesheet" href="./styles/style_of_canvas_for_suit.css"></link>
<script src="./threejs/build/three.min.js"></script>
<script src="./threejs/js/controls/OrbitControls.js"></script>
<script src="./threejs/js/Detector.js"></script>
<script src="./threejs/js/libs/stats.min.js"></script>
<script src="./threejs/js/loaders/OBJMTLLoader.js"></script>
<script src="./threejs/js/loaders/OBJLoader.js"></script>
<script src="./threejs/js/loaders/DDSLoader.js"></script>
<script src="./threejs/js/loaders/MTLLoader.js"></script>
</head>
<body>
<div id = "container_for_three">
<canvas id = "canvas_for_three"></canvas>
<!-- <select id = "models_selector" name = "selector_for_models">
<option path = "models_for_test/Lol_Katarina_Default/Lol_Katarina_Default" type = "OBJMTL" scale = 2 selected="selected">lol</option>
<option path = "models_for_test/Gemini/Gemini" type = "OBJMTL" scale = 6 >Gemini</option>
</select> -->
<p>fabric</p>
<div id = "select_fabric">
<!-- <div id = "select_fabric" selectedfabric = "fabric_blue" selectedfabricId = "button_fabric_1"> -->
<button id = "button_fabric_0" fabrictype = "fabric_blue">fabric_blue</button>
<button id = "button_fabric_1" fabrictype = "fabric_black">fabric_black</button>
<button id = "button_fabric_2" fabrictype = "fabric_grey">fabric_grey</button>
</div>
<p>button style</p>
<select id = "selectbox_button_style" name = "selectbox_button_style">
<option value = "single-breasted_1" model = "single-breasted_1">single-breasted 1 button </option>
<option value = "single-breasted_2" model = "single-breasted_2">single-breasted 2 buttons</option>
<option value = "single-breasted_3" model = "single-breasted_3">single-breasted 3 buttons</option>
<option value = "double-breasted_2" model = "double-breasted_2">double-breasted 2 buttons</option>
<option value = "double-breasted_4" model = "double-breasted_4">double-breasted 4 buttons</option>
<option value = "double-breasted_6" model = "double-breasted_6">double-breasted 6 buttons</option>
</select>
<p>back bottom</p>
<select id = "selectbox_back_bottom" name = "selectbox_back_bottom">
<option value = "back" model = "back">back</option>
<option value = "side" model = "side">side</option>
<option value = "none" model = "none">none</option>
</select>
<p>collar style</p>
<select id = "selectbox_collar_style" name = "selectbox_collar_style">
<option value = "notch_lapel" model = "notch_lapel">notch lapel</option>
<option value = "peaked_lapel" model = "peaked_lapel">peaked lapel</option>
</select>
<p>pocket style</p>
<select id = "selectbox_pocket_style" name = "selectbox_pocket_style">
<option value = "regular" model = "regular">regular</option>
<option value = "lean" model = "lean">lean</option>
<option value = "two_horn" model = "two_horn">two horn</option>
</select>
<!-- <p><input id="slider slider_for_model" type="range" min="0" max="3" value="1" step="1"/>model</p>
<p><input id="slider slider_for_texture" type="range" min="0" max="3" value="1" step="1"/>texture</p> -->
</div>
<script src="./javascript/create_scene_for_suit.js"></script>
<script src="./javascript/select_style_management.js"></script>
<script src="./javascript/create_scene_for_suit.js"></script>
<script src="./javascript/suit_on_web_main.js"></script>
</body>
</html>