[{"data":1,"prerenderedAt":450},["ShallowReactive",2],{"{\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/pbr-viewer":3},{"data":4,"headers":427},{"story":5,"cv":409,"rels":410,"links":426},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":401,"full_slug":402,"sort_by_date":30,"position":403,"tag_list":404,"is_startpage":249,"parent_id":405,"meta_data":30,"group_id":406,"first_published_at":407,"release_id":30,"lang":360,"path":30,"alternates":408,"default_full_slug":30,"translated_slugs":30},"PBR Viewer","2026-03-09T12:41:38.806Z","2026-04-23T12:29:01.351Z","2026-04-23T12:29:01.373Z",153069563198870,"042ed9c9-d217-46c3-9816-24ee938605b4",{"_uid":13,"body":14,"date":305,"fold":306,"intro":363,"title":6,"gallery":370,"category":383,"metadata":385,"component":389,"demo_link":390,"thumbnail":392,"github_link":396,"last_updated":398,"open_graph_image":399,"include_open_graph":58,"block_search_engines":249},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,296],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":295,"remove_padding":58},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,59,119,204,238,279],{"_uid":22,"body":23,"alignment":56,"component":57,"is_full_width":58},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"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},"Overview","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,54],{"text":43,"type":34},"This demo showcases how ",{"text":45,"type":34,"marks":46},"HOOPS Visualize for Web",[47],{"type":48,"attrs":49},"link",{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_blank","story",{"text":55,"type":34}," (formerly HOOPS Communicator) can be used to apply PBR to datasets to make for a higher quality visualization experience. This demo also showcase the use of image based lighting to provide a more real-world lighting landscape for your scene. The images used for image based lighting can be animated to provide natural movements of reflections and lights on your object even when not moving the object manually. Additionally, within this demo, you can see how pre-existing PBR data for a model can be loaded and applied.","align-left","copy",true,{"_uid":60,"body":61,"alignment":56,"component":57,"is_full_width":58},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":62},[63,70],{"type":27,"attrs":64,"content":65},{"level":29,"textAlign":30},[66],{"text":67,"type":34,"marks":68},"How It Was Implemented",[69],{"type":37},{"type":71,"content":72},"bullet_list",[73,86,97,108],{"type":74,"content":75},"list_item",[76],{"type":39,"attrs":77,"content":78},{"textAlign":30},[79],{"text":80,"type":34,"marks":81},"Setting up the viewers",[82],{"type":48,"attrs":83},{"href":84,"uuid":30,"anchor":30,"target":30,"linktype":85},"https://docs.techsoft3d.com/communicator/latest/tutorials/product-configurator/setting-up-the-viewers.html","url",{"type":74,"content":87},[88],{"type":39,"attrs":89,"content":90},{"textAlign":30},[91],{"text":92,"type":34,"marks":93},"Set Metallic Roughness",[94],{"type":48,"attrs":95},{"href":96,"uuid":30,"anchor":30,"target":30,"linktype":85},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.Model.html?highlight=setMetallicRoughness#Communicator.Model.setMetallicRoughness",{"type":74,"content":98},[99],{"type":39,"attrs":100,"content":101},{"textAlign":30},[102],{"text":103,"type":34,"marks":104},"Set Image Based Lighting",[105],{"type":48,"attrs":106},{"href":107,"uuid":30,"anchor":30,"target":30,"linktype":85},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.View.html?highlight=setImageBasedLighting#Communicator.View.setImageBasedLightingEnvironment",{"type":74,"content":109},[110],{"type":39,"attrs":111,"content":112},{"textAlign":30},[113],{"text":114,"type":34,"marks":115},"Change IBL Orientation",[116],{"type":48,"attrs":117},{"href":118,"uuid":30,"anchor":30,"target":30,"linktype":85},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.View.html?highlight=setImageBasedLighting#Communicator.View.setImageBasedLightingOrientation",{"_uid":120,"body":121,"alignment":56,"component":57,"is_full_width":58},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":122},[123,130,147],{"type":27,"attrs":124,"content":125},{"level":29,"textAlign":30},[126],{"text":127,"type":34,"marks":128},"Explore HOOPS Visualize for Web",[129],{"type":37},{"type":39,"attrs":131,"content":132},{"textAlign":30},[133,137,143],{"text":134,"type":34,"marks":135},"This demo was created using ",[136],{"type":37},{"text":45,"type":34,"marks":138},[139,142],{"type":48,"attrs":140},{"href":50,"uuid":51,"anchor":30,"target":141,"linktype":53},"_self",{"type":37},{"text":144,"type":34,"marks":145}," (formerly HOOPS Communicator).",[146],{"type":37},{"type":71,"content":148},[149,164,178,191],{"type":74,"content":150},[151],{"type":39,"attrs":152,"content":153},{"textAlign":30},[154,156,162],{"text":155,"type":34},"Reference the HOOPS Visualize for Web (formerly HOOPS Communicator) ",{"text":157,"type":34,"marks":158},"Documentation",[159],{"type":48,"attrs":160},{"href":161,"uuid":30,"anchor":30,"target":30,"linktype":85},"https://docs.techsoft3d.com/communicator/latest/",{"text":163,"type":34},".",{"type":74,"content":165},[166],{"type":39,"attrs":167,"content":168},{"textAlign":30},[169,171,177],{"text":170,"type":34},"Sign up for a free ",{"text":172,"type":34,"marks":173},"evaluation",[174],{"type":48,"attrs":175},{"href":176,"uuid":30,"anchor":30,"target":30,"linktype":85},"https://manage.techsoft3d.com/signup?product=communicator",{"text":163,"type":34},{"type":74,"content":179},[180],{"type":39,"attrs":181,"content":182},{"textAlign":30},[183,185],{"text":184,"type":34},"Jump straight into coding with the ",{"text":186,"type":34,"marks":187},"3D Sandbox",[188],{"type":48,"attrs":189},{"href":190,"uuid":30,"anchor":30,"target":30,"linktype":85},"https://3dsandbox.techsoft3d.com/",{"type":74,"content":192},[193],{"type":39,"attrs":194,"content":195},{"textAlign":30},[196,198],{"text":197,"type":34},"Join our ",{"text":199,"type":34,"marks":200},"Community Forum",[201],{"type":48,"attrs":202},{"href":203,"uuid":30,"anchor":30,"target":30,"linktype":85},"https://forum.techsoft3d.com/",{"_uid":205,"body":206,"alignment":56,"component":57,"is_full_width":58},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":207},[208,215,226],{"type":27,"attrs":209,"content":210},{"level":29,"textAlign":30},[211],{"text":212,"type":34,"marks":213},"Questions or Feedback?",[214],{"type":37},{"type":39,"attrs":216,"content":217},{"textAlign":30},[218,220,225],{"text":219,"type":34},"We are looking for feedback and how this toolkit can be improved to meet your needs! Please connect in our ",{"text":221,"type":34,"marks":222},"forum",[223],{"type":48,"attrs":224},{"href":203,"uuid":30,"anchor":30,"target":52,"linktype":85},{"text":163,"type":34},{"type":39,"attrs":227,"content":228},{"textAlign":30},[229,231,237],{"text":230,"type":34},"You can also sign-up for a 60-day trial of the ",{"text":232,"type":34,"marks":233},"HOOPS Web Platform",[234],{"type":48,"attrs":235},{"href":236,"uuid":30,"anchor":30,"target":52,"linktype":85},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":163,"type":34},{"_uid":239,"messages":240,"component":273,"background":274,"remove_padding":58,"is_verticalized":249},"2517b691-8590-46b2-b1a0-c989536a3b36",[241],{"_uid":242,"icon":16,"buttons":243,"content":254,"headline":261,"link_url":16,"metadata":268,"component":271,"icon_size":16,"link_label":16,"headline_heading":272},"1f7a4845-55d4-4520-b973-efe814118e45",[244],{"_uid":245,"href":16,"color":246,"label":247,"action":248,"new_tab":249,"outline":58,"alignment":16,"component":250,"text_link":249,"destination":251},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","Subscribe","action-modal",false,"element-button",{"id":16,"url":252,"linktype":85,"fieldtype":253,"cached_url":252},"subscribe","multilink",{"type":24,"content":255},[256],{"type":39,"attrs":257,"content":258},{"textAlign":30},[259],{"text":260,"type":34},"We’ll notify you as soon as new projects are available.",{"type":24,"content":262},[263],{"type":39,"attrs":264,"content":265},{"textAlign":30},[266],{"text":267,"type":34},"Be the first to know about new projects",{"_uid":269,"title":16,"plugin":270,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":275,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":276,"copyright":16,"fieldtype":277,"meta_data":278,"is_external_url":249},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":280,"body":281,"alignment":56,"component":57,"is_full_width":58},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":282},[283],{"type":39,"attrs":284,"content":285},{"textAlign":30},[286,288,294],{"text":287,"type":34},"Need to contact us? Email us at ",{"text":289,"type":34,"marks":290},"labs@techsoft3d.com",[291],{"type":48,"attrs":292},{"href":289,"uuid":30,"anchor":30,"target":141,"linktype":293},"email",{"text":163,"type":34},"columns",{"id":252,"_uid":297,"items":298,"component":304},"ca556064-0fa5-4110-8395-86e3f005ea32",[299],{"id":300,"_uid":301,"component":302,"business_unit":303},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2026-04-04 00:00",[307],{"_uid":308,"source":309,"component":362},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":310,"created_at":311,"published_at":312,"updated_at":313,"id":314,"uuid":315,"content":316,"slug":353,"full_slug":354,"sort_by_date":30,"position":355,"tag_list":356,"is_startpage":249,"parent_id":357,"meta_data":30,"group_id":358,"first_published_at":359,"release_id":30,"lang":360,"path":30,"alternates":361,"default_full_slug":30,"translated_slugs":30,"_stopResolving":58},"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":317,"items":318,"component":352},"8915070e-32eb-476d-b215-1c92ebdad15c",[319,334],{"_uid":320,"left_nav":16,"messages":321,"component":333,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[322,328],{"_uid":323,"icon":324,"link":325,"target":16,"message":326,"component":327},"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":329,"icon":330,"link":331,"target":16,"message":332,"component":327},"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":335,"menu":336,"component":351,"has_notice":58},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[337,342,345,348],{"url":338,"_uid":339,"label":340,"new_tab":249,"component":341},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":338,"_uid":343,"label":344,"new_tab":249,"component":341,"style_as_button":249},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":338,"_uid":346,"label":347,"new_tab":249,"component":341,"style_as_button":249},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":338,"_uid":349,"label":350,"new_tab":249,"component":341,"style_as_button":58},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Support","top","global","main-navigation","global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","default",[],"reference",{"type":24,"content":364},[365],{"type":39,"attrs":366,"content":367},{"textAlign":30},[368],{"text":369,"type":34},"This demo showcases how HOOPS Visualize for Web (formerly HOOPS Communicator) can be used to apply PBR and image-based lighting to datasets to make higher quality visualization experiences.",[371,375,379],{"id":372,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":373,"copyright":16,"fieldtype":277,"meta_data":374},153072834506347,"https://a-us.storyblok.com/f/1023536/1111x684/dc5df02984/pbr-viewer-1.webp",{},{"id":376,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":377,"copyright":16,"fieldtype":277,"meta_data":378},153072834502250,"https://a-us.storyblok.com/f/1023536/761x638/f9c0daede9/pbr-viewer-2.webp",{},{"id":380,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":381,"copyright":16,"fieldtype":277,"meta_data":382},153072834719340,"https://a-us.storyblok.com/f/1023536/1244x723/e2fff2186e/pbr-viewer-3.webp",{},[384],"hoopsVisualize",{"_uid":386,"title":387,"plugin":270,"description":388},"605411b3-07d5-49e1-99dc-be8800a8911e","PBR Viewer | Tech Soft 3D Labs","This demo showcases how HOOPS Visualize for Web can be used to apply PBR and image-based lighting to datasets to make higher quality visualization experiences.","lab",{"id":16,"url":391,"linktype":85,"fieldtype":253,"cached_url":391},"https://techsoft3d.github.io/PBR-Demo/",{"id":393,"alt":16,"name":16,"focus":16,"title":6,"source":16,"filename":394,"copyright":16,"fieldtype":277,"meta_data":395,"is_external_url":249},153071542082723,"https://a-us.storyblok.com/f/1023536/447x299/1d8db33fba/pbr-viewer.webp",{"alt":16,"title":6,"source":16,"copyright":16},{"id":16,"url":397,"linktype":85,"fieldtype":253,"cached_url":397},"https://github.com/techsoft3d/PBR-Demo","April 04, 2026",{"id":393,"alt":16,"name":16,"focus":16,"title":6,"source":16,"filename":394,"copyright":16,"fieldtype":277,"meta_data":400,"is_external_url":249},{"alt":16,"title":6,"source":16,"copyright":16},"pbr-viewer","developers/labs/pbr-viewer",10,[],99359039112762,"ed4260a1-0aae-48cb-a956-ea16845c2864","2026-04-03T18:44:17.445Z",[],1776956007,[411],{"name":310,"created_at":311,"published_at":312,"updated_at":313,"id":314,"uuid":315,"content":412,"slug":353,"full_slug":354,"sort_by_date":30,"position":355,"tag_list":424,"is_startpage":249,"parent_id":357,"meta_data":30,"group_id":358,"first_published_at":359,"release_id":30,"lang":360,"path":30,"alternates":425,"default_full_slug":30,"translated_slugs":30},{"_uid":317,"items":413,"component":352},[414,418],{"_uid":320,"left_nav":16,"messages":415,"component":333,"right_nav":16},[416,417],{"_uid":323,"icon":324,"link":325,"target":16,"message":326,"component":327},{"_uid":329,"icon":330,"link":331,"target":16,"message":332,"component":327},{"_uid":335,"menu":419,"component":351,"has_notice":58},[420,421,422,423],{"url":338,"_uid":339,"label":340,"new_tab":249,"component":341},{"url":338,"_uid":343,"label":344,"new_tab":249,"component":341,"style_as_button":249},{"url":338,"_uid":346,"label":347,"new_tab":249,"component":341,"style_as_button":249},{"url":338,"_uid":349,"label":350,"new_tab":249,"component":341,"style_as_button":58},[],[],[],{"cache-control":428,"connection":429,"content-encoding":430,"content-type":431,"date":432,"etag":433,"referrer-policy":434,"sb-be-version":435,"server":436,"strict-transport-security":437,"transfer-encoding":438,"vary":439,"via":440,"x-amz-cf-id":441,"x-amz-cf-pop":442,"x-cache":443,"x-content-type-options":444,"x-frame-options":445,"x-permitted-cross-domain-policies":446,"x-request-id":447,"x-runtime":448,"x-xss-protection":449},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Thu, 23 Apr 2026 14:54:05 GMT","W/\"b8ee9b9da4572261221cca4fe0c03ee9\"","strict-origin-when-cross-origin","5.764.0","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 b7a454c5d7e9ad8ba2aca6a02bb25f14.cloudfront.net (CloudFront)","aRid-4SybQZKgQcg6p73u7KZTp7apMD5RS_pZ8Lxo4W9U-lK223RpA==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","f5039546-6980-4cca-8579-ab44c560355e","0.023890","0",1776956045728]