upload
This commit is contained in:
knso committed
commit
1bf873a372
1 file changed
+14
@@ -0,0 +1,14 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de"><head><meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,viewport-fit=cover">
|
||||||
|
<title>Wohnung – 3D Miniatur</title>
|
||||||
|
<style>html,body{margin:0;background:#efece6}</style></head><body>
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
var DESKTOP="<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"utf-8\">\n<title>Wohnung – 3D Miniatur<\/title>\n<script type=\"importmap\">\n{\n \"imports\": {\n \"three\": \"https://unpkg.com/three@0.184.0/build/three.module.js\",\n \"three/addons/controls/OrbitControls.js\": \"https://unpkg.com/three@0.184.0/examples/jsm/controls/OrbitControls.js\",\n \"three/addons/exporters/OBJExporter.js\": \"https://unpkg.com/three@0.184.0/examples/jsm/exporters/OBJExporter.js\",\n \"three/addons/exporters/GLTFExporter.js\": \"https://unpkg.com/three@0.184.0/examples/jsm/exporters/GLTFExporter.js\",\n \"three/examples/jsm/\": \"https://unpkg.com/three@0.184.0/examples/jsm/\",\n \"three/addons/\": \"https://unpkg.com/three@0.184.0/examples/jsm/\",\n \"three-mesh-bvh\": \"https://cdn.jsdelivr.net/npm/three-mesh-bvh@0.9.5/build/index.module.js\",\n \"three-gpu-pathtracer\": \"https://cdn.jsdelivr.net/npm/three-gpu-pathtracer@0.0.24/build/index.module.js\",\n \"n8ao\": \"https://cdn.jsdelivr.net/npm/n8ao@1/dist/N8AO.js\",\n \"postprocessing\": \"https://cdn.jsdelivr.net/npm/postprocessing@6/build/index.js\"\n },\n \"integrity\": {\n \"https://unpkg.com/three@0.184.0/build/three.module.js\": \"sha384-8FCZ1eVO6it4+pbec2aDtnTrwjWXZLJRC+MAGCIPDgsYnUrl/E0A2YlF8ioMKI/J\",\n \"https://unpkg.com/three@0.184.0/build/three.core.js\": \"sha384-dw2ooPewaEIrAgl6oFDBmmBWCE9oW9LxRGcfwZ0hLvEprzo202wXl7vCYHRlSnOT\",\n \"https://unpkg.com/three@0.184.0/examples/jsm/controls/OrbitControls.js\": \"sha384-4rziNxOBZKQ69i+w+f89KJ55TCYquwchVbByQwmaOeIOXdOU2PLDn3kOfXHwIJC9\",\n \"https://unpkg.com/three@0.184.0/examples/jsm/exporters/OBJExporter.js\": \"sha384-nbwtoZENJD3Vq+ACK0CuGQdPMuDWHkamC2KJD70EV5nfg6jQjfppKOea07YJN+N3\",\n \"https://unpkg.com/three@0.184.0/examples/jsm/exporters/GLTFExporter.js\": \"sha384-VofkvpG6HERhFCYbsUOHeNXBCqID2nfqkQqnVzE1jc/oPcz+qJ13ADdXH08hE+cQ\"\n }\n}\n<\/script>\n<style>\n html,body{margin:0;height:100%;background:#efece6;font-family:Helvetica,Arial,sans-serif}\n three-d-stage:not(:defined){visibility:hidden}\n #rooms{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:6px;padding:6px;background:rgba(250,248,244,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;box-shadow:0 6px 24px rgba(30,28,24,.14)}\n #rooms button{appearance:none;border:0;background:transparent;color:#2f2d2a;font:500 14px/1 Helvetica,Arial,sans-serif;padding:11px 18px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}\n #rooms button:hover{background:rgba(47,45,42,.08)}\n #rooms button.on{background:#2f2d2a;color:#f7f5f0}\n #pov{position:fixed;left:50%;top:18px;transform:translate(-50%,-8px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;display:flex;gap:4px;padding:4px;background:rgba(250,248,244,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;box-shadow:0 1px 2px rgba(0,0,0,.06),0 6px 20px rgba(0,0,0,.08)}\n #pov.show{opacity:1;pointer-events:auto;transform:translate(-50%,0)}\n #pov button{appearance:none;border:0;background:transparent;color:#2f2d2a;font:500 13px/1 Helvetica,Arial,sans-serif;padding:9px 14px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}\n #pov button:hover{background:rgba(47,45,42,.08)}\n #pov button.on{background:#2f2d2a;color:#f7f5f0}\n #lamp{position:fixed;left:50%;bottom:82px;transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:rgba(250,248,244,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#2f2d2a;font:500 14px/1 Helvetica,Arial,sans-serif;box-shadow:0 4px 18px rgba(0,0,0,.08)}\n #lampT{display:flex;align-items:center;gap:10px;appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:7px 14px 7px 10px;border-radius:999px;cursor:pointer;white-space:nowrap}\n #lampT:hover{background:rgba(47,45,42,.08)}\n #lampCtl{display:flex;align-items:center;gap:14px;max-width:0;overflow:hidden;opacity:0;transition:max-width .4s,opacity .3s,padding .4s;padding:0}\n #lamp.on #lampCtl{max-width:420px;opacity:1;padding:0 12px 0 6px}\n #lampSw{display:flex;gap:6px}\n #lampSw button{appearance:none;width:22px;height:22px;border-radius:50%;border:2px solid rgba(250,248,244,.9);box-shadow:0 0 0 1px rgba(47,45,42,.18);cursor:pointer;padding:0}\n #lampSw button.sel{box-shadow:0 0 0 2px #2f2d2a}\n #lampSw{align-items:center;gap:8px;font-size:12px;color:#6b665e}\n #lampSw input[type=color]{appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:50%;border:2px solid rgba(250,248,244,.9);box-shadow:0 0 0 1px rgba(47,45,42,.25);padding:0;cursor:pointer;background:none}\n #lampSw input[type=color]::-webkit-color-swatch-wrapper{padding:0}\n #lampSw input[type=color]::-webkit-color-swatch{border:0;bLine truncated
|
||||||
|
var HANDY="<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1,maximum-scale=1,viewport-fit=cover\">\n<title>Wohnung – 3D Miniatur (Handy)<\/title>\n<script type=\"importmap\">\n{\n \"imports\": {\n \"three\": \"https://unpkg.com/three@0.184.0/build/three.module.js\",\n \"three/addons/controls/OrbitControls.js\": \"https://unpkg.com/three@0.184.0/examples/jsm/controls/OrbitControls.js\",\n \"three/addons/exporters/OBJExporter.js\": \"https://unpkg.com/three@0.184.0/examples/jsm/exporters/OBJExporter.js\",\n \"three/addons/exporters/GLTFExporter.js\": \"https://unpkg.com/three@0.184.0/examples/jsm/exporters/GLTFExporter.js\",\n \"three/examples/jsm/\": \"https://unpkg.com/three@0.184.0/examples/jsm/\",\n \"three/addons/\": \"https://unpkg.com/three@0.184.0/examples/jsm/\",\n \"three-mesh-bvh\": \"https://cdn.jsdelivr.net/npm/three-mesh-bvh@0.9.5/build/index.module.js\",\n \"three-gpu-pathtracer\": \"https://cdn.jsdelivr.net/npm/three-gpu-pathtracer@0.0.24/build/index.module.js\",\n \"n8ao\": \"https://cdn.jsdelivr.net/npm/n8ao@1/dist/N8AO.js\",\n \"postprocessing\": \"https://cdn.jsdelivr.net/npm/postprocessing@6/build/index.js\"\n },\n \"integrity\": {\n \"https://unpkg.com/three@0.184.0/build/three.module.js\": \"sha384-8FCZ1eVO6it4+pbec2aDtnTrwjWXZLJRC+MAGCIPDgsYnUrl/E0A2YlF8ioMKI/J\",\n \"https://unpkg.com/three@0.184.0/build/three.core.js\": \"sha384-dw2ooPewaEIrAgl6oFDBmmBWCE9oW9LxRGcfwZ0hLvEprzo202wXl7vCYHRlSnOT\",\n \"https://unpkg.com/three@0.184.0/examples/jsm/controls/OrbitControls.js\": \"sha384-4rziNxOBZKQ69i+w+f89KJ55TCYquwchVbByQwmaOeIOXdOU2PLDn3kOfXHwIJC9\",\n \"https://unpkg.com/three@0.184.0/examples/jsm/exporters/OBJExporter.js\": \"sha384-nbwtoZENJD3Vq+ACK0CuGQdPMuDWHkamC2KJD70EV5nfg6jQjfppKOea07YJN+N3\",\n \"https://unpkg.com/three@0.184.0/examples/jsm/exporters/GLTFExporter.js\": \"sha384-VofkvpG6HERhFCYbsUOHeNXBCqID2nfqkQqnVzE1jc/oPcz+qJ13ADdXH08hE+cQ\"\n }\n}\n<\/script>\n<style>\n html,body{margin:0;height:100%;background:#efece6;font-family:Helvetica,Arial,sans-serif}\n three-d-stage:not(:defined){visibility:hidden}\n #rooms{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:6px;padding:6px;background:rgba(250,248,244,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;box-shadow:0 6px 24px rgba(30,28,24,.14)}\n #rooms button{appearance:none;border:0;background:transparent;color:#2f2d2a;font:500 14px/1 Helvetica,Arial,sans-serif;padding:11px 18px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}\n #rooms button:hover{background:rgba(47,45,42,.08)}\n #rooms button.on{background:#2f2d2a;color:#f7f5f0}\n #pov{position:fixed;left:50%;top:18px;transform:translate(-50%,-8px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;display:flex;gap:4px;padding:4px;background:rgba(250,248,244,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;box-shadow:0 1px 2px rgba(0,0,0,.06),0 6px 20px rgba(0,0,0,.08)}\n #pov.show{opacity:1;pointer-events:auto;transform:translate(-50%,0)}\n #pov button{appearance:none;border:0;background:transparent;color:#2f2d2a;font:500 13px/1 Helvetica,Arial,sans-serif;padding:9px 14px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}\n #pov button:hover{background:rgba(47,45,42,.08)}\n #pov button.on{background:#2f2d2a;color:#f7f5f0}\n #lamp{position:fixed;left:50%;bottom:82px;transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:rgba(250,248,244,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#2f2d2a;font:500 14px/1 Helvetica,Arial,sans-serif;box-shadow:0 4px 18px rgba(0,0,0,.08)}\n #lampT{display:flex;align-items:center;gap:10px;appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:7px 14px 7px 10px;border-radius:999px;cursor:pointer;white-space:nowrap}\n #lampT:hover{background:rgba(47,45,42,.08)}\n #lampCtl{display:flex;align-items:center;gap:14px;max-width:0;overflow:hidden;opacity:0;transition:max-width .4s,opacity .3s,padding .4s;padding:0}\n #lamp.on #lampCtl{max-width:420px;opacity:1;padding:0 12px 0 6px}\n #lampSw{display:flex;gap:6px}\n #lampSw button{appearance:none;width:22px;height:22px;border-radius:50%;border:2px solid rgba(250,248,244,.9);box-shadow:0 0 0 1px rgba(47,45,42,.18);cursor:pointer;padding:0}\n #lampSw button.sel{box-shadow:0 0 0 2px #2f2d2a}\n #lampSw{align-items:center;gap:8px;font-size:12px;color:#6b665e}\n #lampSw input[type=color]{appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:50%;border:2px solid rgba(250,248,244,.9);box-shadow:0 0 0 1px rgba(47,45,42,.25);padding:0;cursor:pointer;background:none}\n #lampSw input[Line truncated
|
||||||
|
var q=new URLSearchParams(location.search).get('view');
|
||||||
|
var mobile=q?q==='handy':(matchMedia('(pointer:coarse)').matches&&Math.min(screen.width,screen.height)<820)||innerWidth<700;
|
||||||
|
document.open();document.write(mobile?HANDY:DESKTOP);document.close();
|
||||||
|
})();
|
||||||
|
</script></body></html>
|
||||||
Reference in new issue
Block a user