1"use strict";(self.webpackChunktaipa_macau_ar=self.webpackChunktaipa_macau_ar||[]).push([[484],{3484:function(e,n,t){t.r(n),t.d(n,{StoryOnBrick:function(){return w},default:function(){return L}});var a=t(5671),i=t(3144),c=t(136),o=t(9388),s=t(2791),l=t(6749),d=t(6800),r=t(4165),p=t(5861),m=!1,u="zh-tw",y=new window.Howl({src:["/projects/taipa-macau/story-on-brick/sound/story-on-brick.mp3"],volume:.5,autoplay:!1,loop:!0}),h=new window.Howl({src:["/projects/taipa-macau/back-to-history/sound/success.mp3"],volume:.1,autoplay:!1,loop:!1,autoUnlock:!1});function g(){var e=document.getElementById("check-point-1-lang-zh-tw"),n=document.getElementById("check-point-1-lang-cn"),t=document.getElementById("check-point-1-lang-pt"),a=document.getElementById("check-point-2-lang-zh-tw"),i=document.getElementById("check-point-2-lang-cn"),c=document.getElementById("check-point-2-lang-pt"),o=document.getElementById("check-point-3-lang-zh-tw"),s=document.getElementById("check-point-3-lang-cn"),l=document.getElementById("check-point-3-lang-pt"),d=document.querySelector("#check-point-1-model .title-container .zh-tw"),r=document.querySelector("#check-point-1-model .title-container .cn"),p=document.querySelector("#check-point-1-model .title-container .pt"),m=document.querySelector("#check-point-2-model .title-container .zh-tw"),y=document.querySelector("#check-point-2-model .title-container .cn"),h=document.querySelector("#check-point-2-model .title-container .pt"),g=document.querySelector("#check-point-3-model .title-container .zh-tw"),v=document.querySelector("#check-point-3-model .title-container .cn"),b=document.querySelector("#check-point-3-model .title-container .pt"),k=document.querySelector("#check-point-1-model .content-container .zh-tw"),x=document.querySelector("#check-point-1-model .content-container .cn"),f=document.querySelector("#check-point-1-model .content-container .pt"),w=document.querySelector("#check-point-2-model .content-container .zh-tw"),E=document.querySelector("#check-point-2-model .content-container .cn"),L=document.querySelector("#check-point-2-model .content-container .pt"),I=document.querySelector("#check-point-3-model .content-container .zh-tw"),B=document.querySelector("#check-point-3-model .content-container .cn"),_=document.querySelector("#check-point-3-model .content-container .pt");"zh-tw"===u?(e.classList.add("active"),a.classList.add("active"),o.classList.add("active"),n.classList.remove("active"),t.classList.remove("active"),i.classList.remove("active"),c.classList.remove("active"),s.classList.remove("active"),l.classList.remove("active"),d.style.display="block",m.style.display="block",g.style.display="block",r.style.display="none",y.style.display="none",v.style.display="none",p.style.display="none",h.style.display="none",b.style.display="none",k.style.display="block",w.style.display="block",I.style.display="block",x.style.display="none",E.style.display="none",B.style.display="none",f.style.display="none",L.style.display="none",_.style.display="none"):"cn"===u?(n.classList.add("active"),i.classList.add("active"),s.classList.add("active"),e.classList.remove("active"),t.classList.remove("active"),a.classList.remove("active"),c.classList.remove("active"),o.classList.remove("active"),l.classList.remove("active"),r.style.display="block",y.style.display="block",v.style.display="block",d.style.display="none",m.style.display="none",g.style.display="none",p.style.display="none",h.style.display="none",b.style.display="none",x.style.display="block",E.style.display="block",B.style.display="block",k.style.display="none",w.style.display="none",I.style.display="none",f.style.display="none",L.style.display="none",_.style.display="none"):(t.classList.add("active"),c.classList.add("active"),l.classList.add("active"),e.classList.remove("active"),n.classList.remove("active"),a.classList.remove("active"),i.classList.remove("active"),o.classList.remove("active"),s.classList.remove("active"),p.style.display="block",h.style.display="block",b.style.display="block",r.style.display="none",y.style.display="none",v.style.display="none",d.style.display="none",m.style.display="none",g.style.display="none",f.style.display="block",L.style.display="block",_.style.display="block",x.style.display="none",E.style.display="none",B.style.display="none",k.style.display="none",w.style.display="none",I.style.display="none")}var v={schema:{checkedObject:{default:0},finished:{default:!1}},init:function(){var e=this,n=this.el.sceneEl,t=document.getElementById("current-object-count"),a=document.getElementById("target-image-button"),i=document.getElementById("lightbox"),c=document.getElementById("btn-continue"),o=document.getElementById("finish-ui"),s=document.getElementById("backdrop"),l=document.getElementById("recorder"),d=document.getElementById("check-point-1-model"),r=document.getElementById("check-point-2-model"),p=document.getElementById("check-point-3-model"),m=document.getElementById("check-point-1-backdrop"),y=document.getElementById("check-point-2-backdrop"),v=document.getElementById("check-point-3-backdrop"),b=document.getElementById("close-model-1"),k=document.getElementById("close-model-2"),x=document.getElementById("close-model-3");a.addEventListener("click",(function(e){console.log("click"),i.style.display="flex"})),i.addEventListener("click",(function(e){i.style.display="none"}));var f=document.getElementById("check-point-1-target"),w=document.getElementById("check-point-1-search"),E=document.getElementById("check-point-1-check"),L=!1,I=document.getElementById("check-point-2-target"),B=document.getElementById("check-point-2-search"),_=d
1ocument.getElementById("check-point-2-check"),j=!1,T=document.getElementById("check-point-3-target"),z=document.getElementById("check-point-3-search"),A=document.getElementById("check-point-3-check"),S=!1,q=document.getElementById("check-point-1-lang-zh-tw"),C=document.getElementById("check-point-1-lang-cn"),O=document.getElementById("check-point-1-lang-pt"),M=document.getElementById("check-point-2-lang-zh-tw"),P=document.getElementById("check-point-2-lang-cn"),R=document.getElementById("check-point-2-lang-pt"),H=document.getElementById("check-point-3-lang-zh-tw"),F=document.getElementById("check-point-3-lang-cn"),Z=document.getElementById("check-point-3-lang-pt");n.addEventListener("realityready",(function(){document.getElementById("loading-screen").style.display="none"})),c.addEventListener("click",(function(e){o.style.display="none",l.style.display="block"})),s.addEventListener("click",(function(e){o.style.display="none",l.style.display="block"})),m.addEventListener("click",(function(e){d.style.display="none"})),y.addEventListener("click",(function(e){r.style.display="none"})),v.addEventListener("click",(function(e){p.style.display="none"})),b.addEventListener("click",(function(n){(d.style.display="none",e.data.checkedObject>=3&&!e.data.finished)&&(document.getElementById("finish-ui").style.display="block",l.style.display="none",e.data.finished=!0)})),k.addEventListener("click",(function(n){(r.style.display="none",e.data.checkedObject>=3&&!e.data.finished)&&(document.getElementById("finish-ui").style.display="block",l.style.display="none",e.data.finished=!0)})),x.addEventListener("click",(function(n){(p.style.display="none",e.data.checkedObject>=3&&!e.data.finished)&&(document.getElementById("finish-ui").style.display="block",l.style.display="none",e.data.finished=!0)})),q.addEventListener("click",(function(e){u="zh-tw",g()})),C.addEventListener("click",(function(e){u="cn",g()})),O.addEventListener("click",(function(e){u="pt",g()})),M.addEventListener("click",(function(e){u="zh-tw",g()})),P.addEventListener("click",(function(e){u="cn",g()})),R.addEventListener("click",(function(e){u="pt",g()})),H.addEventListener("click",(function(e){u="zh-tw",g()})),F.addEventListener("click",(function(e){u="cn",g()})),Z.addEventListener("click",(function(e){u="pt",g()}));f.addEventListener("click",(function(n){L||(e.data.checkedObject+=1,w.setAttribute("visible",!1),E.setAttribute("visible",!0),L=!0,t.innerHTML=e.data.checkedObject),d.style.display="block",h.play()})),I.addEventListener("click",(function(n){j||(e.data.checkedObject+=1,B.setAttribute("visible",!1),_.setAttribute("visible",!0),j=!0,t.innerHTML=e.data.checkedObject),r.style.display="block",h.play()})),T.addEventListener("click",(function(n){S||(e.data.checkedObject+=1,z.setAttribute("visible",!1),A.setAttribute("visible",!0),S=!0,t.innerHTML=e.data.checkedObject),p.style.display="block",h.play()}))}},b={init:function(){var e=!1,n=this.el.sceneEl,t=this.el.object3D,a=(this.el.sceneEl,document.getElementById("btn-continue")),i=document.getElementById("finish-ui"),c=document.getElementById("finding"),o=document.getElementById("processing-ui"),s=document.getElementById("backdrop"),l=document.getElementById("check-point-1"),d=document.getElementById("check-point-2"),u=document.getElementById("check-point-3"),h=document.querySelector("a-assets"),g=document.createElement("video");g.setAttribute("id","fish-video"),g.setAttribute("muted",""),g.setAttribute("autoplay",""),g.setAttribute("playsinline",""),g.setAttribute("crossorigin","anonymous"),g.setAttribute("preload","none"),g.setAttribute("loop","true"),g.innerHTML='\n <source src="/projects/taipa-macau/ar/story-on-brick/video/story-on-brick.mp4" type="video/mp4">\n ',h.append(g),y.stop(),g.pause(),n.addEventListener("realityready",(function(){document.getElementById("loading-screen").style.display="none"}));var v=document.getElementById("recorder");v.style.display="none",a.addEventListener("click",(function(e){i.style.display="none",v.style.display="block"})),s.addEventListener("click",(function(e){i.style.display="none",v.style.display="block"})),window.addEventListener("mediarecorder-previewopened",(function(e){m||(i.style.display="block",m=!0)}));var b=function(){var n=(0,p.Z)((0,r.Z)().mark((function n(a){var i,s,p;return(0,r.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(i=a.detail,e){n.next=29;break}return console.log("founded"),c.style.display="none",v.style.display="block",o.style.display="block",t.visible=!0,e=!0,l.setAttribute("visible","true"),d.setAttribute("visible","true"),u.setAttribute("visible","true"),s=document.getElementById("ar-content"),(p=document.createElement("a-entity")).setAttribute("id","target-video"),p.setAttribute("target-video","#fish-video"),p.setAttribute("visible","false"),p.setAttribute("scale","0.85 0.85 0.85"),p.setAttribute("position","0 -0.02 0"),p.setAttribute("material",{opacity:0,transparent:!0,shader:"chromakey",src:"#fish-video",color:"
11 1 1"}),p.setAttribute("geometry",{primitive:"plane",height:1.5,width:1}),s.insertBefore(p,s.firstChild),n.next=23,g.play();case 23:return n.next=25,y.play();case 25:return n.next=27,p.setAttribute("animation",{property:"material.opacity",to:1,easing:"easeOutElastic",dur:200});case 27:setTimeout((function(){p.setAttribute("visible","true")}),500),!0;case 29:t.position.copy(i.position),t.quaternion.copy(i.rotation),t.scale.set(i.scale,i.scale,i.scale);case 32:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}();n.addEventListener("xrimagefound",b),n.addEventListener("xrimageupdated",b)},remove:function(){y.unload()}},k=t(2140),x=(t(5231),t(184)),f=[{name:"target-image-control",val:d.F},{name:"story-on-brick-ar",val:b},{name:"story-content",val:v}],w=function(){var e="\u8461\u78da\u6d6e\u756b | \u60a0\u6c39\u4ed4 AR";return document.title=e,window.gtag("config",{NODE_ENV:"production",PUBLIC_URL:"",WDS_SOCKET_HOST:void 0,WDS_SOCKET_PATH:void 0,WDS_SOCKET_PORT:void 0,FAST_REFRESH:!0,REACT_APP_XR8_API_KEY:"4FHp2QtXvYnMeAjOMNQTaAlMQeWZeK0VcFxbupdRG2FJ6U4uARLJrLMtZpxivpWYMovtsz"}.REACT_APP_GTAG,{page_title:e,page_location:"https://webar.taipa-macau.com/story-on-brick"}),(0,x.jsx)(E,{children:(0,x.jsxs)(s.Suspense,{fallback:null,children:[(0,x.jsx)(l.a,{loadingTitle:"/images/tapia-image/ar-title/title-ar-story-on-brick.png"}),(0,x.jsx)(k.k,{sceneHtml:'\n<div id="story-on-brick" class="ui">\n \x3c!-- Back button --\x3e\n <a href=\'https://taipa-macau.com/ar/story-on-brick\' id="back-btn">\n <svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>\n </a>\n\n \x3c!-- ==== Finding ==== --\x3e\n <div id="finding" style="display: block;">\n \x3c!-- Aims border --\x3e\n <div class="aim-container absolute top-1/2 left-1/2 z-40" style="transform: translate(-50%, -65%)">\n <img src="/images/aim-border.svg" />\n </div>\n\n \x3c!-- Image model --\x3e\n <div id="lightbox" class="fixed inset-0 items-center justify-center bg-black bg-opacity-80" style="display: none; z-index: 100;">\n <img src="/projects/taipa-macau/ar/story-on-brick/target-image/target_story-on-brick.jpeg" />\n </div>\n \n \x3c!-- Target Image --\x3e\n <div class="absolute bottom-4 left-1/2 transform -translate-x-1/2 z-50 text-center">\n <button id=\'target-image-button\' class=\'text-center\'>\n <img\n id=\'target-image\'\n class=\'rounded-lg border-4 border-white mx-auto mb-4\'\n style=\'max-width: 100px\'\n src=\'/projects/taipa-macau/ar/story-on-brick/target-image/target_story-on-brick.jpeg\'\n />\n </button>\n \n <div class="text-white" >\n <p class="zh-tw">\u8acb\u5c0d\u6e96\u756b\u4f5c</p>\n <p class="en">Please aim the art</p>\n </div>\n </div>\n \n </div>\n \n \x3c!-- ==== Processing UI ==== --\x3e\n <div id="processing-ui" style="display: none">\n <div class="message-container">\n <div class="object-counter">\n <span id="current-object-count">0</span>\n <span id="counter-slash">/</span>\n <span id="max-object-count">3</span>\n </div>\n <p class="zh-tw">\u5c0b\u627e\u95dc\u5efa\u7269\u4ef6</p>\n <p class="en">Find the key object</p> \n </div>\n </div>\n \n \x3c!-- ==== Found ==== --\x3e\n <div id="finish-ui" class="fixed z-30 inset-0" style="display: none">\n <div\n id="backdrop"\n class="backdrop bg-gray-900 bg-opacity-70 fixed z-40 inset-0 animate__animated"\n ></div>\n\n <div\n id="model-content"\n class="model-content animate__animated inset-0 absolute z-50 px-12"\n >\n \x3c!-- Logo --\x3e\n <img src="/images/tapia-image/logo-s.png" class="mx-auto w-1/2 mb-8 mt-16" />\n\n \x3c!-- Card --\x3e\n <div\n class="bg-white rounded-xl bg-cover bg-center py-8 px-4 shadow-lg"\n style="background-image: url(\'images/tapia-image/model-bg.png\')"\n >\n \x3c!-- Title --\x3e\n <img src="/images/tapia-image/cong-title.png" class="mx-auto w-2/3 mb-8" />\n\n \x3c!-- Content --\x3e\n <div class="content">\n <h3 class="text-center font-bold text-2xl mb-4">\u5b8c\u6210\u8461\u78da\u6d6e\u756b</h3>\n\x3c!-- <p class="opacity-80 px-4">\u5b8c\u6210\u5176\u4e2d4\u500bAR\u4e92\u52d5\u5f8c\uff0c\u5373\u53ef\u7372\u5f97\u4e00\u6b21\u62bd\u734e\u6a5f\u6703!</p>--\x3e\n </div>\n\n \x3c!-- Button Group --\x3e\n <div id="bt
1n-continue" class="mt-8">\n \x3c!-- Button: \u958b\u59cb AR \u4e92\u52d5 --\x3e\n <div class="my-2 px-4">\n <button class="min-w-32 w-full mx-auto block rounded-full bg-taipa-darkblue px-1.5 pt-1 pb-2 text-center">\n <div class="bg-taipa-yellow flex items-center justify-center rounded-full px-12 pt-2 pb-2.5 text-taipa-darkblue">\n <span class="font-[\'tensentype-ruihei\'] font-bold text-lg">\u7e7c\u7e8c\u62cd\u7167</span>\n </div>\n </button>\n </div>\n\n \x3c!-- Button: \u8fd4\u56de\u9996\u9801 --\x3e\n <div id="btn-back" class="my-2 px-4">\n <a\n href=\'https://taipa-macau.com/ar/story-on-brick\'\n class=\'min-w-32 block w-full mx-auto block rounded-full bg-taipa-darkblue px-1.5 pt-1 pb-2 text-center\'\n >\n <div class="bg-white flex items-center justify-center rounded-full px-12 pt-2 pb-2.5 text-taipa-darkblue">\n <span class="font-[\'tensentype-ruihei\'] font-bold text-lg">\u8fd4\u56de\u9996\u9801</span>\n </div>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n \n \x3c!-- ==== check point 1: \u6c39\u4ed4\u540d\u5b57\u7531\u4f86 ==== --\x3e\n <div id="check-point-1-model" class="check-point-model" style="display: none;">\n <div id="check-point-1-backdrop" class="backdrop animate__animated"></div>\n <div id="model-content" class="model-content animate__animated">\n \x3c!-- close button--\x3e\n <button id="close-model-1" class="close-model">\n <svg fill="none" stroke="#222222" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>\n </button>\n\n \x3c!-- Lang button --\x3e\n <div class="lang-btn-container">\n <button id="check-point-1-lang-zh-tw" class="lang-btn active zh-tw">\u7e41\u9ad4</button>\n <button id="check-point-1-lang-cn" class="lang-btn cn">\u7b80\u4f53</button>\n <button id="check-point-1-lang-pt" class="lang-btn pt">Portugu\xeas</button>\n </div>\n\n \n <div class="title-container">\n <h3 class="title zh-tw">\u6c39\u4ed4\u540d\u5b57\u7531\u4f86</h3>\n <h3 class="title cn" style="display: none">\u6c39\u4ed4\u540d\u5b57\u7531\u4f86</h3>\n <h3 class="title pt" style="display: none">\u6c39\u4ed4\u540d\u5b57\u7531\u4f86</h3>\n </div>\n\n \x3c!--<div class="image-container">--\x3e\n \x3c!-- <img src="" />--\x3e\n \x3c!--</div>--\x3e\n\n <div class="content-container">\n <p class="zh-tw">\n \u6c39\u4ed4\u539f\u672c\u5206\u70ba\u4e09\u500b\u5c0f\u5cf6\uff0c\u5206\u5225\u662f\u96de\u9838\u5c71\u3001\u89c0\u97f3\u5c71\u548c\u83e9\u63d0\u5c71\uff08\u4e00\u53c8\u7a31\u5c0f\u6f6d\u5c71\uff0c\u5373\u73fe\u5728\u83e9\u63d0\u79aa\u9662\u6240\u5728\u5730\u9ede\uff09\uff0c\u5f8c\u4f86\u96de\u9838\u5c71\u8207\u89c0\u97f3\u5c71\u7531\u65bc\u6ce5\u6c99\u6de4\u7a4d\u800c\u9023\u7d50\u8d77\u4f86\uff0c\u8207\u5c0f\u6f6d\u5c71\u76f8\u5c0d\u800c\u6210\u70ba\u201c\u5927\u6f6d\u5c71\u201d\u3002\u6fb3\u9580\u653f\u5e9c\u548c\u6fb3\u9580\u5c45\u6c11\u5f88\u53ef\u80fd\u5c07\u201c\u5c0f\u6f6d\u201d\u8aa4\u4ee5\u70ba\u6216\u6709\u610f\u4f5c\u70ba\u5927\u6f6d\u5c71\u548c\u5c0f\u6f6d\u5c71\u5408\u4e8c\u70ba\u4e00\u4e4b\u5f8c\u7684\u540d\u7a31\uff0c\u4e26\u6309\u65b9\u8a00\u7684\u7fd2\u6163\u5c07\u201c\u5c0f\u6f6d\u201d\u5538\u4f5c\u201c\u6f6d\u4ed4\u201d\uff0c\u6b63\u5982\u5c07\u201c\u5c0f\u5200\u201d\u53eb\u4f5c\u201c\u5200\u4ed4\u201d\u4e00\u6a23\u3002\u56e0\u800c\u4ee4\u4eba\u60f3\u5230\uff0c\u73fe\u6642\u201c\u6c39\u4ed4\u201d\u4e4b\u540d\uff0c\u5f88\u53ef\u80fd\u662f\u8fd1\u4ee3\u6240\u7528\u7684\u201c\u6f6d\u4ed4\u201d\u4e4b\u540d\u8aa4\u8b80\u8aa4\u5beb\u800c\u6210\u7684\u3002\n </p>\n\n <p class="cn" style="display: none">\n \u6c39\u4ed4\u539f\u672c\u5206\u4e3a\u4e09\u4e2a\u5c0f\u5c9b\uff0c\u5206\u522b\u662f\u9e21\u9888\u5c71\u3001\u89c2\u97f3\u5c71\u548c\u83e9\u63d0\u5c71\uff08\u4e00\u53c8\u79f0\u5c0f\u6f6d\u5c71\uff0c\u5373\u73b0\u5728\u83e9\u63d0\u7985\u9662\u6240\u5728\u5730\u70b9\uff09\uff0c\u540e\u6765\u9e21\u9888\u5c71\u4e0e\u89c2\u97f3\u5c71\u7531\u4e8e\u6ce5\u6c99\u6de4\u79ef\u800c\u8fde\u7ed3\u8d77\u6765\uff0c\u4e0e\u5c0f\u6f6d\u5c71\u76f8\u5bf9\u800c\u6210\u4e3a\u201c\u5927\u6f6d\u5c71\u201d\u3002\u6fb3\u95e8\u653f\u5e9c\u548c\u6fb3\u95e8\u5c45\u6c11\u5f88\u53ef\u80fd\u5c06\u201c\u5c0f\u6f6d\u201d\u8bef\u4ee5\u4e3a\u62
116\u6709\u610f\u4f5c\u4e3a\u5927\u6f6d\u5c71\u548c\u5c0f\u6f6d\u5c71\u5408\u4e8c\u4e3a\u4e00\u4e4b\u540e\u7684\u540d\u79f0\uff0c\u5e76\u6309\u65b9\u8a00\u7684\u4e60\u60ef\u5c06\u201c\u5c0f\u6f6d\u201d\u5ff5\u4f5c\u201c\u6f6d\u4ed4\u201d\uff0c\u6b63\u5982\u5c06\u201c\u5c0f\u5200\u201d\u53eb\u4f5c\u201c\u5200\u4ed4\u201d\u4e00\u6837\u3002\u56e0\u800c\u4ee4\u4eba\u60f3\u5230\uff0c\u73b0\u65f6\u201c\u6c39\u4ed4\u201d\u4e4b\u540d\uff0c\u5f88\u53ef\u80fd\u662f\u8fd1\u4ee3\u6240\u7528\u7684\u201c\u6f6d\u4ed4\u201d\u4e4b\u540d\u8bef\u8bfb\u8bef\u5199\u800c\u6210\u7684\u3002\n </p>\n\n <p class="pt" style="display: none">\n Originalmente, a Taipa era dividida em tr\xeas ilhas: Colina Ponta de Cabrita, Colina Kun Colina Pou Tai (tamb\xe9m chamada Taipa Pequena, ou seja, onde actualmente o Mosteiro Pou Tai est\xe1 situado). Mais tarde, a Colina Ponta de Cabrita e a Colina Kun Iam transformaram, por sedimenta\xe7\xe3o de areias e lama, o Dai Tam San (Taipa Grande), em compara\xe7\xe3o com a Siu Tam San (Taipa Pequena). \xc9 prov\xe1vel que o Governo de Macau e os residentes de Macau tenham confundido ou pretendido que o nome \u201cSiu Tam\u201d fosse o nome de \u201cTai Tam San\u201d e \u201cSiu Tam San\u201d depois de terem tornado dois em um, e pronunciando \u201cSiu Tam\u201d em \u201cTam Chai\u201d de acordo com o costume dial\xe9ctico, tal como \u201csiu dou\u201d (faca pequena) \xe9 chamado \u201cdou chai\u201d. O nome \u201cTaipa\u201d \xe9 portanto suscept\xedvel de ser uma pron\xfancia errada do nome \u201cTam Chai\u201d, que foi usado em tempos recentes.\n </p> \n </div>\n </div>\n </div>\n\n\n \x3c!-- ==== check point 2: \u6c39\u4ed4\u7684\u6f14\u8b8a ==== --\x3e\n <div id="check-point-2-model" class="check-point-model" style="display: none;">\n <div id="check-point-2-backdrop" class="backdrop animate__animated"></div>\n <div id="model-content" class="model-content animate__animated">\n \x3c!-- close button--\x3e\n <button id="close-model-2" class="close-model">\n <svg fill="none" stroke="#222222" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>\n </button>\n\n \x3c!-- Lang button --\x3e\n <div class="lang-btn-container">\n <button id="check-point-2-lang-zh-tw" class="lang-btn active zh-tw">\u7e41\u9ad4</button>\n <button id="check-point-2-lang-cn" class="lang-btn cn">\u7b80\u4f53</button>\n <button id="check-point-2-lang-pt" class="lang-btn pt">Portugu\xeas</button>\n </div>\n \n \x3c!-- Title --\x3e\n <div class="title-container">\n <h3 class="title zh-tw">\u6c39\u4ed4\u7684\u6f14\u8b8a</h3>\n <h3 class="title cn" style="display: none">\u6c39\u4ed4\u7684\u6f14\u53d8</h3>\n <h3 class="title pt" style="display: none">\u6c39\u4ed4\u7684\u6f14\u8b8a</h3>\n </div>\n\n \x3c!--<div class="image-container">--\x3e\n \x3c!-- <img src="" />--\x3e\n \x3c!--</div>--\x3e\n\n <div class="content-container">\n <p class="zh-tw">\n \u7d93\u9577\u5e74\u7d2f\u6708\u7684\u6ce5\u571f\u5806\u7a4d\uff0c\u6c39\u4ed4\u5169\u5ea7\u5c0f\u5c71\u4e18\u6f38\u6f38\u9023\u6210\u4e00\u9ad4\uff0c\u4e00\u4e9b\u5c45\u6c11\u958b\u59cb\u5728\u9
1019\u7247\u571f\u5730\u91cc\u7a2e\u690d\u852c\u83dc\uff0c\u6216\u8457\u98fc\u990a\u5bb6\u755c\u3002\u5f8c\u4f86\uff0c\u6c39\u4ed4\u9084\u4e00\u5ea6\u767c\u5c55\u6210\u70ae\u7af9\u5ee0\u7684\u96c6\u4e2d\u5730\u3002\u96a8\u8457\u6fb3\u9580\u7d93\u6fdf\u7684\u7a69\u6b65\u767c\u5c55\uff0c\u6c39\u4ed4\u5cf6\u4e5f\u65e5\u6f38\u7e41\u76db\uff0c\u9664\u4e00\u4e9b\u5169\u3001\u4e09\u5c64\u9ad8\u7684\u5e73\u623f\u5efa\u7bc9\u5916\uff0c\u9084\u8208\u5efa\u4e00\u4e9b\u9ad8\u5c64\u6d0b\u623f\u3001\u5927\u5ec8\u53ca\u5225\u5885\uff0c\u74b0\u5883\u5e7d\u96c5\u3002\n </p>\n <p class="cn" style="display: none">\n \u7ecf\u957f\u5e74\u7d2f\u6708\u7684\u6ce5\u571f\u5806\u79ef\uff0c\u6c39\u4ed4\u4e24\u5ea7\u5c0f\u5c71\u4e18\u6e10\u6e10\u8fde\u6210\u4e00\u4f53\uff0c\u4e00\u4e9b\u5c45\u6c11\u5f00\u59cb\u5728\u8fd9\u7247\u571f\u5730\u91cc\u79cd\u690d\u852c\u83dc\uff0c\u6216\u7740\u9972\u517b\u5bb6\u755c\u3002\u540e\u6765\uff0c\u6c39\u4ed4\u8fd8\u4e00\u5ea6\u53d1\u5c55\u6210\u70ae\u7af9\u5382\u7684\u96c6\u4e2d\u5730\u3002\u968f\u7740\u6fb3\u95e8\u7ecf\u6d4e\u7684\u7a33\u6b65\u53d1\u5c55\uff0c\u6c39\u4ed4\u5c9b\u4e5f\u65e5\u6e10\u7e41\u76db\uff0c\u9664\u4e00\u4e9b\u4e24\u3001\u4e09\u5c42\u9ad8\u7684\u5e73\u623f\u5efa\u7b51\u5916\uff0c\u8fd8\u5174\u5efa\u4e00\u4e9b\u9ad8\u5c42\u6d0b\u623f\u3001\u5927\u53a6\u53ca\u522b\u5885\uff0c\u73af\u5883\u5e7d\u96c5\u3002\n </p>\n\n <p class="pt" style="display: none">\n Ap\xf3s anos de acumula\xe7\xe3o de solo, as duas pequenas colinas da Taipa tornaram-se gradualmente num s\xf3, e alguns moradores come\xe7aram a cultivar hort\xedcolas ou criar gado nesta terra. Com o desenvolvimento constante da economia de Macau, a Ilha da Taipa tamb\xe9m est\xe1 a tornar-se cada vez mais pr\xf3spera. Para al\xe9m de algumas casas t\xe9rreas de dois ou tr\xeas andares, tamb\xe9m constru\xedram algumas casas de estilo estrangeiro, edif\xedcios e villas, com ambiente elegante.\n </p>\n </div>\n </div>\n </div>\n\n\n \x3c!-- ==== check point 3: \u6d77\u6e2f\u6b77\u53f2 ==== --\x3e\n <div id="check-point-3-model" class="check-point-model" style="display: none;">\n <div id="check-point-3-backdrop" class="backdrop animate__animated"></div>\n <div id="model-content" class="model-content animate__animated">\n \x3c!-- close button--\x3e\n <button id="close-model-3" class="close-model">\n <svg fill="none" stroke="#222222" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>\n </button>\n\n \x3c!-- Lang button --\x3e\n <div class="lang-btn-container">\n <button id="check-point-3-lang-zh-tw" class="lang-btn active zh-tw">\u7e41\u9ad4</button>\n <button id="check-point-3-lang-cn" class="lang-btn cn">\u7b80\u4f53</button>\n <button id="check-point-3-lang-pt" class="lang-btn pt">Portugu\xeas</button>\n </div>\n\n\n \x3c!-- Title --\x3e\n <div class="title-container">\n <h3 class="title zh-tw">\u6d77\u6e2f\u6b77\u53f2</h3>\n <h3 class="title cn" style="display: none">\u6d77\u6e2f\u5386\u53f2</h3>\n <h3 class="title pt" style="display: none">\u6d77\u6e2f\u6b77\u53f2</h3>\n </div>\n\n <div class="content-container">\n <p class="zh-tw">\n \u65e9\u5728\u5341\u516b\u4e16\u7d00\u5230\u5341\u4e5d\u4e16\u7d00\u521d\u671f\uff0c\u6c39\u4ed4\u5cf6\u4e0a\u53ea\u6709\u5169\u5ea7\u5c0f\u5c71\u4e18\u548c\u4e00\u500b\u6d77\u6e2f\uff0c\u5c08\u4f9b\u5546\u8239\u505c\u6cca\u4f7f\u7528\uff0c\u5370\u5ea6\u4eba\u4fbf\u662f\u5728\u6d77\u8def\u548c\u4e2d\u570b\u5f9e\u4e8b\u8cbf\u6613\u4f86\u5f80\u3002\u8239\u96bb\u76db\u8f09\u8457\u68c9\u7d17\u53ca\u5404\u7a2e\u88fd\u6210\u54c1\uff0c\u6cbf\u8457\u73e0\u6c5f\u904b\u5f80\u5ee3\u5dde\uff0c\u56de\u7a0b\u7684\u6642\u5019\u5247\u8cfc\u8cb7\u8336\u8449\uff0c\u7d72\u548c\u74f7\u5668\u7b49\u4e2d\u570b\u7279\u7522\uff0c\u518d\u8f49\u92b7\u5230\u4e16\u754c\u5404\u5730\u3002\n </p>\n <p class="cn" style="display: none">\n \u65e9\u5728\u5341\u516b\u4e16\u7eaa\u5230\u5341\u4e5d\u4e16\u7eaa\u521d\u671f\uff0c\u6c39\u4ed4\u5c9b\u4e0a\u53ea\u6709\u4e24\u5ea7\u5c0f\u5c71\u4e18\u548c\u4e00\u4e2a\u6d77\u6e2f\uff0c\u4e13\u4f9b\u5546\u8239\u505c\u6cca\u4f7f\u7528\uff0c\u5370\u5ea6\u4eba\u4fbf\u662f\u5728\u6d77\u8def\u548c\u4e2d\u56fd\u4ece\u4e8b\u8d38\u6613\u6765\u5f80\u3002\u8239\u53ea\u76db\u8f7d\u7740\u68c9\u7eb1\u53ca\u5404\u79cd\u5236\u6210\u54c1\uff0c\u6cbf\u7740\u73e0\u6c5f\u8fd0\u5f80\u5e7f\u5dde\uff0c\u56de\u7a0b\u7684\u65f6\u5019\u5219\u8d2d\u4e70\u8336\u53f6\uff0c\u4e1d\u548c\u74f7\u5668\u7b49\u4e2d\u56fd\u7279\u4ea7\uff0c\u518d\u8f6c\u9500\u5230\u4e16\u754c\u5404\u5730\u3002\n </p>\n\n <p class="pt" style="display: none">\n J\xe1 no s\xe9culo XVIII at\xe9 in\xedcio do s\xe9culo XIX, s\xf3 existiam duas colinas e um porto mar\xedtimo na Ilha da Taipa, que era exclusivamente utilizado para atraca\xe7\xe3o de navios mercantes. Os \xedndios faziam com\xe9rcio mar\xedtimo com a China. Os navios carregados de fios de algod\xe3o e diversos produtos manufacturados eram transportados pelo Rio de P\xe9rolas at\xe9 Guangdong, onde na viagem de volta compravam especialidades chinesas, nomeadamente ch\xe1, seda e porcelana que eram revendidas em todo o mundo.\n </p>\n </div>\n </div>\n </div>\n</div>
1\n\n\n<a-scene\n story-content\n back-btn-control="page: eletricos-de-lisboa"\n loading-screen="title: eletricos-de-lisboa"\n target-image-control="images: target_story-on-brick"\n renderer="colorManagement: true;"\n xrextras-gesture-detector\n xrextras-almost-there\n xrextras-runtime-error\n xrweb="disableDefaultEnvironment: true;">\n\n \x3c!-- We can define assets here to be loaded while the load screen is displayed --\x3e\n <a-assets>\n \x3c!-- textures --\x3e\n\x3c!-- <video--\x3e\n\x3c!-- id="fish-video"--\x3e\n\x3c!-- muted--\x3e\n\x3c!-- autoplay--\x3e\n\x3c!-- playsinline--\x3e\n\x3c!-- crossorigin="anonymous"--\x3e\n\x3c!-- loop="true"--\x3e\n\x3c!-- src="/projects/taipa-macau/eletricos-de-lisboa/video/fish_yellow.mp4">--\x3e\n\x3c!-- </video>--\x3e\n<img id="check-icon-img" src="/projects/taipa-macau/ar/back-to-history/images/spot_icon_check.png">\n <img id="search-icon-img" src="/projects/taipa-macau/ar/back-to-history/images/spot_icon_search.png">\n <img id="spot-dot-img" src="/projects/taipa-macau/ar/back-to-history/images/spot_dot.png">\n <img id="spot-line-img" src="/projects/taipa-macau/ar/back-to-history/images/spot_line.png">\n <a-asset-item id="wall-glb" src="/projects/taipa-macau/ar/story-on-brick/model/wall.glb"></a-asset-item>\n </a-assets>\n\n\n \x3c!-- add capture button --\x3e\n <xrextras-capture-button capture-mode="standard"></xrextras-capture-button>\n\n <xrextras-capture-config\n max-duration-ms="15000"\n max-dimension="2048"\n enable-end-card="false"\n end-card-call-to-action="Try it at:"\n request-mic="manual"\n footer-image-url="/images/tapia-image/logo-s-margin.png"\n watermark-image-url="/images/tapia-image/logo-s-margin.png"\n watermark-max-width="100"\n watermark-max-height="15"\n watermark-location="topMiddle"\n file-name-prefix="\u60a0\u6c39\u4ed4-\u8461\u78da\u6d6e\u756b_"\n include-scene-audio\n></xrextras-capture-config>\n\n \x3c!-- add capture preview --\x3e\n <xrextras-capture-preview\n action-button-share-text="\u5132\u5b58\u6216\u5206\u4eab"\n action-button-view-text="\u67e5\u770b"\n finalize-text="\u8f49\u5b58\u4e2d..."\n></xrextras-capture-preview>\n\n \x3c!-- Camera --\x3e\n <a-camera\n id="camera"\n position="0 9 11"\n raycaster="objects: .cantap"\n cursor="\n fuse: false;\n rayOrigin: mouse;"\n >\n </a-camera>\n \n \x3c!-- Note: "name:" must be set to the name of the image target uploaded to the 8th Wall Console --\x3e\n <a-entity id="target-anchor" visible="false" story-on-brick-ar>\n <a-entity id=\'ar-content\'>\n\x3c!-- <a-entity--\x3e\n\x3c!-- scale="0.7 0.7 0.7"--\x3e\n\x3c!-- id="target-video"--\x3e\n\x3c!-- material="shader: chromakey; src: #fish-video; color: 1 1 0; side: double; depthTest: true;"--\x3e\n\x3c!-- geometry="primitive: plane; height: 1; width: 4;">--\x3e\n\x3c!-- </a-entity>--\x3e\n <a-entity\n id="wall"\n gltf-model="#wall-glb"\n scale="0.25 0.23 0.25"\n position="0 0.03 0"\n ></a-entity>\n \n \x3c!-- ======= Check Point: 1 ======== --\x3e\n <a-entity id="check-point-1" rotation="0 0 0" position="0.1 0.3 0.1" visible="false">\n \x3c!-- spot icon: search --\x3e\n <a-circle\n id="check-point-1-search"\n material="src: #search-icon-img; transparent: true; roughness: 0; metalness: 0"\n scale="0.1 0.1 0.1"\n radius="0.5"\n position="0 0 0"\n shadow="receive: false">\n </a-circle>\n\n \x3c!-- spot icon: check --\x3e\n <a-circle\n id="check-point-1-check"\n material="src: #check-icon-img; transparent: true; roughness: 0; metalness: 0"\n scale="0.1 0.1 0.1"\n position="0 0 0"\n radius="0.5"\n visible="false"\n shadow="receive: false">\n </a-circle>\n\n\n \x3c!-- Object Target 1 --\x3e\n <a-circle\n id="check-point-1-target"\n class="cantap"\n material="color:#fff; transparent: true; roughness: 0; metalness: 0; opacity: 0"\n scale="0.1 0.1 0.1"\n radius="0.5"\n position="0 0 0"\n radius="0.5"\n shadow="receive: false">\n </a-circle>\n </a-entity>\n\n \x3c!-- ======= Check Point: 2 ======== --\x3e\n <a-entity id="check-point-2" rotation="0 1 0" position="-0.1 0 0.1" visible="false">\n \x3c!-- spot icon: search --\x3e\n <a-circle\n id="check-point-2-search"\n material="src: #search-icon-img; transparent: true; roughness: 0; metalness: 0"\n scale="0.1 0.1 0.1"\n position="0 0 0"\n radius="0.5"\n shadow="receive: false">\n </a-circle>\n\n \x3c!-- spot icon: check --\x3e\n <a-circle\n id="check-point-2-check"\n material="src: #check-icon-img; transparent: true; roughness: 0; metalness: 0"\n scale="0.1 0.1 0.1"\n position="0 0 0"\n visible="false"\n radius="0.5"\n shadow="receive: false">\n </a-circle>\n\n \x3c!-- Object Target 2 --\x3e\n <a-circle\n id="check-point-2-target"\n class="cantap"\n material="color:#fff; transparent: true; roughness: 0; metalness: 0; opacity: 0"\n scale="0.1 0.1 0.1"\n position="0 0 0"\n radius="0.5"\n shadow="receive: false">\n </a-circle>\n </a-entity>\n\n \x3c!-- ======= Check Point: 3 ======== --\x3e\n <a-entity id="check-point-3" rotation="0 0 0" position="0 -0.3 0.1" visible="false">\n \x3c!-- spot icon: search --\x3e\n <a-circle\n id="check-point-3-search"\n material="src: #search-icon-img; transparent: true; roughness: 0; metalness: 0"\n scale="0.1 0.1 0.1"\n position="0 0 0"\n radius="0.5"\n shadow="receive: false">\n </a-circle>\n\n \x3c!-- spot icon: check --\x3e\n <a-circle\n id="check-point-3-check"\n material="src: #check-icon-img; transparent: true; roughness: 0; metalness: 0"\n scale="0.1 0.1 0.1"\n position="0 0 0"\n visible="false"\n radius="0.5"\n shadow="receive: false">\n </a-circle>\n\n \x3c!-- Object Target 1 --\x3e\n <a-circle\n id="check-point-3-target"\n class="cantap"\n material="color:#fff; transparent: true; roughness: 0; metalness: 0; opacity: 0"\n scale="0.1 0.1 0.1"\n position="0 0 0"\n radius="0.5"\n shadow="receive: false">\n </a-circle>\n </a-entity>\n </a-entity>\n </a-entity>\n\n</a-scene>\n\n\n',components:f})]})})},E=function(e){(0,c.Z)(t,e);var n=(0,o.Z)(t);function t(e){var i;return(0,a.Z)(this,t),(i=n.call(this,e)).state={hasError:!1},i}return(0,i.Z)(t,[{key:"render",value:function(){return this.state.hasError?(0,x.jsx)("h1",{children:"Something went wrong."}):this.props.children}}],[{key:"getDerivedStateFromError",value:function(){return{hasError:!0}}}]),t}(s.Component),L=w}}]); 2//# sourceMappingURL=484.fd0bc6b2.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.