{"id":2314,"date":"2025-09-25T09:06:23","date_gmt":"2025-09-25T09:06:23","guid":{"rendered":"https:\/\/www.dragonface-productions.de\/dragonglass\/"},"modified":"2025-12-15T10:59:11","modified_gmt":"2025-12-15T10:59:11","slug":"dragonglass","status":"publish","type":"page","link":"https:\/\/dfp.media\/en\/dragonglass\/","title":{"rendered":"DragonGlass"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_pb_fullwidth_section et_section_regular et_block_section et-pb-has-background-video et_pb_preload video_header\"><span class=\"et-pb-background-video\"><video autoplay loop playsinline muted width=\"1920\" height=\"1080\"><source type=\"video\/webm\" src=\"https:\/\/dfp.media\/wp-content\/uploads\/2025\/11\/Slider-LED-Solutions-DragonGlass.webm\" \/><\/video><\/span>\n<div class=\"et_pb_fullwidth_code_0 et_pb_fullwidth_code et_pb_module\"><\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_0 et_pb_row et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_heading_0 et_pb_heading et_pb_module et_block_module\"><div class=\"et_pb_heading_container\"><h1 class=\"et_pb_module_header\">DragonGlass \u2013 The next-generation 3D display<\/h1><\/div><\/div>\n\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><p>Make your visions tangible \u2013 with the Dragon Glass. Welcome to the future of visualization: With DragonGlass, you can take your presentations to a whole new level. Our holographic 3D display delivers real depth \u2013 without glasses, without tricks, but with maximum wow factor. Whether at trade fairs, in retail, in showrooms or at events \u2013 with DragonGlass, you'll attract everyone's attention. You don't just present, you convince \u2013 in 3D that you can feel.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_0_wrapper preset--module--divi-button--79oec6cz6n_wrapper\"><a class=\"et_pb_button_0 et_pb_button et_pb_bg_layout_light et_pb_module et_block_module pulse preset--module--divi-button--79oec6cz6n\" href=\"https:\/\/dfp.media\/#kontakt\">Rent or Buy: Start your inquiry now<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_1 et_pb_row et_block_row\">\n<div class=\"et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_heading_1 et_pb_heading et_pb_module et_block_module preset--module--divi-heading--mt2nu8npxn\"><div class=\"et_pb_heading_container\"><h2 class=\"et_pb_module_header\">DragonGlass<\/h2><\/div><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--x0pp96bd7m\"><div class=\"et_pb_text_inner\"><p>\"3D like you've never seen it before.\"<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_2 et_pb_row et_block_row\">\n<div class=\"et_pb_column_2 et_pb_column et_pb_column_2_5 et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_animated et-pb-has-background-video et_pb_preload et_pb_module\" id=\"looking_glass_column_video_loop\"><span class=\"et-pb-background-video\"><video autoplay loop playsinline muted width=\"1280\" height=\"720\"><source type=\"video\/webm\" src=\"https:\/\/dfp.media\/wp-content\/uploads\/2025\/09\/Looking_Glass_LOOP_HDReady_WebM_1000kbs.webm\" \/><\/video><\/span><\/div>\n\n<div class=\"et_pb_heading_2 et_pb_heading et_pb_module et_block_module\"><div class=\"et_pb_heading_container\"><h3 class=\"et_pb_module_header\">Why DragonGlass?<\/h3><\/div><\/div>\n\n<ul class=\"et_pb_icon_list_0 et_pb_icon_list et_pb_module et_animated et_flex_module\">\n<li class=\"et_pb_icon_list_item_0 et_pb_icon_list_item et_pb_module et_flex_module\"><span class=\"et-pb-icon\">\uf058<\/span><div class=\"et_pb_icon_list_text\">Glasses-free 3D - impressively real, immediately experienceable<\/div><\/li>\n\n<li class=\"et_pb_icon_list_item_1 et_pb_icon_list_item et_pb_module et_flex_module\"><span class=\"et-pb-icon\">\uf058<\/span><div class=\"et_pb_icon_list_text\">Holographic effect \u2013 visible from different angles<\/div><\/li>\n\n<li class=\"et_pb_icon_list_item_2 et_pb_icon_list_item et_pb_module et_flex_module\"><span class=\"et-pb-icon\">\uf058<\/span><div class=\"et_pb_icon_list_text\">Plug &amp; Play \u2013 ready to use in seconds<\/div><\/li>\n\n<li class=\"et_pb_icon_list_item_3 et_pb_icon_list_item et_pb_module et_flex_module\"><span class=\"et-pb-icon\">\uf058<\/span><div class=\"et_pb_icon_list_text\">Content Creation included \u2013 we design your vision in 3D<\/div><\/li>\n\n<li class=\"et_pb_icon_list_item_4 et_pb_icon_list_item et_pb_module et_flex_module\"><span class=\"et-pb-icon\">\uf058<\/span><div class=\"et_pb_icon_list_text\">Interactive &amp; individual \u2013 touch-enabled, controllable, wow-worthy<\/div><\/li>\n\n<li class=\"et_pb_icon_list_item_5 et_pb_icon_list_item et_pb_module et_flex_module\"><span class=\"et-pb-icon\">\uf058<\/span><div class=\"et_pb_icon_list_text\">Compact &amp; mobile \u2013 ideal for on the go and spontaneous presentations<\/div><\/li>\n<\/ul>\n\n<div class=\"et_pb_heading_3 et_pb_heading et_pb_module et_block_module\"><div class=\"et_pb_heading_container\"><h3 class=\"et_pb_module_header\">Application areas<\/h3><\/div><\/div>\n\n<ul class=\"et_pb_icon_list_1 et_pb_icon_list et_pb_module et_animated et_flex_module\">\n<li class=\"et_pb_icon_list_item_6 et_pb_icon_list_item et_pb_module et_flex_module\"><span class=\"et-pb-icon\">\uf192<\/span><div class=\"et_pb_icon_list_text\">Glasses-free 3D - impressively real, immediately experienceable<\/div><\/li>\n\n<li class=\"et_pb_icon_list_item_7 et_pb_icon_list_item et_pb_module et_flex_module\"><span class=\"et-pb-icon\">\uf192<\/span><div class=\"et_pb_icon_list_text\">Holographic effect \u2013 visible from different angles<\/div><\/li>\n\n<li class=\"et_pb_icon_list_item_8 et_pb_icon_list_item et_pb_module et_flex_module\"><span class=\"et-pb-icon\">\uf192<\/span><div class=\"et_pb_icon_list_text\">Plug &amp; Play \u2013 ready to use in seconds<\/div><\/li>\n\n<li class=\"et_pb_icon_list_item_9 et_pb_icon_list_item et_pb_module et_flex_module\"><span class=\"et-pb-icon\">\uf192<\/span><div class=\"et_pb_icon_list_text\">Content Creation included \u2013 we design your vision in 3D<\/div><\/li>\n\n<li class=\"et_pb_icon_list_item_10 et_pb_icon_list_item et_pb_module et_flex_module\"><span class=\"et-pb-icon\">\uf192<\/span><div class=\"et_pb_icon_list_text\">Interactive &amp; individual \u2013 touch-enabled, controllable, wow-worthy<\/div><\/li>\n\n<li class=\"et_pb_icon_list_item_11 et_pb_icon_list_item et_pb_module et_flex_module\"><span class=\"et-pb-icon\">\uf192<\/span><div class=\"et_pb_icon_list_text\">Compact &amp; mobile \u2013 ideal for on the go and spontaneous presentations<\/div><\/li>\n<\/ul>\n\n<div class=\"et_pb_code_1 et_pb_code et_animated et-pb-has-background-video et_pb_preload et_pb_module\" id=\"looking_glass_column_video_loop\"><span class=\"et-pb-background-video\"><video autoplay loop playsinline muted width=\"1280\" height=\"720\"><source type=\"video\/webm\" src=\"https:\/\/dfp.media\/wp-content\/uploads\/2025\/09\/Looking_Glass_LOOP_HDReady_WebM_1000kbs.webm\" \/><\/video><\/span><\/div>\n<\/div>\n\n<div class=\"et_pb_column_3 et_pb_column et_pb_column_3_5 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\"><span class=\"et-pb-background-video\"><\/span>\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div id=\"canvas-container\">\n  <canvas id=\"lgCanvas\"><\/canvas>\n<\/div>\n\n<script>\nconst canvas = document.getElementById('lgCanvas');\nconst ctx = canvas.getContext('2d');\nconst container = document.getElementById('canvas-container');\n\nconst quilt = new Image();\nquilt.src = 'https:\/\/dfp.media\/wp-content\/uploads\/2025\/08\/DFP_LookingGlass_Turntable-Video.0000_v009_compressed-scaled.png'; \/\/ Dein 7x7 Quilt-Bild\nconst cols = 7; \nconst rows = 7; \nconst totalFrames = cols * rows; \/\/ 49\nconst resetFrame = 24; \/\/ Frame beim Reset\n\nlet lastIndexF = resetFrame;\nlet animFrameId = null;\nconst invert = false; \/\/ true = links = max Frame, rechts = min Frame\n\n\/\/ Canvas responsiv anpassen\nfunction resizeCanvas() {\n  canvas.width = container.clientWidth;\n  canvas.height = container.clientHeight;\n  drawInterpolatedFrame(lastIndexF);\n}\nwindow.addEventListener('resize', resizeCanvas);\n\n\/\/ Quilt geladen \u2192 initial rendern\nquilt.onload = () => {\n  resizeCanvas();\n};\n\n\/\/ Hilfsfunktion: Spalte & Reihe aus Frameindex\nfunction getFrameCoords(frameIndex) {\n  const frameWidth = quilt.width \/ cols;\n  const frameHeight = quilt.height \/ rows;\n  const col = frameIndex % cols;\n  const row = rows - 1 - Math.floor(frameIndex \/ cols); \/\/ unten links = Index 0\n  return { \n    sx: col * frameWidth, \n    sy: row * frameHeight, \n    sw: frameWidth, \n    sh: frameHeight \n  };\n}\n\n\/\/ Zeichnet interpoliertes Bild zwischen zwei Frames\nfunction drawInterpolatedFrame(indexF) {\n  if (!quilt.complete) return;\n\n  const frameA = Math.floor(indexF);\n  const frameB = Math.min(frameA + 1, totalFrames - 1);\n  const t = indexF - frameA; \/\/ Anteil [0\u20131]\n\n  const fA = getFrameCoords(frameA);\n  const fB = getFrameCoords(frameB);\n\n  ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n  ctx.globalAlpha = 1 - t;\n  ctx.drawImage(quilt, fA.sx, fA.sy, fA.sw, fA.sh, 0, 0, canvas.width, canvas.height);\n\n  ctx.globalAlpha = t;\n  ctx.drawImage(quilt, fB.sx, fB.sy, fB.sw, fB.sh, 0, 0, canvas.width, canvas.height);\n\n  ctx.globalAlpha = 1;\n  lastIndexF = indexF;\n}\n\n\/\/ Gemeinsamer Handler f\u00fcr Maus & Touch\nfunction handlePointer(x) {\n  if (animFrameId) { \n    cancelAnimationFrame(animFrameId);\n    animFrameId = null;\n  }\n\n  let indexF = (x \/ canvas.width) * (totalFrames - 1);\n  if (invert) indexF = (1 - (x \/ canvas.width)) * (totalFrames - 1);\n\n  indexF = Math.max(0, Math.min(totalFrames - 1, indexF));\n  drawInterpolatedFrame(indexF);\n}\n\n\/\/ Maussteuerung\ncanvas.addEventListener('mousemove', (e) => {\n  const rect = canvas.getBoundingClientRect();\n  handlePointer(e.clientX - rect.left);\n});\n\n\/\/ Maus verl\u00e4sst Canvas \u2192 sanft zur\u00fcck zu resetFrame\ncanvas.addEventListener('mouseleave', () => {\n  animateToReset();\n});\n\n\/\/ Touchsteuerung\ncanvas.addEventListener('touchmove', (e) => {\n  e.preventDefault();\n  const rect = canvas.getBoundingClientRect();\n  const touch = e.touches[0];\n  handlePointer(touch.clientX - rect.left);\n}, { passive: false });\n\ncanvas.addEventListener('touchend', (e) => {\n  e.preventDefault();\n  animateToReset();\n}, { passive: false });\n\n\/\/ Sanftes Zur\u00fccksetzen auf Frame 24\nfunction animateToReset() {\n  function animate() {\n    const speed = 0.1;\n    const diff = resetFrame - lastIndexF;\n    if (Math.abs(diff) < 0.05) {\n      drawInterpolatedFrame(resetFrame);\n      animFrameId = null;\n      return;\n    }\n    lastIndexF += diff * speed;\n    drawInterpolatedFrame(lastIndexF);\n    animFrameId = requestAnimationFrame(animate);\n  }\n  animate();\n}\n<\/script><\/div><\/div>\n\n<div class=\"et_pb_icon_0 et_pb_icon et_pb_module et_block_module pulse\"><span class=\"et_pb_icon_wrap\"><span class=\"et-pb-icon\">,<\/span><\/span><\/div>\n\n<div class=\"et_pb_cta_0 et_pb_promo et_pb_bg_layout_dark et_animated et_pb_module et_block_module\"><div class=\"et_pb_promo_description\"><h4 class=\"et_pb_module_header\">Rent or buy \u2013 according to your needs<\/h4><div class=\"et_pb_promo_content\"><p>Do you only need the DragonGlass for one performance or do you want to install it permanently in your showroom? No problem \u2013 with us you get flexible rental and purchase options. Of course with support and individual content service.<\/p>\n<\/div><\/div><div class=\"et_pb_button_wrapper\"><a class=\"et_pb_button et_pb_promo_button\" href=\"https:\/\/dfp.media\/#kontakt\">Contact us!<\/a><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_3_5 et_flex_column_3_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_video_0 et_pb_video et_pb_module et_block_module\"><div class=\"et_pb_video_box\"><iframe loading=\"lazy\" title=\"DragonGlass by Looking Glass - 3D Display\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/OCBAXioXSOs?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><div class=\"et_pb_video_overlay\" style=\"background-image:url(https:\/\/dfp.media\/wp-content\/uploads\/2025\/09\/DFP_Looking-Glass_Teaser_Thumbnail1_compressed.jpg)\"><div class=\"et_pb_video_overlay_hover\"><a class=\"et_pb_video_play\" href=\"#\"><\/a><\/div><\/div><\/div>\n<\/div>\n\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_2_5 et_flex_column_2_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_heading_4 et_pb_heading et_pb_module et_block_module\"><div class=\"et_pb_heading_container\"><h4 class=\"et_pb_module_header\">Special feature? Sure. Multidimensionally ingenious.<\/h4><\/div><\/div>\n\n<div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><p>The DragonGlass takes 3D visualization to a new level. It doesn't just show depth, it feels deep. You don't show your customers what you do \u2013 you let them experience it directly. And that sticks.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_heading_5 et_pb_heading et_pb_module et_block_module\"><div class=\"et_pb_heading_container\"><h4 class=\"et_pb_module_header\">Do you want to see the DragonGlass in action?<\/h4><\/div><\/div>\n\n<div class=\"et_pb_text_3 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><p>Then book your demo now or get your own piece of the future! We promise you: After that you never want 2D again.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_4 et_pb_row et_block_row\">\n<div class=\"et_pb_column_6 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_4 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><p><strong><a href=\"https:\/\/dfp.media\/#Kontakt\">Contact us<\/a><\/strong> for a non-binding inquiry and to tell us about your project. We look forward to hearing from you!<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pgc_sgb_lightbox_settings":"","_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-2314","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dfp.media\/en\/wp-json\/wp\/v2\/pages\/2314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dfp.media\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dfp.media\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dfp.media\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dfp.media\/en\/wp-json\/wp\/v2\/comments?post=2314"}],"version-history":[{"count":1,"href":"https:\/\/dfp.media\/en\/wp-json\/wp\/v2\/pages\/2314\/revisions"}],"predecessor-version":[{"id":2315,"href":"https:\/\/dfp.media\/en\/wp-json\/wp\/v2\/pages\/2314\/revisions\/2315"}],"wp:attachment":[{"href":"https:\/\/dfp.media\/en\/wp-json\/wp\/v2\/media?parent=2314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}