@jdultra/threedtiles 10.1.8 → 10.1.10
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/README.md +5 -7
- package/dist/index.html +1 -1
- package/dist/threedtiles.min.js +1 -1
- package/dist/threedtiles.min.js.map +1 -1
- package/dist/tileset/OGC3DTile.d.ts +11 -3
- package/dist/tileset/TileLoader.d.ts +2 -1
- package/dist/tileset/instanced/InstancedTileLoader.d.ts +1 -0
- package/package.json +4 -2
package/README.md
CHANGED
|
@@ -6,6 +6,11 @@
|
|
|
6
6
|
|
|
7
7
|
A faster 3DTiles viewer for three.js, now with OGC3DTiles 1.1 support
|
|
8
8
|
|
|
9
|
+
## sample getting started projects
|
|
10
|
+
[Getting started vanilla js](https://drive.google.com/file/d/14lipb5eUqfad-n7EUgXuXul-drPdLifV/view?usp=sharing)
|
|
11
|
+
|
|
12
|
+
[Getting started react-three-fiber](https://drive.google.com/file/d/1C102qriCsnra9EUbb8WzO4jZStp-eEah/view?usp=sharing)
|
|
13
|
+
|
|
9
14
|
## Demos
|
|
10
15
|
|
|
11
16
|
[Google Tiles overlay](https://www.jdultra.com/overlay/index.html)
|
|
@@ -72,13 +77,6 @@ function animate() {
|
|
|
72
77
|
It is discouraged to call the update functions outside the render loop in a setInterval for example.
|
|
73
78
|
While that may work fine on desktop, mobile browsers tend to block an entire frame when a timeout triggers in it.
|
|
74
79
|
|
|
75
|
-
Here is a simple project : [Getting started](https://drive.google.com/file/d/14lipb5eUqfad-n7EUgXuXul-drPdLifV/view?usp=sharing)
|
|
76
|
-
|
|
77
|
-
Unzip and run :
|
|
78
|
-
|
|
79
|
-
> npm install
|
|
80
|
-
|
|
81
|
-
> npm run dev
|
|
82
80
|
|
|
83
81
|
## Mesh to 3DTiles Converter
|
|
84
82
|
|
package/dist/index.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!doctype html><html><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,user-scalable=no,minimum-scale=1,maximum-scale=1"><title>Three 3DTiles viewer sample</title><style>.slidecontainer{width:100%}.slider{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:#d3d3d3;outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#0439aa;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#04aa6d;cursor:pointer}</style></head><body><div id="screen"></div><div style="position:absolute;top:1%;z-index:1000;right:1%"><input type="range" min="0.01" max="2.0" value="0.5" , step="0.01" class="slider" id="lodMultiplier"><p style="color:#0439aa">detail multiplier: <span id="multiplierValue">0.5</span></p></div><div style="position:absolute;top:9%;z-index:1000;right:1%"><input type="range" min="10" max="200" value="30" , step="1" class="slider" id="targetFPS"><p style="color:#0439aa">target fps: <span id="targetFPSValue">30</span></p></div><script src="threedtiles.min.js"></script></body></html>
|
|
1
|
+
<!doctype html><html><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,user-scalable=no,minimum-scale=1,maximum-scale=1"><title>Three 3DTiles viewer sample</title><style>.slidecontainer{width:100%}.slider{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:#d3d3d3;outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#0439aa;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#04aa6d;cursor:pointer}</style></head><body><div id="screen"></div><div style="position:absolute;top:1%;z-index:1000;right:1%"><input type="range" min="0.01" max="2.0" value="0.5" , step="0.01" class="slider" id="lodMultiplier"><p style="color:#0439aa">detail multiplier: <span id="multiplierValue">0.5</span></p></div><div style="position:absolute;top:9%;z-index:1000;right:1%"><input type="range" min="10" max="200" value="30" , step="1" class="slider" id="targetFPS"><p style="color:#0439aa">target fps: <span id="targetFPSValue">30</span></p></div><div style="position:absolute;top:18%;z-index:1000;right:1%"><input type="checkbox" id="autorotate"> <span style="color:#0439aa">Auto Rotate</span></div><script src="threedtiles.min.js"></script></body></html>
|