[{"data":1,"prerenderedAt":461},["ShallowReactive",2],{"{\"language\":\"ja\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/pbr-viewer":3},{"data":4,"headers":438},{"story":5,"cv":419,"rels":420,"links":437},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":411,"full_slug":412,"sort_by_date":30,"position":413,"tag_list":414,"is_startpage":252,"parent_id":415,"meta_data":30,"group_id":416,"first_published_at":417,"release_id":30,"lang":369,"path":30,"alternates":418,"default_full_slug":30,"translated_slugs":30},"PBR Viewer","2026-03-09T12:41:38.806Z","2026-10-10T22:15:36.349Z","2026-10-10T22:15:36.426Z",153069563198870,"042ed9c9-d217-46c3-9816-24ee938605b4",{"_uid":13,"body":14,"date":309,"fold":310,"intro":372,"title":379,"gallery":380,"category":393,"metadata":395,"component":399,"demo_link":400,"thumbnail":402,"github_link":406,"last_updated":408,"open_graph_image":409,"include_open_graph":58,"block_search_engines":252},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,300],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":299,"remove_padding":58},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,59,119,205,241,282],{"_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},"概要","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,44,54],{"text":43,"type":34},"このデモでは、 ",{"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}," （以前はHOOPS Communicator）がどのように使用され、データセットにPBRを適用して高品質なビジュアライゼーション体験を実現できるかを示しています。また、このデモでは、画像ベースのライティングを使用して、シーンにより現実世界に近いライティング環境を提供する方法も示しています。画像ベースのライティングに使用される画像はアニメーション化され、オブジェクトを手動で動かさなくても、反射やライトの自然な動きを提供します。さらに、このデモでは、モデルに対する既存のPBRデータがどのようにロードされ、適用されるかを見ることができます。","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},"どのように実装されたか",[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},"ビューアの設定",[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},"メタリックラフネスを設定",[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},"画像ベースのライティングを設定",[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},"IBLオリエンテーションを変更",[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},"HOOPS Visualize for Webを探る",[129],{"type":37},{"type":39,"attrs":131,"content":132},{"textAlign":30},[133,137,143],{"text":134,"type":34,"marks":135},"このデモは、 ",[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}," （以前はHOOPS Communicator）を使用して作成されました。",[146],{"type":37},{"type":71,"content":148},[149,164,179,192],{"type":74,"content":150},[151],{"type":39,"attrs":152,"content":153},{"textAlign":30},[154,156,162],{"text":155,"type":34},"HOOPS Visualize for Web（以前はHOOPS Communicator）の ",{"text":157,"type":34,"marks":158},"ドキュメント",[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},"無料の ",{"text":172,"type":34,"marks":173},"評価版",[174],{"type":48,"attrs":175},{"href":176,"uuid":30,"anchor":30,"target":30,"linktype":85},"https://manage.techsoft3d.com/signup?product=communicator",{"text":178,"type":34},"にサインアップしてください。",{"type":74,"content":180},[181],{"type":39,"attrs":182,"content":183},{"textAlign":30},[184,186],{"text":185,"type":34},"すぐにコーディングを始めるには、 ",{"text":187,"type":34,"marks":188},"3Dサンドボックス",[189],{"type":48,"attrs":190},{"href":191,"uuid":30,"anchor":30,"target":30,"linktype":85},"https://3dsandbox.techsoft3d.com/",{"type":74,"content":193},[194],{"type":39,"attrs":195,"content":196},{"textAlign":30},[197,199],{"text":198,"type":34},"に参加してください。 ",{"text":200,"type":34,"marks":201},"私たちの",[202],{"type":48,"attrs":203},{"href":204,"uuid":30,"anchor":30,"target":30,"linktype":85},"https://forum.techsoft3d.com/",{"_uid":206,"body":207,"alignment":56,"component":57,"is_full_width":58},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":208},[209,216,228],{"type":27,"attrs":210,"content":211},{"level":29,"textAlign":30},[212],{"text":213,"type":34,"marks":214},"質問やフィードバックはありますか？",[215],{"type":37},{"type":39,"attrs":217,"content":218},{"textAlign":30},[219,221,226],{"text":220,"type":34},"このツールキットがあなたのニーズに合うように改良するためのフィードバックを求めています！私たちの ",{"text":222,"type":34,"marks":223},"フォーラム",[224],{"type":48,"attrs":225},{"href":204,"uuid":30,"anchor":30,"target":52,"linktype":85},{"text":227,"type":34},"でおつなぎください。",{"type":39,"attrs":229,"content":230},{"textAlign":30},[231,233,239],{"text":232,"type":34},"また、 ",{"text":234,"type":34,"marks":235},"HOOPS Web Platform",[236],{"type":48,"attrs":237},{"href":238,"uuid":30,"anchor":30,"target":52,"linktype":85},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":240,"type":34},"の60日間の試用版にサインアップすることもできます。",{"_uid":242,"messages":243,"component":276,"background":277,"remove_padding":58,"is_verticalized":252},"2517b691-8590-46b2-b1a0-c989536a3b36",[244],{"_uid":245,"icon":16,"buttons":246,"content":257,"headline":264,"link_url":16,"metadata":271,"component":274,"icon_size":16,"link_label":16,"headline_heading":275},"1f7a4845-55d4-4520-b973-efe814118e45",[247],{"_uid":248,"href":16,"color":249,"label":250,"action":251,"new_tab":252,"outline":58,"alignment":16,"component":253,"text_link":252,"destination":254},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","購読","action-modal",false,"element-button",{"id":16,"url":255,"linktype":85,"fieldtype":256,"cached_url":255},"subscribe","multilink",{"type":24,"content":258},[259],{"type":39,"attrs":260,"content":261},{"textAlign":30},[262],{"text":263,"type":34},"新しいプロジェクトが利用可能になり次第お知らせします。",{"type":24,"content":265},[266],{"type":39,"attrs":267,"content":268},{"textAlign":30},[269],{"text":270,"type":34},"新しいプロジェクトについていち早く知ろう",{"_uid":272,"title":16,"plugin":273,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":278,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":279,"copyright":16,"fieldtype":280,"meta_data":281,"is_external_url":252},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":283,"body":284,"alignment":56,"component":57,"is_full_width":58},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":285},[286],{"type":39,"attrs":287,"content":288},{"textAlign":30},[289,291,297],{"text":290,"type":34},"お問い合わせが必要ですか？メールでご連絡ください ",{"text":292,"type":34,"marks":293},"labs@techsoft3d.com",[294],{"type":48,"attrs":295},{"href":292,"uuid":30,"anchor":30,"target":141,"linktype":296},"email",{"text":298,"type":34},"。","columns",{"id":255,"_uid":301,"items":302,"component":308},"ca556064-0fa5-4110-8395-86e3f005ea32",[303],{"id":304,"_uid":305,"component":306,"business_unit":307},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2026-04-04 00:00",[311],{"_uid":312,"source":313,"component":371},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":314,"created_at":315,"published_at":316,"updated_at":317,"id":318,"uuid":319,"content":320,"slug":362,"full_slug":363,"sort_by_date":30,"position":364,"tag_list":365,"is_startpage":252,"parent_id":366,"meta_data":30,"group_id":367,"first_published_at":368,"release_id":30,"lang":369,"path":30,"alternates":370,"default_full_slug":30,"translated_slugs":30,"_stopResolving":58},"Main Navigation","2025-04-09T14:04:01.876Z","2026-10-10T22:18:15.264Z","2026-10-10T22:18:15.279Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":321,"items":322,"component":361},"8915070e-32eb-476d-b215-1c92ebdad15c",[323,343],{"_uid":324,"left_nav":16,"messages":325,"component":342,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[326,332,337],{"_uid":327,"icon":328,"link":329,"target":52,"message":330,"component":331},"1773ad80-3b42-4f4a-97eb-c9cd1258a7ed","cil:magnifying-glass","https://pages.techsoft3d.com/engineering-data-insights?utm_campaign=48796445-2026%20Build%20or%20Buy%20Research&utm_source=Website&utm_medium=Main%20Banner","新しい調査: 製造業者が工学データへの高まる需要にどのように対応しているか","element-notice-child",{"_uid":333,"icon":334,"link":335,"target":52,"message":336,"component":331},"b4b88ef9-df13-42b9-8794-0acf2f43a408","hugeicons:calendar-04","https://pages.techsoft3d.com/get-the-most-out-of-your-cad-data-webinar","今後のウェビナーに登録：VNTANAがCADデータをHOOPS Exchangeを通じて活用した方法を学ぶ",{"_uid":338,"icon":339,"link":340,"target":16,"message":341,"component":331},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","当社のSDKや企業向けアプリケーションについて質問がありますか？ Tech Soft 3Dの専門家に相談","element-notice",{"_uid":344,"menu":345,"component":360,"has_notice":58},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[346,351,354,357],{"url":347,"_uid":348,"label":349,"new_tab":252,"component":350},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","開発者向けSDK","top-menu-child",{"url":347,"_uid":352,"label":353,"new_tab":252,"component":350,"style_as_button":252},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","企業向けアプリ",{"url":347,"_uid":355,"label":356,"new_tab":252,"component":350,"style_as_button":252},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","会社情報",{"url":347,"_uid":358,"label":359,"new_tab":252,"component":350,"style_as_button":58},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","サポート","top","global","main-navigation","ja/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","ja",[],"reference",{"type":24,"content":373},[374],{"type":39,"attrs":375,"content":376},{"textAlign":30},[377],{"text":378,"type":34},"このデモでは、HOOPS Visualize for Web（以前はHOOPS Communicator）がどのように使用され、データセットにPBRや画像ベースのライティングを適用することで、高品質なビジュアライゼーション体験を実現できるかを示しています。","PBRビューアー",[381,385,389],{"id":382,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":383,"copyright":16,"fieldtype":280,"meta_data":384},153072834506347,"https://a-us.storyblok.com/f/1023536/1111x684/dc5df02984/pbr-viewer-1.webp",{},{"id":386,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":387,"copyright":16,"fieldtype":280,"meta_data":388},153072834502250,"https://a-us.storyblok.com/f/1023536/761x638/f9c0daede9/pbr-viewer-2.webp",{},{"id":390,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":391,"copyright":16,"fieldtype":280,"meta_data":392},153072834719340,"https://a-us.storyblok.com/f/1023536/1244x723/e2fff2186e/pbr-viewer-3.webp",{},[394],"hoopsVisualize",{"_uid":396,"title":397,"plugin":273,"description":398},"5d3831d9-2c70-4d1b-af8d-ffd6957df11f","PBR ビューア | Tech Soft 3D Labs","このデモは、Web 用 HOOPS Visualize を使用して、データセットに PBR および画像ベースのライティングを適用し、より高品質なビジュアライゼーション体験を実現する方法を紹介します。","lab",{"id":16,"url":401,"linktype":85,"fieldtype":256,"cached_url":401},"https://techsoft3d.github.io/PBR-Demo/",{"id":403,"alt":16,"name":16,"focus":16,"title":6,"source":16,"filename":404,"copyright":16,"fieldtype":280,"meta_data":405,"is_external_url":252},153071542082723,"https://a-us.storyblok.com/f/1023536/447x299/1d8db33fba/pbr-viewer.webp",{"alt":16,"title":6,"source":16,"copyright":16},{"id":16,"url":407,"linktype":85,"fieldtype":256,"cached_url":407},"https://github.com/techsoft3d/PBR-Demo","2026年4月4日",{"id":403,"alt":16,"name":16,"focus":16,"title":6,"source":16,"filename":404,"copyright":16,"fieldtype":280,"meta_data":410,"is_external_url":252},{"alt":16,"title":6,"source":16,"copyright":16},"pbr-viewer","ja/developers/labs/pbr-viewer",10,[],99359039112762,"ed4260a1-0aae-48cb-a956-ea16845c2864","2026-04-03T18:44:17.445Z",[],1791995899,[421],{"name":314,"created_at":315,"published_at":316,"updated_at":317,"id":318,"uuid":319,"content":422,"slug":362,"full_slug":363,"sort_by_date":30,"position":364,"tag_list":435,"is_startpage":252,"parent_id":366,"meta_data":30,"group_id":367,"first_published_at":368,"release_id":30,"lang":369,"path":30,"alternates":436,"default_full_slug":30,"translated_slugs":30},{"_uid":321,"items":423,"component":361},[424,429],{"_uid":324,"left_nav":16,"messages":425,"component":342,"right_nav":16},[426,427,428],{"_uid":327,"icon":328,"link":329,"target":52,"message":330,"component":331},{"_uid":333,"icon":334,"link":335,"target":52,"message":336,"component":331},{"_uid":338,"icon":339,"link":340,"target":16,"message":341,"component":331},{"_uid":344,"menu":430,"component":360,"has_notice":58},[431,432,433,434],{"url":347,"_uid":348,"label":349,"new_tab":252,"component":350},{"url":347,"_uid":352,"label":353,"new_tab":252,"component":350,"style_as_button":252},{"url":347,"_uid":355,"label":356,"new_tab":252,"component":350,"style_as_button":252},{"url":347,"_uid":358,"label":359,"new_tab":252,"component":350,"style_as_button":58},[],[],[],{"cache-control":439,"connection":440,"content-encoding":441,"content-type":442,"date":443,"etag":444,"referrer-policy":445,"sb-be-version":446,"server":447,"strict-transport-security":448,"transfer-encoding":449,"vary":450,"via":451,"x-amz-cf-id":452,"x-amz-cf-pop":453,"x-cache":454,"x-content-type-options":455,"x-frame-options":456,"x-permitted-cross-domain-policies":457,"x-request-id":458,"x-runtime":459,"x-xss-protection":460},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Wed, 14 Oct 2026 17:03:16 GMT","W/\"f3b84b446da588a3749336359f2a0873\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 bbc57e4c259e16f712316786b8f9a84a.cloudfront.net (CloudFront)","qTtlFrzcbVCi_D38vzIXkUVjUseMHvnfY3TCdRXYL9r70UTYkIBmnA==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","eb8b1761-243b-4073-a27e-08130699910b","0.048178","0",1791997396781]