[{"data":1,"prerenderedAt":454},["ShallowReactive",2],{"{\"language\":\"ko\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/apartment-building-demo":3},{"data":4,"headers":431},{"story":5,"cv":412,"rels":413,"links":430},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":404,"full_slug":405,"sort_by_date":30,"position":406,"tag_list":407,"is_startpage":254,"parent_id":408,"meta_data":30,"group_id":409,"first_published_at":410,"release_id":30,"lang":371,"path":30,"alternates":411,"default_full_slug":30,"translated_slugs":30},"Apartment Building Demo","2026-03-09T15:13:01.639Z","2026-10-10T22:14:46.250Z","2026-10-10T22:14:46.301Z",153106766530586,"2c8d45c9-b0af-469e-a7b3-bd56ba5b705f",{"_uid":13,"body":14,"date":311,"fold":312,"intro":374,"title":381,"gallery":382,"category":383,"metadata":386,"component":390,"demo_link":391,"thumbnail":393,"github_link":399,"last_updated":401,"open_graph_image":402,"include_open_graph":68,"block_search_engines":254},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,302],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":301,"remove_padding":68},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,69,124,208,243,284],{"_uid":22,"body":23,"alignment":66,"component":67,"is_full_width":68},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,56,61],{"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)이 BIM 분야에서 건물이 건설되는 진행 과정을 보여주는 데 어떻게 사용될 수 있는지를 보여줍니다. HOOPS Visualize for Web을 통해 우리는 물리적 외관 속성을 빠르고 쉽게 변경하여 이 데모에서 보여지는 4D 건물 애니메이션을 제공할 수 있습니다.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59],{"text":60,"type":34},"이 데모는 HOOPS Visualize for Web이 IFC 공간의 매우 큰 모델의 외관을 처리하고 조작하는 능력뿐만 아니라, 대량의 CAD 메타데이터를 처리하는 능력도 보여줍니다. 이 데모에서 타임라인이 제대로 작동하려면 각 층과 하위 조립품에 대한 관계 데이터를 HOOPS Visualize for Web으로 가져와 각 노드의 외관을 조작하는 데 사용해야 합니다.",{"type":39,"attrs":62,"content":63},{"textAlign":30},[64],{"text":65,"type":34},"이 데모를 시작할 때, 모델이 로드되면 화면 오른쪽에 드롭다운 화살표가 나타나는 것을 볼 수 있습니다. 이 드롭다운을 클릭하여 모델의 건축 데이터 또는 구조 데이터를 전환할 수 있습니다. 또한, 무엇을 보고 있는지에 따라 다른 층이나 구조 구성 요소의 외관을 켜고 끌 수 있습니다. 같은 메뉴 내에서 타임라인 뷰어 체크박스를 활성화하면 건물 타임라인 애니메이션을 재생할 수 있습니다. 마지막으로, 화면 왼쪽에는 Views 버튼이 있으며, 이것을 통해 모델 내 다른 위치로 쉽게 이동할 수 있습니다. 화살표 키를 사용하여 주변을 탐색하세요.","align-left","copy",true,{"_uid":70,"body":71,"alignment":66,"component":67,"is_full_width":68},"5c50a654-714e-49bf-99ce-80085e95586d",{"type":24,"content":72},[73,80],{"type":27,"attrs":74,"content":75},{"level":29,"textAlign":30},[76],{"text":77,"type":34,"marks":78},"어떻게 구현되었나요",[79],{"type":37},{"type":81,"content":82},"bullet_list",[83,98,111],{"type":84,"content":85},"list_item",[86],{"type":39,"attrs":87,"content":88},{"textAlign":30},[89,91],{"text":90,"type":34},"설정 ",{"text":92,"type":34,"marks":93},"Walk Operator",[94],{"type":48,"attrs":95},{"href":96,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.Operator.CameraWalkModeOperator.html?highlight=setWalkMode#Communicator.Operator.Communicator.Operator.CameraWalkModeOperator.setWalkMode","url",{"type":84,"content":99},[100],{"type":39,"attrs":101,"content":102},{"textAlign":30},[103,105],{"text":104,"type":34},"시작하기 ",{"text":106,"type":34,"marks":107},"WebViewer",[108],{"type":48,"attrs":109},{"href":110,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.WebViewer.html?highlight=new%20Communicator.WebViewer#Communicator.Communicator.WebViewer.start",{"type":84,"content":112},[113],{"type":39,"attrs":114,"content":115},{"textAlign":30},[116,118],{"text":117,"type":34},"노드 투명도 변경 ",{"text":119,"type":34,"marks":120},"viewer.getModel().setNodesVisibility()",[121],{"type":48,"attrs":122},{"href":123,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://docs.techsoft3d.com/communicator/latest/api_ref/viewing/classes/Communicator.Model.html?highlight=setnodevisibility#setnodesvisibility",{"_uid":125,"body":126,"alignment":66,"component":67,"is_full_width":68},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":127},[128,135,150],{"type":27,"attrs":129,"content":130},{"level":29,"textAlign":30},[131],{"text":132,"type":34,"marks":133},"HOOPS Visualize for Web 탐색",[134],{"type":37},{"type":39,"attrs":136,"content":137},{"textAlign":30},[138,141,146],{"text":43,"type":34,"marks":139},[140],{"type":37},{"text":45,"type":34,"marks":142},[143,145],{"type":48,"attrs":144},{"href":50,"uuid":51,"anchor":30,"target":52,"linktype":53},{"type":37},{"text":147,"type":34,"marks":148}," (이전 HOOPS Communicator)을 사용하여 만들어졌습니다.",[149],{"type":37},{"type":81,"content":151},[152,167,182,195],{"type":84,"content":153},[154],{"type":39,"attrs":155,"content":156},{"textAlign":30},[157,159,165],{"text":158,"type":34},"HOOPS Visualize for Web (이전 HOOPS Communicator) ",{"text":160,"type":34,"marks":161},"문서",[162],{"type":48,"attrs":163},{"href":164,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://docs.techsoft3d.com/communicator/latest/",{"text":166,"type":34},"를 참조하세요.",{"type":84,"content":168},[169],{"type":39,"attrs":170,"content":171},{"textAlign":30},[172,174,180],{"text":173,"type":34},"무료 ",{"text":175,"type":34,"marks":176},"평가판에 등록하세요",[177],{"type":48,"attrs":178},{"href":179,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://manage.techsoft3d.com/signup?product=communicator",{"text":181,"type":34},".",{"type":84,"content":183},[184],{"type":39,"attrs":185,"content":186},{"textAlign":30},[187,189],{"text":188,"type":34},"으로 바로 코딩을 시작하세요 ",{"text":190,"type":34,"marks":191},"3D Sandbox",[192],{"type":48,"attrs":193},{"href":194,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://3dsandbox.techsoft3d.com/",{"type":84,"content":196},[197],{"type":39,"attrs":198,"content":199},{"textAlign":30},[200,202],{"text":201,"type":34},"우리 ",{"text":203,"type":34,"marks":204},"커뮤니티 포럼에 참여하세요",[205],{"type":48,"attrs":206},{"href":207,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://forum.techsoft3d.com/",{"_uid":209,"body":210,"alignment":66,"component":67,"is_full_width":68},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":211},[212,219,230],{"type":27,"attrs":213,"content":214},{"level":29,"textAlign":30},[215],{"text":216,"type":34,"marks":217},"질문이나 피드백?",[218],{"type":37},{"type":39,"attrs":220,"content":221},{"textAlign":30},[222,224,229],{"text":223,"type":34},"우리는 피드백과 이 도구 키트가 여러분의 요구를 충족하는 데 도움이 될 수 있는 방법을 찾고 있습니다! 우리 ",{"text":225,"type":34,"marks":226},"포럼에서 연결하세요",[227],{"type":48,"attrs":228},{"href":207,"uuid":30,"anchor":30,"target":52,"linktype":97},{"text":181,"type":34},{"type":39,"attrs":231,"content":232},{"textAlign":30},[233,235,241],{"text":234,"type":34},"또한 60일 간의 ",{"text":236,"type":34,"marks":237},"HOOPS Web Platform",[238],{"type":48,"attrs":239},{"href":240,"uuid":30,"anchor":30,"target":52,"linktype":97},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":242,"type":34},"평가판에 등록할 수 있습니다.",{"_uid":244,"messages":245,"component":278,"background":279,"remove_padding":68,"is_verticalized":254},"2517b691-8590-46b2-b1a0-c989536a3b36",[246],{"_uid":247,"icon":16,"buttons":248,"content":259,"headline":266,"link_url":16,"metadata":273,"component":276,"icon_size":16,"link_label":16,"headline_heading":277},"1f7a4845-55d4-4520-b973-efe814118e45",[249],{"_uid":250,"href":16,"color":251,"label":252,"action":253,"new_tab":254,"outline":68,"alignment":16,"component":255,"text_link":254,"destination":256},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","구독","action-modal",false,"element-button",{"id":16,"url":257,"linktype":97,"fieldtype":258,"cached_url":257},"subscribe","multilink",{"type":24,"content":260},[261],{"type":39,"attrs":262,"content":263},{"textAlign":30},[264],{"text":265,"type":34},"새 프로젝트가 준비되면 즉시 알려드리겠습니다.",{"type":24,"content":267},[268],{"type":39,"attrs":269,"content":270},{"textAlign":30},[271],{"text":272,"type":34},"새 프로젝트에 대한 첫 번째 소식을 받아보세요",{"_uid":274,"title":16,"plugin":275,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":280,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":281,"copyright":16,"fieldtype":282,"meta_data":283,"is_external_url":254},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":285,"body":286,"alignment":66,"component":67,"is_full_width":68},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":287},[288],{"type":39,"attrs":289,"content":290},{"textAlign":30},[291,293,300],{"text":292,"type":34},"저희에게 연락이 필요하신가요? 다음으로 이메일을 보내주세요 ",{"text":294,"type":34,"marks":295},"labs@techsoft3d.com",[296],{"type":48,"attrs":297},{"href":294,"uuid":30,"anchor":30,"target":298,"linktype":299},"_self","email",{"text":181,"type":34},"columns",{"id":257,"_uid":303,"items":304,"component":310},"ca556064-0fa5-4110-8395-86e3f005ea32",[305],{"id":306,"_uid":307,"component":308,"business_unit":309},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-16 00:00",[313],{"_uid":314,"source":315,"component":373},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":316,"created_at":317,"published_at":318,"updated_at":319,"id":320,"uuid":321,"content":322,"slug":364,"full_slug":365,"sort_by_date":30,"position":366,"tag_list":367,"is_startpage":254,"parent_id":368,"meta_data":30,"group_id":369,"first_published_at":370,"release_id":30,"lang":371,"path":30,"alternates":372,"default_full_slug":30,"translated_slugs":30,"_stopResolving":68},"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":323,"items":324,"component":363},"8915070e-32eb-476d-b215-1c92ebdad15c",[325,345],{"_uid":326,"left_nav":16,"messages":327,"component":344,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[328,334,339],{"_uid":329,"icon":330,"link":331,"target":52,"message":332,"component":333},"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":335,"icon":336,"link":337,"target":52,"message":338,"component":333},"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":340,"icon":341,"link":342,"target":16,"message":343,"component":333},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","당사의 SDK 또는 엔터프라이즈 애플리케이션에 대해 궁금한 점이 있으신가요? Tech Soft 3D 전문가와 상담하세요","element-notice",{"_uid":346,"menu":347,"component":362,"has_notice":68},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[348,353,356,359],{"url":349,"_uid":350,"label":351,"new_tab":254,"component":352},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","개발자를 위한 SDK","top-menu-child",{"url":349,"_uid":354,"label":355,"new_tab":254,"component":352,"style_as_button":254},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","비즈니스를 위한 앱",{"url":349,"_uid":357,"label":358,"new_tab":254,"component":352,"style_as_button":254},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","회사 소개",{"url":349,"_uid":360,"label":361,"new_tab":254,"component":352,"style_as_button":68},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","지원","top","global","main-navigation","ko/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","ko",[],"reference",{"type":24,"content":375},[376],{"type":39,"attrs":377,"content":378},{"textAlign":30},[379],{"text":380,"type":34},"이 데모는 AEC 및 BIM 산업을 위해 애니메이션 건물 타임라인을 생성하기 위해 HOOPS Visualize for Web (이전 HOOPS Communicator)을 사용할 수 있는 방법을 보여줍니다.","아파트 건물 데모",[],[384,385],"digitalConstruction","hoopsVisualize",{"_uid":387,"title":388,"plugin":275,"description":389},"bd294335-89f5-4120-9709-57cbbe898f59","아파트 건물 데모 | Tech Soft 3D Labs","이 데모는 AEC 및 BIM 산업을 위한 건물 애니메이션 타임라인을 생성하는 데 웹용 HOOPS Visualize를 사용할 수 있는 방법을 보여줍니다.","lab",{"id":16,"url":392,"linktype":97,"fieldtype":258,"cached_url":392},"https://apartment-building-architecture-docker.techsoft3d.com/",{"id":394,"alt":395,"name":16,"focus":16,"title":396,"source":16,"filename":397,"copyright":16,"fieldtype":282,"meta_data":398,"is_external_url":254},153106964032401,"3D model of an apartment building from a Tech Soft 3D demo","Apartment Building 3D Model","https://a-us.storyblok.com/f/1023536/447x298/452e042753/apartment-building-demo.webp",{"alt":395,"title":396,"source":16,"copyright":16},{"id":16,"url":400,"linktype":97,"fieldtype":258,"cached_url":400},"https://github.com/techsoft3d/Apartment-Building-Architecture-Docker","2023년 6월 16일 금요일",{"id":394,"alt":395,"name":16,"focus":16,"title":396,"source":16,"filename":397,"copyright":16,"fieldtype":282,"meta_data":403,"is_external_url":254},{"alt":395,"title":396,"source":16,"copyright":16},"apartment-building-demo","ko/developers/labs/apartment-building-demo",-40,[],99359039112762,"477b749f-3037-4f66-8c3c-3fa250f853cc","2026-04-03T18:44:16.220Z",[],1791995899,[414],{"name":316,"created_at":317,"published_at":318,"updated_at":319,"id":320,"uuid":321,"content":415,"slug":364,"full_slug":365,"sort_by_date":30,"position":366,"tag_list":428,"is_startpage":254,"parent_id":368,"meta_data":30,"group_id":369,"first_published_at":370,"release_id":30,"lang":371,"path":30,"alternates":429,"default_full_slug":30,"translated_slugs":30},{"_uid":323,"items":416,"component":363},[417,422],{"_uid":326,"left_nav":16,"messages":418,"component":344,"right_nav":16},[419,420,421],{"_uid":329,"icon":330,"link":331,"target":52,"message":332,"component":333},{"_uid":335,"icon":336,"link":337,"target":52,"message":338,"component":333},{"_uid":340,"icon":341,"link":342,"target":16,"message":343,"component":333},{"_uid":346,"menu":423,"component":362,"has_notice":68},[424,425,426,427],{"url":349,"_uid":350,"label":351,"new_tab":254,"component":352},{"url":349,"_uid":354,"label":355,"new_tab":254,"component":352,"style_as_button":254},{"url":349,"_uid":357,"label":358,"new_tab":254,"component":352,"style_as_button":254},{"url":349,"_uid":360,"label":361,"new_tab":254,"component":352,"style_as_button":68},[],[],[],{"cache-control":432,"connection":433,"content-encoding":434,"content-type":435,"date":436,"etag":437,"referrer-policy":438,"sb-be-version":439,"server":440,"strict-transport-security":441,"transfer-encoding":442,"vary":443,"via":444,"x-amz-cf-id":445,"x-amz-cf-pop":446,"x-cache":447,"x-content-type-options":448,"x-frame-options":449,"x-permitted-cross-domain-policies":450,"x-request-id":451,"x-runtime":452,"x-xss-protection":453},"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:07 GMT","W/\"4354aae9d348f20717863c55722906cd\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 28541d1c5ba94fa4ae7d6f7a2c07f4f8.cloudfront.net (CloudFront)","vd0DeHiKkHfdKK4yLEndEDeFlabyZUQ8Tph18RX2qwjeU6ijhxeOvw==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","7caf25e2-eb8b-4f59-9259-21f559bed7eb","0.077963","0",1791997387182]