forked from tinysoccerball/synthetic-data-generation
-
Notifications
You must be signed in to change notification settings - Fork 0
/
3D-Config-Creator.html
105 lines (89 loc) · 6.67 KB
/
3D-Config-Creator.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
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
<!DOCTYPE html>
<!-- saved from url=(0063)https://research-digitized-rhinoplasty.github.io/3D-face-morph/ -->
<html lang="en-US"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Begin Jekyll SEO tag v2.8.0 -->
<title>3D Model Morphing and Generation | 3D-face-morph</title>
<meta name="generator" content="Jekyll v3.9.2">
<meta property="og:title" content="3D Model Morphing and Generation">
<meta property="og:locale" content="en_US">
<meta name="description" content="Programmatically morph 3D models of faces">
<meta property="og:description" content="Programmatically morph 3D models of faces">
<link rel="canonical" href="https://research-digitized-rhinoplasty.github.io/3D-face-morph/">
<meta property="og:url" content="https://research-digitized-rhinoplasty.github.io/3D-face-morph/">
<meta property="og:site_name" content="3D-face-morph">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta property="twitter:title" content="3D Model Morphing and Generation">
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","description":"Programmatically morph 3D models of faces","headline":"3D Model Morphing and Generation","name":"3D-face-morph","url":"https://research-digitized-rhinoplasty.github.io/3D-face-morph/"}</script>
<!-- End Jekyll SEO tag -->
<style class="anchorjs"></style><link rel="stylesheet" href="./style.css">
<!-- start custom head snippets, customize with your own _includes/head-custom.html file -->
<!-- Setup Google Analytics -->
<!-- You can set your favicon here -->
<!-- link rel="shortcut icon" type="image/x-icon" href="/3D-face-morph/favicon.ico" -->
<!-- end custom head snippets -->
</head>
<body data-new-gr-c-s-check-loaded="14.1088.0" data-gr-ext-installed="">
<div class="container-lg px-3 my-5 markdown-body">
<h1><a href="https://research-digitized-rhinoplasty.github.io/3D-face-morph/">3D-face-morph</a></h1>
<h1 id="3d-model-morphing-and-generation">Configuration File Creator for Morphing 3D Models</h1>
<table>
<tr>
<td style="border: 1px solid black;padding: 10px;">
<p id="Specifications"><b>Please enter the values for each landmark and then click 'Add Modification' button. Once you are done with adding landmarks that you want to morph, click the 'Make and Download Configuration File' button. For more information please go <a href="configuration-file-instructions.html">this detailed description page.</a></b></p>
</td>
</tr>
<tr>
<td style="border: 1px solid black;padding: 10px;">
<br>
<script src="instructionCreation.js"></script>
Model Name: <input type="text" id="modelname" name="modelname" placeholder = "Model Name"><br>
Fall off Type:<select name="falloff" id="falloff">
<option value="SMOOTH">Smooth (Recommended)</option>
<option value="SPHERE">Sphere</option>
<option value="INVERSE_SQUARE">Inverse Square</option>
</select><br>
<br>
</td>
</tr>
<tr>
<td style="border: 1px solid black;padding: 10px;">
<br>
Transformation Type:<select name="transformation" id="transformation">
<option value="Translation">Translation (Recommended)</option>
<option value="Scale">Scale</option>
</select><br>
Influence Raidus: <input type="text" id="influence" name="influence" placeholder = "influence"><br>
Landmark Abbreviation: <input type="text" id="abbrv" name="abbrv" placeholder = "abbreviation">
Is dual landmark?<select name="dual" id="dual">
<option value="N">No</option>
<option value="Y">Yes</option>
</select><br>
If dual landmark, corresponding landmark's abbreviation:<input type="text" id="dualabbrv" name="dualabbrv" placeholder = "dual abbrv">
<br>
The number of iterations for the landmark: <input type="text" id="changenumber" name="changenumber" placeholder = "# of Changes"><br>
Starting Point Adjustment (This value is added to the initial location of the landmark and can be a negative value):<br>
<input type="text" id="startx" name="startx" placeholder = "Adjustment for X">
<input type="text" id="starty" name="starty" placeholder = "Adjustment for Y">
<input type="text" id="startz" name="startz" placeholder = "Adjustment for Z"><br>
Magnitude of Changes at Each Iteration (This value is added to the previous iteration's location):<br>
<input type="text" id="dx" name="dx" placeholder = "Magnitude of Change on X">
<input type="text" id="dy" name="dy" placeholder = "Magnitude of Change on Y">
<input type="text" id="dz" name="dz" placeholder = "Magnitude of Change on Y"><br>
<br>
<button onclick="addModification()">Add Modifications for the Landmark</button>
<br>
</td>
</tr>
</table>
<br>
<table style="border: 1px solid black;padding: 10px;" id="container"></table>
<b><p id="NumberOfFiles"></p></b>
<p id="Output"></p>
<button onclick="downloadJSON()">Make and Download Configuration JSON File</button>
</div>
</body>
</html>