json-object-editor 0.9.89 → 0.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -1
- package/app.js +5 -4
- package/css/jif/Read Me.txt +5 -5
- package/css/jif/demo-files/demo.css +153 -153
- package/css/jif/demo-files/demo.js +30 -30
- package/css/jif/demo.html +285 -285
- package/css/jif/fonts/joeiconfont.svg +24 -24
- package/css/jif/ie7/ie7.css +45 -45
- package/css/jif/ie7/ie7.js +46 -46
- package/css/jif/selection.json +573 -573
- package/css/joe-styles.css +5 -1
- package/css/joe.css +11 -7
- package/css/jquery-ui-1.10.4.custom.min.css +5 -5
- package/css/jquery-ui.min.css +6 -6
- package/css/jquery.timepicker.css +72 -72
- package/es5-build/capp/capp.js +1083 -1083
- package/es5-build/js/JsonObjectEditor_es5.jquery.craydent.js +11047 -11047
- package/es5-build/web-components/account-info.js +136 -136
- package/es5-build/web-components/capp-components.js +160 -160
- package/es5-build/web-components/capp-panel.js +85 -85
- package/es5-build/web-components/capp-view.js +73 -73
- package/es5-build/web-components/joe-autocomplete.js +149 -149
- package/es5-build/web-components/joe-button.js +132 -132
- package/es5-build/web-components/joe-card.js +92 -92
- package/es5-build/web-components/joe-component.js +74 -74
- package/es5-build/web-components/joe-field.js +70 -70
- package/es5-build/web-components/joe-list-item.js +176 -176
- package/es5-build/web-components/joe-user-cube.js +100 -100
- package/es5-build/web-components/report-components.js +133 -133
- package/grunt/build +86 -86
- package/grunt/package-lock.json +6301 -2489
- package/grunt/package.json +47 -47
- package/grunt/src +86 -86
- package/js/JsonObjectEditor.jquery.craydent.js +3 -2
- package/js/joe-full.js +11 -10
- package/js/joe.js +12 -11
- package/js/joe_es5.js +11056 -11056
- package/js/jquery.timepicker.min.js +1 -1
- package/js/leaflet.js +8 -8
- package/js/libs/adapter-latest.js +4400 -4400
- package/js/libs/craydent-1.9.2.js +11741 -11741
- package/js/libs/craydent-upload-2.0.0.js +394 -394
- package/js/libs/hammer.min.208.js +6 -6
- package/js/libs/jquery-3.5.1.min.js +2 -2
- package/js/libs/moment.min.js +6 -6
- package/js/native-shim.js +46 -46
- package/js/plugins/c3/c3.min.js +5 -5
- package/js/plugins/c3/d3.v3.min.js +4 -4
- package/js/plugins/threejs/Detector.js +78 -78
- package/js/plugins/threejs/LICENSE +21 -21
- package/js/plugins/threejs/MTLLoader.js +417 -417
- package/js/plugins/threejs/OBJLoader.js +564 -564
- package/js/plugins/threejs/OrbitControls.js +1037 -1037
- package/js/plugins/threejs/README.md +9 -9
- package/js/plugins/threejs/assets/female-croupier-2013-03-26.mtl +3 -3
- package/js/plugins/threejs/index.html +178 -178
- package/js/plugins/threejs/three.js +41507 -41507
- package/package copy.json +62 -0
- package/package.json +12 -13
- package/server/schemas/ledger.js +52 -16
- package/web-components/joe-card.js +5 -0
- package/projectFilesBackup/.idea/workspace.xml +0 -424
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
# WebGL 3D Model Viewer Using three.js
|
|
2
|
-
|
|
3
|
-
## Specification
|
|
4
|
-
|
|
5
|
-
* OBJ loader for loading a geometry format that is as old and widely supported as GIFs.
|
|
6
|
-
* MTL loader for loading really simple materials.
|
|
7
|
-
* Orbit controls to smoothly turn the camera around the model.
|
|
8
|
-
* Nearest-neighbor filtering and a pure white ambient light to showcase pixel art textures.
|
|
9
|
-
* All libraries taken from the [three.js](https://github.com/mrdoob/three.js/) repository.
|
|
1
|
+
# WebGL 3D Model Viewer Using three.js
|
|
2
|
+
|
|
3
|
+
## Specification
|
|
4
|
+
|
|
5
|
+
* OBJ loader for loading a geometry format that is as old and widely supported as GIFs.
|
|
6
|
+
* MTL loader for loading really simple materials.
|
|
7
|
+
* Orbit controls to smoothly turn the camera around the model.
|
|
8
|
+
* Nearest-neighbor filtering and a pure white ambient light to showcase pixel art textures.
|
|
9
|
+
* All libraries taken from the [three.js](https://github.com/mrdoob/three.js/) repository.
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
newmtl default
|
|
2
|
-
Ks 0 0 0
|
|
3
|
-
map_Kd female-croupier-2013-03-26.png
|
|
1
|
+
newmtl default
|
|
2
|
+
Ks 0 0 0
|
|
3
|
+
map_Kd female-croupier-2013-03-26.png
|
|
@@ -1,178 +1,178 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
|
|
5
|
-
<title>Three.js Viewer</title>
|
|
6
|
-
|
|
7
|
-
<meta charset="utf-8">
|
|
8
|
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
9
|
-
|
|
10
|
-
<script src="three.js"></script>
|
|
11
|
-
<script src="Detector.js"></script>
|
|
12
|
-
<script src="OrbitControls.js"></script>
|
|
13
|
-
<script src="OBJLoader.js"></script>
|
|
14
|
-
<script src="MTLLoader.js"></script>
|
|
15
|
-
<script src="http://localhost:2099/JsonObjectEditor/js/libs/craydent-1.9.2.js"></script>
|
|
16
|
-
|
|
17
|
-
<style>
|
|
18
|
-
body {
|
|
19
|
-
overflow: hidden;
|
|
20
|
-
margin: 0;
|
|
21
|
-
padding: 0;
|
|
22
|
-
background: #fff;
|
|
23
|
-
}
|
|
24
|
-
</style>
|
|
25
|
-
|
|
26
|
-
</head>
|
|
27
|
-
<body>
|
|
28
|
-
|
|
29
|
-
<script>
|
|
30
|
-
|
|
31
|
-
if (!Detector.webgl) {
|
|
32
|
-
Detector.addGetWebGLMessage();
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
var container;
|
|
36
|
-
|
|
37
|
-
var camera, controls, scene, renderer;
|
|
38
|
-
var lighting, ambient, keyLight, fillLight, backLight;
|
|
39
|
-
|
|
40
|
-
var windowHalfX = window.innerWidth / 2;
|
|
41
|
-
var windowHalfY = window.innerHeight / 2;
|
|
42
|
-
|
|
43
|
-
init();
|
|
44
|
-
animate();
|
|
45
|
-
|
|
46
|
-
function init() {
|
|
47
|
-
|
|
48
|
-
container = document.createElement('div');
|
|
49
|
-
document.body.appendChild(container);
|
|
50
|
-
|
|
51
|
-
/* Camera */
|
|
52
|
-
|
|
53
|
-
camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 1000);
|
|
54
|
-
camera.position.z = 3;
|
|
55
|
-
|
|
56
|
-
/* Scene */
|
|
57
|
-
|
|
58
|
-
scene = new THREE.Scene();
|
|
59
|
-
lighting = false;
|
|
60
|
-
|
|
61
|
-
ambient = new THREE.AmbientLight(0xffffff, 1.0);
|
|
62
|
-
scene.add(ambient);
|
|
63
|
-
|
|
64
|
-
keyLight = new THREE.DirectionalLight(new THREE.Color('hsl(30, 100%, 75%)'), 1.0);
|
|
65
|
-
keyLight.position.set(-100, 0, 100);
|
|
66
|
-
|
|
67
|
-
fillLight = new THREE.DirectionalLight(new THREE.Color('hsl(240, 100%, 75%)'), 0.75);
|
|
68
|
-
fillLight.position.set(100, 0, 100);
|
|
69
|
-
|
|
70
|
-
backLight = new THREE.DirectionalLight(0xffffff, 1.0);
|
|
71
|
-
backLight.position.set(100, 0, -100).normalize();
|
|
72
|
-
|
|
73
|
-
/* Model */
|
|
74
|
-
var dir = $GET('dir')||'';
|
|
75
|
-
if(dir){dir = dir+'/';}
|
|
76
|
-
var model = $GET('model')||'female-croupier-2013-03-26';
|
|
77
|
-
var mtlLoader = new THREE.MTLLoader();
|
|
78
|
-
mtlLoader.setBaseUrl('assets/'+dir);
|
|
79
|
-
mtlLoader.setPath('assets/'+dir);
|
|
80
|
-
mtlLoader.load(model+'.mtl', function (materials) {
|
|
81
|
-
|
|
82
|
-
materials.preload();
|
|
83
|
-
|
|
84
|
-
//materials.materials.default.map.magFilter = THREE.NearestFilter;
|
|
85
|
-
//materials.materials.default.map.minFilter = THREE.LinearFilter;
|
|
86
|
-
|
|
87
|
-
var objLoader = new THREE.OBJLoader();
|
|
88
|
-
objLoader.setMaterials(materials);
|
|
89
|
-
objLoader.setPath('assets/'+dir);
|
|
90
|
-
objLoader.load(model+'.obj', function (object) {
|
|
91
|
-
|
|
92
|
-
scene.add(object);
|
|
93
|
-
|
|
94
|
-
});
|
|
95
|
-
|
|
96
|
-
});
|
|
97
|
-
|
|
98
|
-
/* Renderer */
|
|
99
|
-
|
|
100
|
-
renderer = new THREE.WebGLRenderer();
|
|
101
|
-
renderer.setPixelRatio(window.devicePixelRatio);
|
|
102
|
-
renderer.setSize(window.innerWidth, window.innerHeight);
|
|
103
|
-
renderer.setClearColor(new THREE.Color('#fff'));
|
|
104
|
-
|
|
105
|
-
container.appendChild(renderer.domElement);
|
|
106
|
-
|
|
107
|
-
/* Controls */
|
|
108
|
-
|
|
109
|
-
controls = new THREE.OrbitControls(camera, renderer.domElement);
|
|
110
|
-
controls.enableDamping = true;
|
|
111
|
-
controls.dampingFactor = 0.5;
|
|
112
|
-
controls.enableZoom = true;
|
|
113
|
-
|
|
114
|
-
/* Events */
|
|
115
|
-
|
|
116
|
-
window.addEventListener('resize', onWindowResize, false);
|
|
117
|
-
window.addEventListener('keydown', onKeyboardEvent, false);
|
|
118
|
-
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
function onWindowResize() {
|
|
122
|
-
|
|
123
|
-
windowHalfX = window.innerWidth / 2;
|
|
124
|
-
windowHalfY = window.innerHeight / 2;
|
|
125
|
-
|
|
126
|
-
camera.aspect = window.innerWidth / window.innerHeight;
|
|
127
|
-
camera.updateProjectionMatrix();
|
|
128
|
-
|
|
129
|
-
renderer.setSize(window.innerWidth, window.innerHeight);
|
|
130
|
-
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
function onKeyboardEvent(e) {
|
|
134
|
-
|
|
135
|
-
if (e.code === 'KeyL') {
|
|
136
|
-
|
|
137
|
-
lighting = !lighting;
|
|
138
|
-
|
|
139
|
-
if (lighting) {
|
|
140
|
-
|
|
141
|
-
ambient.intensity = 0.25;
|
|
142
|
-
scene.add(keyLight);
|
|
143
|
-
scene.add(fillLight);
|
|
144
|
-
scene.add(backLight);
|
|
145
|
-
|
|
146
|
-
} else {
|
|
147
|
-
|
|
148
|
-
ambient.intensity = 1.0;
|
|
149
|
-
scene.remove(keyLight);
|
|
150
|
-
scene.remove(fillLight);
|
|
151
|
-
scene.remove(backLight);
|
|
152
|
-
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
function animate() {
|
|
160
|
-
|
|
161
|
-
requestAnimationFrame(animate);
|
|
162
|
-
|
|
163
|
-
controls.update();
|
|
164
|
-
|
|
165
|
-
render();
|
|
166
|
-
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
function render() {
|
|
170
|
-
|
|
171
|
-
renderer.render(scene, camera);
|
|
172
|
-
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
</script>
|
|
176
|
-
|
|
177
|
-
</body>
|
|
178
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
|
|
5
|
+
<title>Three.js Viewer</title>
|
|
6
|
+
|
|
7
|
+
<meta charset="utf-8">
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
9
|
+
|
|
10
|
+
<script src="three.js"></script>
|
|
11
|
+
<script src="Detector.js"></script>
|
|
12
|
+
<script src="OrbitControls.js"></script>
|
|
13
|
+
<script src="OBJLoader.js"></script>
|
|
14
|
+
<script src="MTLLoader.js"></script>
|
|
15
|
+
<script src="http://localhost:2099/JsonObjectEditor/js/libs/craydent-1.9.2.js"></script>
|
|
16
|
+
|
|
17
|
+
<style>
|
|
18
|
+
body {
|
|
19
|
+
overflow: hidden;
|
|
20
|
+
margin: 0;
|
|
21
|
+
padding: 0;
|
|
22
|
+
background: #fff;
|
|
23
|
+
}
|
|
24
|
+
</style>
|
|
25
|
+
|
|
26
|
+
</head>
|
|
27
|
+
<body>
|
|
28
|
+
|
|
29
|
+
<script>
|
|
30
|
+
|
|
31
|
+
if (!Detector.webgl) {
|
|
32
|
+
Detector.addGetWebGLMessage();
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
var container;
|
|
36
|
+
|
|
37
|
+
var camera, controls, scene, renderer;
|
|
38
|
+
var lighting, ambient, keyLight, fillLight, backLight;
|
|
39
|
+
|
|
40
|
+
var windowHalfX = window.innerWidth / 2;
|
|
41
|
+
var windowHalfY = window.innerHeight / 2;
|
|
42
|
+
|
|
43
|
+
init();
|
|
44
|
+
animate();
|
|
45
|
+
|
|
46
|
+
function init() {
|
|
47
|
+
|
|
48
|
+
container = document.createElement('div');
|
|
49
|
+
document.body.appendChild(container);
|
|
50
|
+
|
|
51
|
+
/* Camera */
|
|
52
|
+
|
|
53
|
+
camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 1000);
|
|
54
|
+
camera.position.z = 3;
|
|
55
|
+
|
|
56
|
+
/* Scene */
|
|
57
|
+
|
|
58
|
+
scene = new THREE.Scene();
|
|
59
|
+
lighting = false;
|
|
60
|
+
|
|
61
|
+
ambient = new THREE.AmbientLight(0xffffff, 1.0);
|
|
62
|
+
scene.add(ambient);
|
|
63
|
+
|
|
64
|
+
keyLight = new THREE.DirectionalLight(new THREE.Color('hsl(30, 100%, 75%)'), 1.0);
|
|
65
|
+
keyLight.position.set(-100, 0, 100);
|
|
66
|
+
|
|
67
|
+
fillLight = new THREE.DirectionalLight(new THREE.Color('hsl(240, 100%, 75%)'), 0.75);
|
|
68
|
+
fillLight.position.set(100, 0, 100);
|
|
69
|
+
|
|
70
|
+
backLight = new THREE.DirectionalLight(0xffffff, 1.0);
|
|
71
|
+
backLight.position.set(100, 0, -100).normalize();
|
|
72
|
+
|
|
73
|
+
/* Model */
|
|
74
|
+
var dir = $GET('dir')||'';
|
|
75
|
+
if(dir){dir = dir+'/';}
|
|
76
|
+
var model = $GET('model')||'female-croupier-2013-03-26';
|
|
77
|
+
var mtlLoader = new THREE.MTLLoader();
|
|
78
|
+
mtlLoader.setBaseUrl('assets/'+dir);
|
|
79
|
+
mtlLoader.setPath('assets/'+dir);
|
|
80
|
+
mtlLoader.load(model+'.mtl', function (materials) {
|
|
81
|
+
|
|
82
|
+
materials.preload();
|
|
83
|
+
|
|
84
|
+
//materials.materials.default.map.magFilter = THREE.NearestFilter;
|
|
85
|
+
//materials.materials.default.map.minFilter = THREE.LinearFilter;
|
|
86
|
+
|
|
87
|
+
var objLoader = new THREE.OBJLoader();
|
|
88
|
+
objLoader.setMaterials(materials);
|
|
89
|
+
objLoader.setPath('assets/'+dir);
|
|
90
|
+
objLoader.load(model+'.obj', function (object) {
|
|
91
|
+
|
|
92
|
+
scene.add(object);
|
|
93
|
+
|
|
94
|
+
});
|
|
95
|
+
|
|
96
|
+
});
|
|
97
|
+
|
|
98
|
+
/* Renderer */
|
|
99
|
+
|
|
100
|
+
renderer = new THREE.WebGLRenderer();
|
|
101
|
+
renderer.setPixelRatio(window.devicePixelRatio);
|
|
102
|
+
renderer.setSize(window.innerWidth, window.innerHeight);
|
|
103
|
+
renderer.setClearColor(new THREE.Color('#fff'));
|
|
104
|
+
|
|
105
|
+
container.appendChild(renderer.domElement);
|
|
106
|
+
|
|
107
|
+
/* Controls */
|
|
108
|
+
|
|
109
|
+
controls = new THREE.OrbitControls(camera, renderer.domElement);
|
|
110
|
+
controls.enableDamping = true;
|
|
111
|
+
controls.dampingFactor = 0.5;
|
|
112
|
+
controls.enableZoom = true;
|
|
113
|
+
|
|
114
|
+
/* Events */
|
|
115
|
+
|
|
116
|
+
window.addEventListener('resize', onWindowResize, false);
|
|
117
|
+
window.addEventListener('keydown', onKeyboardEvent, false);
|
|
118
|
+
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
function onWindowResize() {
|
|
122
|
+
|
|
123
|
+
windowHalfX = window.innerWidth / 2;
|
|
124
|
+
windowHalfY = window.innerHeight / 2;
|
|
125
|
+
|
|
126
|
+
camera.aspect = window.innerWidth / window.innerHeight;
|
|
127
|
+
camera.updateProjectionMatrix();
|
|
128
|
+
|
|
129
|
+
renderer.setSize(window.innerWidth, window.innerHeight);
|
|
130
|
+
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
function onKeyboardEvent(e) {
|
|
134
|
+
|
|
135
|
+
if (e.code === 'KeyL') {
|
|
136
|
+
|
|
137
|
+
lighting = !lighting;
|
|
138
|
+
|
|
139
|
+
if (lighting) {
|
|
140
|
+
|
|
141
|
+
ambient.intensity = 0.25;
|
|
142
|
+
scene.add(keyLight);
|
|
143
|
+
scene.add(fillLight);
|
|
144
|
+
scene.add(backLight);
|
|
145
|
+
|
|
146
|
+
} else {
|
|
147
|
+
|
|
148
|
+
ambient.intensity = 1.0;
|
|
149
|
+
scene.remove(keyLight);
|
|
150
|
+
scene.remove(fillLight);
|
|
151
|
+
scene.remove(backLight);
|
|
152
|
+
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
function animate() {
|
|
160
|
+
|
|
161
|
+
requestAnimationFrame(animate);
|
|
162
|
+
|
|
163
|
+
controls.update();
|
|
164
|
+
|
|
165
|
+
render();
|
|
166
|
+
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
function render() {
|
|
170
|
+
|
|
171
|
+
renderer.render(scene, camera);
|
|
172
|
+
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
</script>
|
|
176
|
+
|
|
177
|
+
</body>
|
|
178
|
+
</html>
|