{"id":10383,"date":"2026-02-18T07:36:06","date_gmt":"2026-02-18T07:36:06","guid":{"rendered":"https:\/\/hep.co-de-sign.de\/?page_id=10383"},"modified":"2026-02-18T10:07:08","modified_gmt":"2026-02-18T10:07:08","slug":"model","status":"publish","type":"page","link":"https:\/\/hepgmbh.de\/de\/model\/","title":{"rendered":"Model"},"content":{"rendered":"\n    <style>\n        canvas { display: block; }\n        #ui {color: white; font-family: sans-serif; }\n    <\/style>\n\n\n<div id=\"ui\">\n    <p>Licht-Intensit\u00e4t: <input type=\"range\" id=\"bright\" min=\"0\" max=\"10\" step=\"0.1\" value=\"2\"><\/p>\n<\/div>\n\n<script type=\"importmap\">\n    {\n        \"imports\": {\n            \"three\": \"https:\/\/unpkg.com\/three@0.160.0\/build\/three.module.js\",\n            \"three\/addons\/\": \"https:\/\/unpkg.com\/three@0.160.0\/examples\/jsm\/\"\n        }\n    }\n<\/script>\n\n<script type=\"module\">\n    import * as THREE from 'three';\n    import { GLTFLoader } from 'three\/addons\/loaders\/GLTFLoader.js';\n    import { OrbitControls } from 'three\/addons\/controls\/OrbitControls.js';\n\n    \/\/ 1. Szene & Kamera Setup\n    const scene = new THREE.Scene();\n    const camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\n    camera.position.set(0, 2, 5);\n\n    const renderer = new THREE.WebGLRenderer({ antialias: true });\n    renderer.setSize(window.innerWidth, window.innerHeight);\n    renderer.setPixelRatio(window.devicePixelRatio);\n    document.body.appendChild(renderer.domElement);\n\n    \/\/ 2. Beleuchtung hinzuf\u00fcgen\n    \/\/ AmbientLight f\u00fcr Grundhelligkeit\n    const ambient = new THREE.AmbientLight(0xffffff, 0.5);\n    scene.add(ambient);\n\n    \/\/ Punktlicht (wie eine Gl\u00fchbirne)\n    const pointLight = new THREE.PointLight(0xffffff, 2);\n    pointLight.position.set(5, 5, 5);\n    scene.add(pointLight);\n\n    \/\/ 3. Modell aus Blender laden\n    const loader = new GLTFLoader();\n    loader.load('\/wp-content\/uploads\/models\/scene.glb', (gltf) => {\n        scene.add(gltf.scene);\n    }, undefined, (error) => {\n        console.error(\"Fehler beim Laden:\", error);\n    });\n\n    \/\/ 4. Interaktion (Kamera drehen)\n    const controls = new OrbitControls(camera, renderer.domElement);\n\n    \/\/ 5. Licht-Steuerung \u00fcber UI\n    document.getElementById('bright').addEventListener('input', (e) => {\n        pointLight.intensity = parseFloat(e.target.value);\n    });\n\n    \/\/ 6. Render-Loop\n    function animate() {\n        requestAnimationFrame(animate);\n        controls.update();\n        renderer.render(scene, camera);\n    }\n    animate();\n\n    \/\/ Resize Handling\n    window.addEventListener('resize', () => {\n        camera.aspect = window.innerWidth \/ window.innerHeight;\n        camera.updateProjectionMatrix();\n        renderer.setSize(window.innerWidth, window.innerHeight);\n    });\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Licht-Intensit\u00e4t:<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-10383","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hepgmbh.de\/de\/wp-json\/wp\/v2\/pages\/10383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hepgmbh.de\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hepgmbh.de\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hepgmbh.de\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/hepgmbh.de\/de\/wp-json\/wp\/v2\/comments?post=10383"}],"version-history":[{"count":0,"href":"https:\/\/hepgmbh.de\/de\/wp-json\/wp\/v2\/pages\/10383\/revisions"}],"wp:attachment":[{"href":"https:\/\/hepgmbh.de\/de\/wp-json\/wp\/v2\/media?parent=10383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}