[{"data":1,"prerenderedAt":446},["ShallowReactive",2],{"{\"language\":\"de\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/digital-whiteboard":3},{"data":4,"headers":422},{"story":5,"cv":404,"rels":405,"links":421},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":396,"full_slug":397,"sort_by_date":30,"position":398,"tag_list":399,"is_startpage":245,"parent_id":400,"meta_data":30,"group_id":401,"first_published_at":402,"release_id":30,"lang":356,"path":30,"alternates":403,"default_full_slug":30,"translated_slugs":30},"Digital Whiteboard","2026-03-25T17:57:04.735Z","2026-04-23T12:28:56.055Z","2026-04-23T12:28:56.107Z",158809394160810,"ab59c286-edfd-4be5-b7ea-d6fb1984a166",{"_uid":13,"body":14,"date":301,"fold":302,"intro":359,"title":366,"gallery":367,"category":380,"metadata":383,"component":387,"demo_link":388,"thumbnail":390,"github_link":392,"last_updated":393,"open_graph_image":394,"include_open_graph":46,"block_search_engines":245},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,292],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":291,"remove_padding":46},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,47,51,93,125,200,234,275],{"_uid":22,"body":23,"alignment":44,"component":45,"is_full_width":46},"eaf1cee4-00f1-47d0-b05c-869d32df7dcc",{"type":24,"content":25},"doc",[26,38],{"type":27,"attrs":28,"content":31},"heading",{"level":29,"textAlign":30},2,null,[32],{"text":33,"type":34,"marks":35},"Übersicht","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42],{"text":43,"type":34},"Digital Whiteboards werden in vielen Unternehmen zunehmend genutzt, um Ideen zu skizzieren und die Zusammenarbeit zu unterstützen, insbesondere für Teams, die an verschiedenen Standorten verteilt sind. Sie sind noch relevanter geworden, da die globale Pandemie viele Mitarbeiter gezwungen hat, remote zu arbeiten. Dieses Demo kombiniert das Konzept eines 2D-Digital Whiteboards mit 3D und ermöglicht es dem Benutzer, tatsächliche mechanische oder architektonische CAD-Daten neben Text, Bildern, PDFs und anderen Elementen zu platzieren.","align-left","copy",true,{"_uid":48,"code":49,"component":50},"341b0037-f278-4683-a306-78c4c3c5d412","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/gn3hmigfOSE?si=b9jX09me2wh6mG7u\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\u003C/iframe>","code",{"_uid":52,"body":53,"alignment":44,"component":45,"is_full_width":46},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":54},[55,62,88],{"type":27,"attrs":56,"content":57},{"level":29,"textAlign":30},[58],{"text":59,"type":34,"marks":60},"Technische Details",[61],{"type":37},{"type":39,"attrs":63,"content":64},{"textAlign":30},[65,67,77,79,86],{"text":66,"type":34},"Das Demo verwendet ",{"text":68,"type":34,"marks":69},"HOOPS Exchange",[70],{"type":71,"attrs":72},"link",{"href":73,"uuid":74,"anchor":30,"target":75,"linktype":76},"/developers/products/hoops-exchange","6bb4085d-b926-4852-81a8-7a02c45f5abc","_self","story",{"text":78,"type":34}," und ",{"text":80,"type":34,"marks":81},"HOOPS Visualize",[82],{"type":71,"attrs":83},{"href":84,"uuid":85,"anchor":30,"target":75,"linktype":76},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d",{"text":87,"type":34}," , um komplexe 3D-Modelle zu importieren und zu rendern, sowie ein HTML-Canvas-Element, um das Whiteboard selbst darzustellen. Wenn ein bestimmtes Modell deaktiviert wird, wird es in ein Canvas-Bild umgewandelt. Dies schont Ressourcen, da jeweils nur ein 3D-Web-Viewer aktiv ist. Jedes 3D-Modell wird auf dem Client zwischengespeichert, was sicherstellt, dass ein einmal geladenes Modell schnell wieder aktiviert wird.",{"type":39,"attrs":89,"content":90},{"textAlign":30},[91],{"text":92,"type":34},"Zur Vereinfachung hat dieses Demo kein Backend. Alle Elemente, einschließlich der 3D-Modelle, werden über HTML-Anfragen geladen. Ein Backend könnte leicht implementiert werden, um Mehrbenutzer-Interaktionen und das Speichern und Laden von Whiteboard-Konfigurationen zu ermöglichen.",{"_uid":94,"body":95,"alignment":44,"component":45,"is_full_width":46},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":96},[97,103,112,117],{"type":27,"attrs":98,"content":100},{"level":99,"textAlign":30},3,[101],{"text":102,"type":34},"Live-Anwendung:",{"type":39,"attrs":104,"content":105},{"textAlign":30},[106],{"text":107,"type":34,"marks":108},"https://techsoft3d.github.io/HC_WhiteboardDemo/",[109],{"type":71,"attrs":110},{"href":107,"uuid":30,"anchor":30,"target":30,"linktype":111},"url",{"type":27,"attrs":113,"content":114},{"level":99,"textAlign":30},[115],{"text":116,"type":34},"GitHub-Repository:",{"type":39,"attrs":118,"content":119},{"textAlign":30},[120],{"text":121,"type":34,"marks":122},"https://github.com/techsoft3d/HC_WhiteboardDemo",[123],{"type":71,"attrs":124},{"href":121,"uuid":30,"anchor":30,"target":30,"linktype":111},{"_uid":126,"body":127,"alignment":44,"component":45,"is_full_width":46},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":128},[129,140],{"type":27,"attrs":130,"content":131},{"level":29,"textAlign":30},[132,134],{"text":133,"type":34},"Erfahren Sie mehr über ",{"text":135,"type":34,"marks":136},"HOOPS Visualize für Web (ehemals HOOPS Communicator)",[137],{"type":71,"attrs":138},{"href":139,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://www.techsoft3d.com/products/hoops/communicator",{"type":141,"content":142},"bullet_list",[143,159,174,187],{"type":144,"content":145},"list_item",[146],{"type":39,"attrs":147,"content":148},{"textAlign":30},[149,151,157],{"text":150,"type":34},"Beziehen Sie sich auf die HOOPS Visualize für Web (ehemals HOOPS Communicator) ",{"text":152,"type":34,"marks":153},"Dokumentation",[154],{"type":71,"attrs":155},{"href":156,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://docs.techsoft3d.com/communicator/latest/",{"text":158,"type":34},".",{"type":144,"content":160},[161],{"type":39,"attrs":162,"content":163},{"textAlign":30},[164,166,172],{"text":165,"type":34},"Melden Sie sich für eine kostenlose ",{"text":167,"type":34,"marks":168},"Evaluierung",[169],{"type":71,"attrs":170},{"href":171,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://manage.techsoft3d.com/signup?product=communicator",{"text":173,"type":34},"an.",{"type":144,"content":175},[176],{"type":39,"attrs":177,"content":178},{"textAlign":30},[179,181],{"text":180,"type":34},"Springen Sie direkt ins Programmieren mit dem ",{"text":182,"type":34,"marks":183},"3D Sandbox",[184],{"type":71,"attrs":185},{"href":186,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://3dsandbox.techsoft3d.com/",{"type":144,"content":188},[189],{"type":39,"attrs":190,"content":191},{"textAlign":30},[192,194],{"text":193,"type":34},"Treten Sie unserem ",{"text":195,"type":34,"marks":196},"Community-Forum",[197],{"type":71,"attrs":198},{"href":199,"uuid":30,"anchor":30,"target":30,"linktype":111},"https://forum.techsoft3d.com/",{"_uid":201,"body":202,"alignment":44,"component":45,"is_full_width":46},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":203},[204,211,223],{"type":27,"attrs":205,"content":206},{"level":29,"textAlign":30},[207],{"text":208,"type":34,"marks":209},"Fragen oder Feedback?",[210],{"type":37},{"type":39,"attrs":212,"content":213},{"textAlign":30},[214,216,222],{"text":215,"type":34},"Wir suchen nach Feedback und wie dieses Toolkit verbessert werden kann, um Ihren Bedürfnissen gerecht zu werden! Bitte verbinden Sie sich in unserem ",{"text":217,"type":34,"marks":218},"Forum",[219],{"type":71,"attrs":220},{"href":199,"uuid":30,"anchor":30,"target":221,"linktype":111},"_blank",{"text":158,"type":34},{"type":39,"attrs":224,"content":225},{"textAlign":30},[226,228],{"text":227,"type":34},"Sie können sich auch für eine 60-tägige Testversion von ",{"text":229,"type":34,"marks":230},"HOOPS Visualize anmelden. ",[231],{"type":71,"attrs":232},{"href":233,"uuid":30,"anchor":30,"target":75,"linktype":111},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":235,"messages":236,"component":269,"background":270,"remove_padding":46,"is_verticalized":245},"2517b691-8590-46b2-b1a0-c989536a3b36",[237],{"_uid":238,"icon":16,"buttons":239,"content":250,"headline":257,"link_url":16,"metadata":264,"component":267,"icon_size":16,"link_label":16,"headline_heading":268},"1f7a4845-55d4-4520-b973-efe814118e45",[240],{"_uid":241,"href":16,"color":242,"label":243,"action":244,"new_tab":245,"outline":46,"alignment":16,"component":246,"text_link":245,"destination":247},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Abonnieren","action-modal",false,"element-button",{"id":16,"url":248,"linktype":111,"fieldtype":249,"cached_url":248},"subscribe","multilink",{"type":24,"content":251},[252],{"type":39,"attrs":253,"content":254},{"textAlign":30},[255],{"text":256,"type":34},"Wir benachrichtigen Sie, sobald neue Projekte verfügbar sind.",{"type":24,"content":258},[259],{"type":39,"attrs":260,"content":261},{"textAlign":30},[262],{"text":263,"type":34},"Erfahren Sie als Erster von neuen Projekten",{"_uid":265,"title":16,"plugin":266,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":271,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":272,"copyright":16,"fieldtype":273,"meta_data":274,"is_external_url":245},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":276,"body":277,"alignment":44,"component":45,"is_full_width":46},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":278},[279],{"type":39,"attrs":280,"content":281},{"textAlign":30},[282,284,290],{"text":283,"type":34},"Möchten Sie uns kontaktieren? Schreiben Sie uns eine E-Mail an ",{"text":285,"type":34,"marks":286},"labs@techsoft3d.com",[287],{"type":71,"attrs":288},{"href":285,"uuid":30,"anchor":30,"target":75,"linktype":289},"email",{"text":158,"type":34},"columns",{"id":248,"_uid":293,"items":294,"component":300},"ca556064-0fa5-4110-8395-86e3f005ea32",[295],{"id":296,"_uid":297,"component":298,"business_unit":299},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2021-04-25 00:00",[303],{"_uid":304,"source":305,"component":358},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":306,"created_at":307,"published_at":308,"updated_at":309,"id":310,"uuid":311,"content":312,"slug":349,"full_slug":350,"sort_by_date":30,"position":351,"tag_list":352,"is_startpage":245,"parent_id":353,"meta_data":30,"group_id":354,"first_published_at":355,"release_id":30,"lang":356,"path":30,"alternates":357,"default_full_slug":30,"translated_slugs":30,"_stopResolving":46},"Main Navigation","2025-04-09T14:04:01.876Z","2026-03-10T15:15:52.184Z","2026-04-14T21:06:12.239Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":313,"items":314,"component":348},"8915070e-32eb-476d-b215-1c92ebdad15c",[315,330],{"_uid":316,"left_nav":16,"messages":317,"component":329,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[318,324],{"_uid":319,"icon":320,"link":321,"target":16,"message":322,"component":323},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","Have questions about our SDKs or enterprise applications? Talk to a Tech Soft 3D expert","element-notice-child",{"_uid":325,"icon":326,"link":327,"target":16,"message":328,"component":323},"45ffc4c7-d6cf-4d3c-9606-ec4154852aef","hugeicons:artificial-intelligence-04","/developers/products/hoops-ai","Check out our newest SDK, HOOPS AI, a framework for preparing CAD data for ML workflows","element-notice",{"_uid":331,"menu":332,"component":347,"has_notice":46},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[333,338,341,344],{"url":334,"_uid":335,"label":336,"new_tab":245,"component":337},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":334,"_uid":339,"label":340,"new_tab":245,"component":337,"style_as_button":245},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":334,"_uid":342,"label":343,"new_tab":245,"component":337,"style_as_button":245},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":334,"_uid":345,"label":346,"new_tab":245,"component":337,"style_as_button":46},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Support","top","global","main-navigation","de/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","de",[],"reference",{"type":24,"content":360},[361],{"type":39,"attrs":362,"content":363},{"textAlign":30},[364],{"text":365,"type":34},"Dieses Demo kombiniert das Konzept eines 2D-Digital Whiteboards mit 3D und ermöglicht es dem Benutzer, tatsächliche mechanische oder architektonische CAD-Daten neben Text, Bildern, PDFs und anderen Elementen zu platzieren. ","Digital Whiteboard Demo",[368,374],{"id":369,"alt":370,"name":16,"focus":16,"title":371,"source":16,"filename":372,"copyright":16,"fieldtype":273,"meta_data":373},158822717636279,"A 3D model overlayed on a 2D background","Digital Whiteboard Overlay","https://a-us.storyblok.com/f/1023536/1917x966/e63476b948/digital-whiteboard-overlay.jpg",{"alt":370,"title":371,"source":16,"copyright":16},{"id":375,"alt":376,"name":16,"focus":16,"title":377,"source":16,"filename":378,"copyright":16,"fieldtype":273,"meta_data":379},158823561313993,"Collection of different 3D scene views for the digital whiteboard demo","Digital Whiteboard Multi-View","https://a-us.storyblok.com/f/1023536/1919x1040/42e30d59a7/digital-whiteboard-multi-view.jpg",{"alt":376,"title":377,"source":16,"copyright":16},[381,382],"hoopsExchange","hoopsVisualize",{"_uid":384,"title":385,"plugin":266,"description":386},"b8d090aa-ffb9-4705-8c8e-8bcddf1c13d8","Digital Whiteboard | Tech Soft 3D Labs","This demo combines the concept of a 2D Digital Whiteboard with 3D, allowing the user to place actual mechanical or architectural CAD data alongside text, images, PDFs, and other elements. ","lab",{"id":16,"url":389,"linktype":111,"fieldtype":249,"cached_url":389},"https://techsoft3d.github.io/HC_WhiteboardDemo/?_gl=1*i9rpaz*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQ0NjA3MTIkbzIyMyRnMSR0MTc3NDQ2MTg4NCRqNDIkbDAkaDQ0NDYyNzExNw..",{"id":369,"alt":370,"name":16,"focus":16,"title":371,"source":16,"filename":372,"copyright":16,"fieldtype":273,"meta_data":391,"is_external_url":245},{"alt":370,"title":371,"source":16,"copyright":16},{"id":16,"url":121,"linktype":111,"fieldtype":249,"cached_url":121},"Sonntag, 25. April 2021",{"id":369,"alt":370,"name":16,"focus":16,"title":371,"source":16,"filename":372,"copyright":16,"fieldtype":273,"meta_data":395,"is_external_url":245},{"alt":370,"title":371,"source":16,"copyright":16},"digital-whiteboard","de/developers/labs/digital-whiteboard",-150,[],99359039112762,"ba56cb9a-6249-413c-8e9d-36e06166ce7a","2026-04-03T18:44:13.443Z",[],1777045065,[406],{"name":306,"created_at":307,"published_at":308,"updated_at":309,"id":310,"uuid":311,"content":407,"slug":349,"full_slug":350,"sort_by_date":30,"position":351,"tag_list":419,"is_startpage":245,"parent_id":353,"meta_data":30,"group_id":354,"first_published_at":355,"release_id":30,"lang":356,"path":30,"alternates":420,"default_full_slug":30,"translated_slugs":30},{"_uid":313,"items":408,"component":348},[409,413],{"_uid":316,"left_nav":16,"messages":410,"component":329,"right_nav":16},[411,412],{"_uid":319,"icon":320,"link":321,"target":16,"message":322,"component":323},{"_uid":325,"icon":326,"link":327,"target":16,"message":328,"component":323},{"_uid":331,"menu":414,"component":347,"has_notice":46},[415,416,417,418],{"url":334,"_uid":335,"label":336,"new_tab":245,"component":337},{"url":334,"_uid":339,"label":340,"new_tab":245,"component":337,"style_as_button":245},{"url":334,"_uid":342,"label":343,"new_tab":245,"component":337,"style_as_button":245},{"url":334,"_uid":345,"label":346,"new_tab":245,"component":337,"style_as_button":46},[],[],[],{"age":423,"cache-control":424,"connection":425,"content-encoding":426,"content-type":427,"date":428,"etag":429,"referrer-policy":430,"sb-be-version":431,"server":432,"strict-transport-security":433,"transfer-encoding":434,"vary":435,"via":436,"x-amz-cf-id":437,"x-amz-cf-pop":438,"x-cache":439,"x-content-type-options":440,"x-frame-options":441,"x-permitted-cross-domain-policies":442,"x-request-id":443,"x-runtime":444,"x-xss-protection":445},"175025","max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Fri, 24 Apr 2026 16:03:57 GMT","W/\"b7e77a7024e20750929b918f11a40546\"","strict-origin-when-cross-origin","5.764.0","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 91e9eebca810fe5496f5fcf7d3800df4.cloudfront.net (CloudFront)","bsWjn9J5L39vOkKBQUvPE3MhVS3ILgxF4ajGzg0Tuxd72cByki-0cw==","CMH68-P3","Hit from cloudfront","nosniff","SAMEORIGIN","none","fed31489-5d6c-4c2a-9cd0-a44f13a4ac15","0.031710","0",1777221662035]