icegl-three-vue-tres/dist/static/preview-f9639e55.js

import{Y as C,n as T,o as e,c as t,a as n,B as i,E as u,t as y,I as l,bP as O,bQ as $,U as f,C as o,D as b,V as j,bR as A,bS as M,_ as N,j as q,r as S,bT as B,s as E,bU as z,bV as F}from"./vendor-7c4537c1.js";const I={name:"basic",title:"原生功能展示",intro:"",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],child:[{name:"base",title:"基础",intro:"基础功能展示",pNode:"basic",preview:[{src:"plugins/basic/base/preview/theGroups.png",type:"img",name:"theGroups",title:"组合Group"},{src:"plugins/basic/base/preview/theConditional.png",type:"img",name:"theConditional",title:"显隐v-if"},{src:"plugins/basic/base/preview/theBasic.png",type:"img",name:"theBasic",title:"基本"},{src:"plugins/basic/base/preview/theEvents.png",type:"img",name:"theEvents",title:"事件"},{src:"plugins/basic/base/preview/shaderParticles.png",type:"img",name:"shaderParticles",title:"着色器实践"},{src:"plugins/basic/base/preview/penetrateEvent.png",type:"img",name:"penetrateEvent",title:"穿透事件"}]},{name:"materials",title:"材质",intro:"各种衍生材质展示",pNode:"basic",preview:[{src:"plugins/basic/materials/preview/glassMaterial.png",type:"img",name:"glassMaterial",title:"玻璃材质"},{src:"plugins/basic/materials/preview/wobbleMaterial.png",type:"img",name:"wobbleMaterial",title:"流体波动"}]},{name:"controls",title:"控制器",intro:"各种控制器",pNode:"basic",preview:[{src:"plugins/basic/controls/preview/cameraControls.png",type:"img",name:"cameraControls",title:"摄像头控制"},{src:"plugins/basic/controls/preview/orbitControls.png",type:"img",name:"orbitControls",title:"orbitControls"},{src:"plugins/basic/controls/preview/transformControls.png",type:"img",name:"transformControls",title:"变换控制器"},{src:"与OrbitControls类似，该控件用于从鸟瞰视角在地图上变换相机，但使用鼠标/触摸交互的特定预设，并在默认情况下禁用屏幕空间平移。",type:"text",name:"mapControls",title:"地图控制器"},{src:"第一人称视角，键盘控制视角。W、S、A、D：前后左右；空格：跳起；ESC：退出控制。",type:"text",name:"firstPersonControls",title:"第一人称键盘控制"},{src:"plugins/basic/controls/preview/scrollControls.png",type:"img",name:"scrollControls",title:"滚轮控制器"}]},{name:"htmls",title:"内嵌dom",intro:"内嵌网页元素",pNode:"basic",preview:[{src:"plugins/basic/htmls/preview/htmls.png",type:"img",name:"htmls",title:"简单dom"},{src:"plugins/basic/htmls/preview/website.png",type:"img",name:"website",title:"内嵌网页"}]},{name:"shine",title:"闪耀发光类",intro:"关于物体发光的简单例子",pNode:"basic",preview:[{src:"plugins/basic/shine/preview/spriteImage.png",type:"img",name:"spriteImage",title:"点精灵贴图"},{src:"plugins/basic/shine/preview/shader.png",type:"img",name:"shader",title:"着色器方式"}]}]},L=Object.freeze(Object.defineProperty({__proto__:null,default:I},Symbol.toStringTag,{value:"Module"})),U={name:"digitalCity",title:"数字城市",intro:"基于城市场景的可视化展示插件",version:"0.0.1",author:"地虎降天龙",state:"active",require:["cannon-es"],preview:[{src:"plugins/digitalCity/preview/buildings.png",type:"img",name:"buildings",title:"建筑物"},{src:"plugins/digitalCity/preview/radars.png",type:"img",name:"radars",title:"雷达"},{src:"plugins/digitalCity/preview/weather.png",type:"img",name:"weather",title:"天气"},{src:"plugins/digitalCity/preview/fireA.png",type:"img",name:"fireA",title:"火A效果"},{src:"plugins/digitalCity/preview/heatmap.png",type:"img",name:"heatmap",title:"热力图"},{src:"plugins/digitalCity/preview/heatmap2.png",type:"img",name:"heatmap2",title:"建筑物-热力图"}]},V=Object.freeze(Object.defineProperty({__proto__:null,default:U},Symbol.toStringTag,{value:"Module"})),J={name:"earthSample",title:"地球的简单例子",intro:"基于threeJS简单地球的例子",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],preview:[{src:"plugins/earthSample/preview/earthA.png",type:"img",name:"earthA",title:"样式A"},{src:"plugins/earthSample/preview/menuA.png",type:"img",name:"menuA",title:"菜单A"},{src:"plugins/earthSample/preview/lowpolyPlanet.png",type:"img",name:"lowpolyPlanet",title:"低像素多边形"}]},D=Object.freeze(Object.defineProperty({__proto__:null,default:J},Symbol.toStringTag,{value:"Module"})),R={name:"heatMap",title:"热流图实例",intro:"基于threeJS的热力图例子",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],preview:[{src:"plugins/heatMap/preview/simpleExample.png",type:"img",name:"simpleExample",title:"简单例子"},{src:"plugins/heatMap/preview/heatmapExample.png",type:"img",name:"heatmapExample",title:"heatmap.js例子"}]},G=Object.freeze(Object.defineProperty({__proto__:null,default:R},Symbol.toStringTag,{value:"Module"})),Q={name:"industry4",title:"工业4.0",intro:"工业4.0数字化例子",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],preview:[{src:"plugins/industry4/preview/deviceLight.png",type:"img",name:"deviceLight",title:"设备发光"}]},W=Object.freeze(Object.defineProperty({__proto__:null,default:Q},Symbol.toStringTag,{value:"Module"})),X={name:"medical",title:"医疗行业",intro:"医疗行业数字化例子",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],preview:[{src:"plugins/medical/preview/digitalBrain.png",type:"img",name:"digitalBrain",title:"数字大脑"}]},Y=Object.freeze(Object.defineProperty({__proto__:null,default:X},Symbol.toStringTag,{value:"Module"})),H={name:"shadertoyToThreejs",title:"shadertoyToThree",intro:"shadertoy转threejs案例",version:"0.0.1",author:"Jsonco",state:"active",require:[],preview:[{src:"plugins/shadertoyToThreejs/preview/细胞.png",type:"img",name:"argestCircle",title:"细胞"},{src:"plugins/shadertoyToThreejs/preview/shadertoyMaterial.png",type:"img",name:"shadertoyMaterial",title:"shadertoyMaterial"}]},K=Object.freeze(Object.defineProperty({__proto__:null,default:H},Symbol.toStringTag,{value:"Module"})),Z={name:"vantaJS",title:"vantaJS",intro:"基于threeJS的炫酷背景墙",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],preview:[{src:"plugins/vantaJS/preview/loadingA.png",type:"img",name:"loadingA",title:"载入中A"}]},ee=Object.freeze(Object.defineProperty({__proto__:null,default:Z},Symbol.toStringTag,{value:"Module"})),te={name:"water",title:"水相关",intro:"河流、水域、海洋等场景",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],preview:[{src:"plugins/water/preview/tilingCaustics.png",type:"img",name:"tilingCaustics",title:"波纹A"}]},ie=Object.freeze(Object.defineProperty({__proto__:null,default:te},Symbol.toStringTag,{value:"Module"})),ae=g=>{const a=/\/([^/]+)(?=\/[^/]*$)/,r=g.match(a);return r&&r[1]?r[1]:null},se=()=>{const g=Object.assign({"/src/plugins/basic/config.js":L,"/src/plugins/digitalCity/config.js":V,"/src/plugins/earthSample/config.js":D,"/src/plugins/heatMap/config.js":G,"/src/plugins/industry4/config.js":W,"/src/plugins/medical/config.js":Y,"/src/plugins/shadertoyToThreejs/config.js":K,"/src/plugins/vantaJS/config.js":ee,"/src/plugins/water/config.js":ie}),a={};for(const r of Object.keys(g)){const v=ae(r);v&&(a[v]=g[r].default)}return a},ne={class:"flex flex-wrap flex-justify-start content-start mt-6 pl-6"},re={key:0,controls:"",class:"w-full max-h-70"},le=["src"],oe=["src"],ce={key:2,class:"w-full h-48 text-3 text-left mb-2",style:{"background-color":"rgb(55 56 61)",overflow:"hidden","border-radius":"10px"}},pe={class:"p-2",style:{color:"white"}},ue=["onClick"],P=C({__name:"cardList",props:{onePlugin:{}},setup(g){const a=g;let r="/icegl-three-vue-tres/";const v=T(),w=(c,d)=>{let s="/plugins/".concat(c.name,"/").concat(d);c.pNode&&(s="/plugins/".concat(c.pNode,"/").concat(c.name,"/").concat(d));let h=v.resolve({path:s});window.open(h.href,"_blank")};return(c,d)=>(e(),t(o,null,[n(l(O),{titlePlacement:"left"},{default:i(()=>[u(y(a.onePlugin.title+" - "+a.onePlugin.name),1)]),_:1}),n(l($),{class:"ml-13",tag:"i",size:"small"},{default:i(()=>[u(y(a.onePlugin.intro),1)]),_:1}),f("div",ne,[(e(!0),t(o,null,b(c.onePlugin.preview,(s,h)=>(e(),t("div",{class:"w-80 mr-10 mb-10 overflow-hidden",key:h},[n(l(A),{header:s.title,shadow:"hover"},{default:i(()=>[s.type==="video"?(e(),t("video",re,[f("source",{src:l(r)+s.src,type:"video/mp4",autoplay:"true",loop:"true"},null,8,le)])):s.type==="img"?(e(),t("img",{key:1,class:"w-full max-h-70",src:l(r)+s.src},null,8,oe)):s.type==="text"?(e(),t("div",ce,[f("div",pe,y(s.src),1)])):j("",!0),f("div",{class:"cursor-pointer",onClick:p=>w(a.onePlugin,s.name)},"点击查看详情",8,ue)]),_:2},1032,["header"])]))),128))])],64))}});const ge=M('<div class="article-text" data-v-513cf3f8><p data-v-513cf3f8><img style="width:200px;" src="https://icegl-1314935952.cos.ap-beijing.myqcloud.com/uploads/20221122/9ed6756107c4e0c031ae26d54cb46c0d.png" data-v-513cf3f8></p><p data-v-513cf3f8> 欢迎来到 <strong data-v-513cf3f8><span style="color:#337FE5;" data-v-513cf3f8>ICE</span></strong> 「<em data-v-513cf3f8>Image、Community、Education</em>」图形学社区，围绕 webgl 的交流学习社区，这里是国内最全的 Web 图形学知识库，同时也是一个致力于打造全新图形学生态体系的社区。 </p><p data-v-513cf3f8> 我们的使命是通过开源协作和知识分享，促进图形学技术的不断进步。我们相信图形学是一个无限创新的领域，可以应用于游戏开发、虚拟现实、增强现实、计算机辅助设计等多个领域。 </p><h3 class="text-center" style="color:#337FE5;" data-v-513cf3f8><strong data-v-513cf3f8>🤔 问题反馈</strong></h3><p data-v-513cf3f8> 在使用中有任何问题，请使用以下联系方式联系我们 <a href="https://www.icegl.cn/ask" data-v-513cf3f8>图形学社区icegl.cn</a></p><p data-v-513cf3f8><img src="https://icegl-1314935952.cos.ap-beijing.myqcloud.com/uploads/20230421/QQ20230421-121209.png" width="680" data-v-513cf3f8></p><h3 class="text-center" style="color:#337FE5;" data-v-513cf3f8><strong data-v-513cf3f8>🧑‍💻 联系我们</strong></h3><p data-v-513cf3f8> 欢迎大家也加入微信群，已有几个群已满，一起学习讨论webgl。加微信我拉进群 </p><p data-v-513cf3f8><img src="https://icegl-1314935952.cos.ap-beijing.myqcloud.com/uploads/20230731/17d59bab46815cce1f4f1e09dcbb6ccc.png" width="300" data-v-513cf3f8></p></div>',1),me=C({__name:"aboutUs",setup(g){return(a,r)=>(e(),t(o,null,[n(l(O),{titlePlacement:"left"},{default:i(()=>[u("关于我们 - ICEGL")]),_:1}),ge],64))}});const de=N(me,[["__scopeId","data-v-513cf3f8"]]),_e={class:"flex h-full"},fe={class:"w-50",style:{"background-color":"#0f1222"}},ve={class:"flex-1 overflow-scroll",style:{height:"calc(100vh - 54px)"}},he=C({__name:"preview",setup(g){const a=q([]);let r=se();const v=w=>{var c;(c=a.value[w.value])==null||c.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})};return(w,c)=>{const d=S("f-menu-item"),s=S("f-sub-menu"),h=S("f-menu");return e(),t("div",_e,[f("div",fe,[n(h,{mode:"vertical",defaultExpandAll:!0,inverted:!0,onSelect:v},{default:i(()=>[n(s,{value:"1"},{icon:i(()=>[n(l(B))]),label:i(()=>[u("基础功能展示")]),default:i(()=>[(e(!0),t(o,null,b(l(r),(p,m)=>(e(),t(o,null,[m==="basic"?(e(!0),t(o,{key:0},b(p.child,(_,x)=>(e(),E(d,{value:_.name},{label:i(()=>[u(y(_.title),1)]),_:2},1032,["value"]))),256)):j("",!0)],64))),256))]),_:1}),n(s,{value:"2"},{icon:i(()=>[n(l(z))]),label:i(()=>[u("插件中心")]),default:i(()=>[(e(!0),t(o,null,b(l(r),(p,m)=>(e(),t(o,null,[m!=="basic"?(e(),E(d,{key:0,value:m},{label:i(()=>[u(y(p.title),1)]),_:2},1032,["value"])):j("",!0)],64))),256))]),_:1}),n(s,{value:"8"},{icon:i(()=>[n(l(F))]),label:i(()=>[u("aboutUs")]),default:i(()=>[n(d,{value:"abus"},{label:i(()=>[u("关于我们")]),_:1})]),_:1})]),_:1})]),f("div",ve,[(e(!0),t(o,null,b(l(r),(p,m)=>(e(),t(o,{key:m},[m!=="basic"?(e(),t("div",{key:0,style:{"background-color":"#f1f1f2"},ref_for:!0,ref:_=>a.value[m]=_},[n(P,{onePlugin:p},null,8,["onePlugin"])],512)):(e(!0),t(o,{key:1},b(p.child,(_,x)=>(e(),t("div",{style:{"background-color":"#f1f1f2"},key:x,ref_for:!0,ref:k=>a.value[_.name]=k},[n(P,{onePlugin:_},null,8,["onePlugin"])]))),128))],64))),128)),f("div",{style:{"background-color":"#f1f1f2"},ref:p=>a.value.abus=p},[n(de)],512)])])}}});export{he as default};