1 line
28 KiB
JavaScript
1 line
28 KiB
JavaScript
"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var i;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(i="Object"===(i=Object.prototype.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:i)||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(e,t):void 0}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,s=new Array(t);i<t;i++)s[i]=e[i];return s}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var i=0;i<t.length;i++){var s=t[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,_toPropertyKey(s.key),s)}}function _createClass(e,t,i){return t&&_defineProperties(e.prototype,t),i&&_defineProperties(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:String(e)}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}function setHeader(){0<$(document).scrollTop()&&$(".header").addClass("header_active"),$(window).scroll(function(){$(document).scrollTop()<=60?$(".header").removeClass("header_active"):$(".header").addClass("header_active")})}function ifwidth(){768<=$(window).innerWidth()&&($(".index_townlist").addClass("swiper-no-swiping"),$(".purpose_swiper").addClass("swiper-no-swiping"),$(".incase_swiper").addClass("swiper-no-swiping"))}$(function(){function e(e,t){var i=null;return function(){null!==i&&clearTimeout(i),i=setTimeout(e,t)}}var t;function i(){1259<$(window).innerWidth()&&($("html").removeClass("hideScroll"),$(".defaSearch span").removeClass("closeSearchbox"),$(".defanav ul li p, .defanav, .defaSearchbox,.defaLanguage p").removeAttr("style"))}function s(){$(window).scrollTop()>$(".header").height()?$(".defaheader").addClass("defaheaderbg"):$(".defaheader").removeClass("defaheaderbg")}e(i,200),$(window).resize(e(i,100)),e(s,200),$(window).scroll(e(s,100)),"undefined"!=typeof WOW&&new WOW({boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0}).init(),$(".videoBtn").on("click",function(){var e=$(this).attr("rel");0==e.indexOf("http")?$(".videoPlayer").html('<iframe frameborder="0" src="'+e+'" allowFullScreen="true"></iframe>'):$(".videoPlayer").html('<video src="'+e+'" controls preload="" muted="" x-webkit-airplay="true" airplay="allow" webkit-playsinline="true" playsinline="true" x5-video-player-fullscreen="true" x5-video-player-type="h5" x5-video-orientation="portraint"></video>'),$(".PopupVideoBox").fadeIn(200)}),$(".closeVideo").on("click",function(){$(".PopupVideoBox").fadeOut(200),$(".videoPlayer").html("")}),"undefined"!=typeof Swiper&&(new Swiper(".defaBanner",{paginationClickable:!0,loop:!0,autoplay:4500,autoplayDisableOnInteraction:!1,nextButton:".defaBannerNext",prevButton:".defaBannerPrev",pagination:".defaBannerdot",onInit:function(e){},onTransitionEnd:function(e){}}),new Swiper(".defaSecondLevelColumn",{paginationClickable:!0,slidesPerView:"auto",spaceBetween:0,autoplayDisableOnInteraction:!1})),$(".defaheader").hover(function(){$(this).addClass("defaheaderbg")},function(){$(window).scrollTop()<$(".defaheader").height()&&$(this).removeClass("defaheaderbg")}),$(".defanav ul li i").on("click",function(){$(this).next().is(":hidden")?($(this).parent().siblings().find("p").slideUp(200),$(this).parent().siblings().removeClass("cur"),$(this).next().slideDown(200),$(this).parent().addClass("cur")):($(this).next().slideUp(200),$(this).parent().removeClass("cur"))}),$(".defanavbtn").on("click",function(){$(".defanav").is(":hidden")?($(this).addClass("defacloseNavbtn"),$(".defanav").slideDown(200),$("html").addClass("hideScroll"),$(".defaSearchbox").hide(),$(".defaSearch span").removeClass("closeSearchbox"),$(".defaLanguage p").hide()):($(this).removeClass("defacloseNavbtn"),$(".defanav").slideUp(200),$("html").removeClass("hideScroll"))}),$(".defaSearch span").on("click",function(){window.innerWidth<1260&&($(this).next().is(":hidden")?($(this).addClass("closeSearchbox"),$(this).next().slideDown(200),$(".defanav").hide(),$(".defanavbtn").removeClass("defacloseNavbtn"),$(".defaLanguage p").hide()):($(this).removeClass("closeSearchbox"),$(this).next().slideUp(200)))}),$(".defaLanguage span").on("click",function(){window.innerWidth<1260&&($(this).next().is(":hidden")?($(this).addClass("closeSearchbox"),$(this).next().slideDown(200),$(".defanav").hide(),$(".defanavbtn").removeClass("defacloseNavbtn"),$(".defaSearchbox").hide(),$(".defaSearch span").removeClass("closeSearchbox")):($(this).removeClass("closeSearchbox"),$(this).next().slideUp(200)))}),0<$("#grid").length&&((t=function(){new AnimOnScroll(document.getElementById("grid"),{minDuration:.4,maxDuration:.7,viewportFactor:.2})})(),$(".WaterfallFlowMore").on("click",function(){$(".WaterfallFlow ul").append(' <li><a href="javascript:;"><img src="dist/images/defaImg01.jpg"><div class="FlowContent"><p class="time">2020.10.13</p><h3>1从路人甲到C位咖，完美就要这么“妆”！</h3><p class="desc">作为社会人，每个人都要与他人往来和接触，总有见一面的时候，总会产生或好或坏的第一印象，就第一印象而言，谁都只有一次机会...</p></div></a></li><li><a href="javascript:;"><img src="dist/images/defaImg02.jpg"><div class="FlowContent"><p class="time">2020.10.13</p><h3>2从路人甲到C位咖，完美就要这么“妆”！</h3><p class="desc">作为社会人，每个人都要与他人往来和接触，总有见一面的时候，总会产生或好或坏的第一印象，就第一印象而言，谁都只有一次机会...</p></div></a></li>'),t()}))}),$(function(){var t,e,i,s,a,n;"undefined"!=typeof Swiper&&(e=new Swiper(".index_swiper",{speed:600,autoplay:6e3,autoplayDisableOnInteraction:!(t=function(e){var t=$(".index_swiper .swiper-slide-active video").get(0);0<$(".index_swiper .swiper-slide-active").find("video").length&&(t.play(),e.stopAutoplay(),t.addEventListener("ended",function(){e.startAutoplay()}))}),paginationClickable:!0,pagination:".insw_pagination",noSwiping:!0,loop:!0,prevButton:".index_prev",nextButton:".index_next",autoHeight:!0,onInit:function(e){t(e)},onSlideChangeEnd:function(e){t(e)}}),$(".swiper_off i").click(function(){$(this).hasClass("cur")?($(this).removeClass("cur"),e.startAutoplay(),$(this).addClass("icon_stop").removeClass("icon_bofang2")):($(this).addClass("cur"),e.stopAutoplay(),$(this).addClass("icon_bofang2").removeClass("icon_stop"))}),new Swiper(".inproduct_swiper",{speed:600,scrollbarDraggable:!0,paginationType:"progress",slidesPerView:2,slidesPerColumn:2,paginationClickable:!0,scrollbar:".inproduct_scrollbar",scrollbarHide:!1,spaceBetween:60,breakpoints:{1600:{spaceBetween:30},992:{spaceBetween:20},580:{spaceBetween:10,slidesPerView:1}}}),i=new Swiper(".purpose_swiper",{speed:600,onSlideChangeStart:function(e){$(".purpose_tab .item").eq(e.activeIndex).addClass("active").siblings().removeClass("active"),$(".home3TabItem").eq(e.activeIndex).show().addClass("active").siblings().hide().removeClass("active")}}),$(".home3TabItem").eq(0).show(),$(".purpose_tab .item").click(function(){var e=$(this).index();$(this).addClass("active").siblings().removeClass("active"),$(".home3TabItem").eq(e).show().addClass("active").siblings().hide().removeClass("active"),i.slideTo(e,1e3,!1)}),$(".purpose_prev").click(function(){i.slidePrev()}),$(".purpose_next").click(function(){i.slideNext()}),s=new Swiper(".incase_swiper1",{speed:600,onSlideChangeStart:function(e){$(".incase_tablist .item").eq(e.activeIndex).addClass("active").siblings().removeClass("active")}}),a=new Swiper(".incase_swiper2",{speed:600,observer:!0,observeParents:!0,onSlideChangeStart:function(e){$(".incase_tablist .item").eq(e.activeIndex).addClass("active").siblings().removeClass("active")}}),$(".incase_tablist .item").hover(function(){var e=$(this).index();$(this).addClass("active").siblings().removeClass("active"),1<$(".incase_swiper").length&&(s.slideTo(e,1e3,!1),a.slideTo(e,1e3,!1))})),$(".hsearch_btn").click(function(){$(this).hasClass("active")?($(this).removeClass("active"),$("#search-form").css({"max-height":"0"})):($(this).addClass("active"),$("#search-form").css({"max-height":"60px"}))}),$(window).scroll(function(){600<$(window).scrollTop()?($("#ScrollTop").addClass("active"),$(".cebian").stop().addClass("active")):($("#ScrollTop").removeClass("active"),$(".cebian").stop().removeClass("active"));var t=$(window).scrollTop()+300;$(".Solution_XQ .box").each(function(){var e=$(this).index();$(this).offset().top<=t&&$(".AnchorLocation .con .li").eq(e).addClass("active").siblings().removeClass("active")})}),$(".navmenu_div").click(function(){$(this).hasClass("closeNavbtn")?($(".head_navlist").stop().slideUp(),$(this).removeClass("closeNavbtn"),$("body").css({"overflow-y":"auto"})):($(".head_navlist").stop().slideDown(),$(this).addClass("closeNavbtn"),$(".header").addClass("header_active"),$("body").css({overflow:"hidden"}))}),$(".head_navlist ul li>span").click(function(){$(this).parent("li").siblings().find(".sub_zinav").stop().slideUp(),$(this).parent("li").siblings().find("span").removeClass("cur"),$(this).siblings(".sub_zinav ").find(".sub_zinav3").stop().slideUp(),$(this).siblings(".sub_zinav ").find("i").removeClass("active"),$(this).hasClass("cur")?($(this).siblings(".sub_zinav").stop().slideUp(),$(this).removeClass("cur")):($(this).siblings(".sub_zinav").stop().slideDown(),$(this).addClass("cur"))}),992<=$(window).innerWidth()?($(".head_navlist li").on("mouseleave",function(){var e=$(this);n=setTimeout(function(){e.find(".sub_zinav").hide()},800)}),$(".sub_zinav2").on("mouseleave",function(){$(this).find("i").removeClass("active");var e=$(this);n=setTimeout(function(){e.find(".sub_zinav3").hide()},800)}),$(".sub_zinav2").on("mouseenter",function(){$(this).find("i").addClass("active"),$(this).find(".sub_zinav3").stop().slideDown(),$(".ProductNav").stop().hide(),clearTimeout(n)}),$(".head_navlist li a").on("mouseenter",function(){$(this).siblings(".sub_zinav").stop().slideDown(),$(this).parent("li").siblings().find(".sub_zinav").hide(),clearTimeout(n),(0<$(this).siblings(".ProductNav").length?$(this).siblings(".Lhide"):$(this).parent("li").siblings().find(".ProductNav")).hide()}),$(".head_navlist li a").on("mouseleave",function(){clearTimeout(n)})):$(".sub_zinav2 .Link2").click(function(){$(this).siblings("i").toggleClass("active"),$(this).siblings(".sub_zinav3").stop().slideToggle(),$(this).parent().siblings().find("i").removeClass("active").siblings(".sub_zinav3").stop().slideUp()}),$(".footer_nav .iconfontdown").click(function(){($(this).hasClass("active")?($(this).parent("dl").find("dd").stop().slideUp(),$(this)):($(this).parent("dl").find("dd").stop().slideDown(),$(this).addClass("active"),$(this).parent("dl").siblings().find(".footerNav3").stop().slideUp(),$(this).parent("dl").siblings().find("dd").stop().slideUp(),$(this).parent("dl").siblings().find("i"))).removeClass("active")}),$(window).innerWidth()<=992&&$(".footerNav2").click(function(){($(this).find("i").hasClass("active")?($(this).find("i").removeClass("active"),$(this)):($(this).find("i").addClass("active"),$(this).find(".footerNav3").stop().slideDown(),$(this).siblings().find("i").removeClass("active"),$(this).siblings())).find(".footerNav3").stop().slideUp()}),$(".submenu_box .submenu_curtitle").click(function(){$(this).hasClass("cur")?($(this).removeClass("cur"),$(".submenu_box_list").stop().slideUp()):($(this).addClass("cur"),$(".submenu_box_list").stop().slideDown())}),$(".innew_tab .item").click(function(){var e=$(this).index();$(this).addClass("active").siblings().removeClass("active"),$(".innew_list .innew_item").eq(e).css("display","flex").siblings().css("display","none")}),setHeader(),ifwidth()}),$(function(){$(".publicLeft .li h5").click(function(){$(this).parent(".li").hasClass("active2")?($(this).parent(".li").removeClass("active2"),$(this).removeClass("active"),$(this).siblings(".li2,.Downul2").stop().slideUp().children("h5").removeClass("active")):$(this).parent(".li").hasClass("active")?($(this).parent(".li").removeClass("active"),$(this).removeClass("active"),$(this).siblings(".li2,.Downul2").stop().slideUp().children("h5").removeClass("active")):($(this).parent(".li").addClass("active"),$(this).addClass("active"),$(this).siblings(".li2,.Downul2").stop().slideDown())}),$(".publicLeft .li .ul2 .li3 .t").click(function(){$(this).toggleClass("active"),$(this).parents(".ul2").siblings().find(".t").removeClass("active"),$(this).parents(".ul2").siblings().find(".ul3").stop().slideUp(),$(this).siblings(".ul3").stop().slideToggle()}),$(".ProTabBar .tabTerm").click(function(){$(this).addClass("active"),$(this).siblings().removeClass("active");var e=$(".ProTabBar .tabTerm").index(this),e=($(".ProTabCont .tabItem").eq(e).addClass("active").siblings().removeClass("active"),$(".ProTabCont .tabItem").eq(e).height()+70);$(".ProductNav").height(e)});var e,t=$(window).innerWidth(),i=(992<t&&($(".header .ProductNavOff a").on("mouseenter",function(){$(".ProductNav").stop().slideDown(),$("body").addClass("active"),clearTimeout(e)}),$(".ProductNav").on("mouseenter",function(){clearTimeout(e)}),$(".header .ProductNavOff a").on("mouseleave",function(){clearTimeout(e)}),$(".header .ProductNavOff").on("mouseleave",function(){e=setTimeout(function(){$(".ProductNav").hide()},800),$("body").removeClass("active")}),$(".header .ProductNav i").on("mouseenter",function(){e=setTimeout(function(){$(".ProductNav").stop().hide()},800),$("body").removeClass("active")})),document.getElementById("Video1")),s=($(".TopicPageCon2 .off").on("click",function(){i.paused?(setTimeout(function(){i.play()},10),$(this).children("img").hide()):(setTimeout(function(){i.pause()},10),$(this).children("img").show())}),document.getElementById("Video2")),a=($(".big_video .off").on("click",function(){s.paused?(setTimeout(function(){s.play()},10),$(this).children("img").hide(),$(this).siblings(".text").hide()):(setTimeout(function(){s.pause()},10),$(this).children("img").show(),$(this).siblings(".text").show())}),"undefined"!=typeof BeerSlider&&$(".slider").each(function(){new BeerSlider(this)}),new Swiper(".SolutionXQ_swiper",{speed:600,slidesPerView:3,spaceBetween:20,scrollbar:".SolutionXQ_scrollbar",breakpoints:{992:{spaceBetween:10},765:{spaceBetween:10,slidesPerView:2},465:{spaceBetween:10,slidesPerView:1}}}),$(".AnchorLocation .li").click(function(){$(this).addClass("active").siblings().removeClass("active");var e=$(this).index();$("html,body").animate({scrollTop:$(".Solution_XQ .box").eq(e).offset().top-50},500)}),new Swiper(".classicCase_XQswiper1",{speed:600,slidesPerView:1,onSlideChangeEnd:function(e){var t=a.activeIndex;$(".classicCase_XQswiper2 .swiper-slide").eq(t).addClass("active").siblings().removeClass("active")}}));new Swiper(".classicCase_XQswiper2",{speed:600,slidesPerView:6,spaceBetween:12,breakpoints:{992:{slidesPerView:5,spaceBetween:8},765:{spaceBetween:5,slidesPerView:4},465:{spaceBetween:5,slidesPerView:3}}}),$(".classicCase_XQswiper2 .swiper-slide").on("click",function(){var e=$(this).index();a.slideTo(e,1e3,!1),$(this).addClass("active").siblings().removeClass("active")}),$(".ServiceTabCont .tabItem").eq(0).show(),$(".ServiceTabBar .tabTerm").click(function(){$(this).addClass("active"),$(this).siblings().removeClass("active");var e=$(".ServiceTabBar .tabTerm").index(this);$(".ServiceTabCont .tabItem").eq(e).addClass("active").siblings().removeClass("active")}),new Swiper(".News_swiper",{effect:"fade",speed:600,autoplay:4e3,pagination:".News_pagination",paginationClickable:!0,breakpoints:{765:{autoHeight:!0}}}),new Swiper(".aboutUsCon6_swiper",{slidesPerView:5,speed:500,prevButton:".aboutCon6_prev",nextButton:".aboutCon6_next",breakpoints:{992:{slidesPerView:4},765:{slidesPerView:3},465:{slidesPerView:2}},onSlideChangeStart:function(e){$(".aboutUsCon6_swiper .swiper-slide").eq(e.activeIndex).addClass("active").siblings().removeClass("active"),$(".aboutUs .con6 .box .li").eq(e.realIndex).addClass("active").siblings().removeClass("active")}});$(".aboutUs .con6 .aboutUsCon6_swiper .swiper-slide").on("click",function(){var e=$(this).index();$(this).addClass("active").siblings().removeClass("active"),$(".aboutUs .con6 .box .li").eq(e).addClass("active").siblings().removeClass("active"),console.log(e)}),new Swiper(".aboutUsCon7_swiper",{slidesPerView:4,spaceBetween:20,autoplay:4e3,scrollbar:".aboutUsCon7_scrollbar",breakpoints:{992:{slidesPerView:3},765:{slidesPerView:2}}}),$(".Case_bigTabBar .tabTerm").click(function(){$(this).addClass("active"),$(this).siblings().removeClass("active");var e=$(".Case_bigTabBar .tabTerm").index(this);$(".Case_bigTabCont .tabItem").eq(e).addClass("active").siblings().removeClass("active")}),$(".Z6TopicPage6TabBar .tabTerm").click(function(){$(this).addClass("active"),$(this).siblings().removeClass("active");var e=$(".Z6TopicPage6TabBar .tabTerm").index(this);$(".Z6TopicPage6TabCont .tabItem").eq(e).addClass("active").siblings().removeClass("active")}),$(".Case_CCETabBar .tabTerm").click(function(){$(this).addClass("active"),$(this).siblings().removeClass("active");var e=$(".Case_CCETabBar .tabTerm").index(this);$(".Case_CCETabCont .tabItem").eq(e).addClass("active").siblings().removeClass("active")}),new Swiper(".PastHighlights_swiper",{slidesPerView:3,spaceBetween:30,prevButton:".PastHighlights_prev",nextButton:".PastHighlights_next",breakpoints:{992:{spaceBetween:10},765:{slidesPerView:2},465:{slidesPerView:1}}}),$(".home4TabBar .tabTerm").click(function(){$(this).addClass("active"),$(this).siblings().removeClass("active");var e=$(".home4TabBar .tabTerm").index(this);$(".home4TabCont .tabItem").eq(e).addClass("active").siblings().removeClass("active")}),$(".publicLeft i").on("click",function(){$(this).hasClass("active")?($(this).removeClass("active"),$(this).siblings(".li:not(:nth-child(2))").slideUp()):($(this).addClass("active"),$(this).siblings(".li").slideDown())})}),$(function(){$(".TopicPageCon8").click(function(){console.log("1"),$(".tipsbox").hide()}),0<$(".waves").length&&new(function(){function l(e){var t=this,i=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},s=(_classCallCheck(this,l),i=Object.assign({antialias:!1,depthTest:!1,mousemove:!1,autosize:!0,side:"front",vertex:"\n\t\t\t\t\tprecision highp float;\n\t\t\t\n\t\t\t\t\tattribute vec4 a_position;\n\t\t\t\t\tattribute vec4 a_color;\n\t\t\t\n\t\t\t\t\tuniform float u_time;\n\t\t\t\t\tuniform vec2 u_resolution;\n\t\t\t\t\tuniform vec2 u_mousemove;\n\t\t\t\t\tuniform mat4 u_projection;\n\t\t\t\n\t\t\t\t\tvarying vec4 v_color;\n\t\t\t\n\t\t\t\t\tvoid main() {\n\t\t\t\n\t\t\t\t\tgl_Position = u_projection * a_position;\n\t\t\t\t\tgl_PointSize = (10.0 / gl_Position.w) * 100.0;\n\t\t\t\n\t\t\t\t\tv_color = a_color;\n\t\t\t\n\t\t\t\t\t}",fragment:"\n\t\t\t\t\tprecision highp float;\n\t\t\t\n\t\t\t\t\tuniform sampler2D u_texture;\n\t\t\t\t\tuniform int u_hasTexture;\n\t\t\t\n\t\t\t\t\tvarying vec4 v_color;\n\t\t\t\n\t\t\t\t\tvoid main() {\n\t\t\t\n\t\t\t\t\tif ( u_hasTexture == 1 ) {\n\t\t\t\n\t\t\t\t\t\tgl_FragColor = v_color * texture2D(u_texture, gl_PointCoord);\n\t\t\t\n\t\t\t\t\t} else {\n\t\t\t\n\t\t\t\t\t\tgl_FragColor = v_color;\n\t\t\t\n\t\t\t\t\t}\n\t\t\t\n\t\t\t\t\t}",uniforms:{},buffers:{},camera:{},texture:null,onUpdate:function(){},onResize:function(){}},i),Object.assign({time:{type:"float",value:0},hasTexture:{type:"int",value:0},resolution:{type:"vec2",value:[0,0]},mousemove:{type:"vec2",value:[0,0]},projection:{type:"mat4",value:[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]}},i.uniforms)),a=Object.assign({position:{size:3,data:[]},color:{size:4,data:[]}},i.buffers),n=Object.assign({fov:60,near:1,far:1e4,aspect:1,z:100,perspective:!0},i.camera),o=document.createElement("canvas"),r=o.getContext("webgl",{antialias:i.antialias});if(!r)return!1;this.count=0,this.gl=r,this.canvas=o,this.camera=n,this.holder=e,this.onUpdate=i.onUpdate,this.onResize=i.onResize,this.data={},e.appendChild(o),this.createProgram(i.vertex,i.fragment),this.createBuffers(a),this.createUniforms(s),this.updateBuffers(),this.updateUniforms(),this.createTexture(i.texture),r.enable(r.BLEND),r.enable(r.CULL_FACE),r.blendFunc(r.SRC_ALPHA,r.ONE),r[i.depthTest?"enable":"disable"](r.DEPTH_TEST),i.autosize&&window.addEventListener("resize",function(e){return t.resize(e)},!1),i.mousemove&&window.addEventListener("mousemove",function(e){return t.mousemove(e)},!1),this.resize(),this.update=this.update.bind(this),this.time={start:performance.now(),old:performance.now()},this.update()}return _createClass(l,[{key:"mousemove",value:function(e){var t=e.pageX/this.width*2-1,e=e.pageY/this.height*2-1;this.uniforms.mousemove=[t,e]}},{key:"resize",value:function(e){var t=this.holder,i=this.canvas,s=this.gl,a=this.width=t.offsetWidth,t=this.height=t.offsetHeight,n=this.aspect=a/t,o=this.dpi=devicePixelRatio;i.width=a*o,i.height=t*o,i.style.width=a+"px",i.style.height=t+"px",s.viewport(0,0,a*o,t*o),s.clearColor(0,0,0,0),this.uniforms.resolution=[a,t],this.uniforms.projection=this.setProjection(n),this.onResize(a,t,o)}},{key:"setProjection",value:function(e){var t,i=this.camera;return i.perspective?(i.aspect=e,e=i.fov*(Math.PI/180),e=Math.tan(.5*Math.PI-.5*e),t=1/(i.near-i.far),(e=[e/i.aspect,0,0,0,0,e,0,0,0,0,(i.near+i.far)*t,-1,0,0,i.near*i.far*t*2,0])[14]+=i.z,e[15]+=i.z,e):[2/this.width,0,0,0,0,-2/this.height,0,0,0,0,1,0,-1,1,0,1]}},{key:"createShader",value:function(e,t){var i=this.gl,e=i.createShader(e);if(i.shaderSource(e,t),i.compileShader(e),i.getShaderParameter(e,i.COMPILE_STATUS))return e;console.log(i.getShaderInfoLog(e)),i.deleteShader(e)}},{key:"createProgram",value:function(e,t){var i=this.gl,e=this.createShader(i.VERTEX_SHADER,e),t=this.createShader(i.FRAGMENT_SHADER,t),s=i.createProgram();i.attachShader(s,e),i.attachShader(s,t),i.linkProgram(s),i.getProgramParameter(s,i.LINK_STATUS)?(i.useProgram(s),this.program=s):(console.log(i.getProgramInfoLog(s)),i.deleteProgram(s))}},{key:"createUniforms",value:function(e){var i=this,s=this.gl,a=this.data.uniforms=e,n=this.uniforms={};Object.keys(a).forEach(function(t){a[t].location=s.getUniformLocation(i.program,"u_"+t),Object.defineProperty(n,t,{set:function(e){a[t].value=e,i.setUniform(t,e)},get:function(){return a[t].value}})})}},{key:"setUniform",value:function(e,t){var i=this.gl,s=this.data.uniforms[e];switch(s.value=t,s.type){case"int":i.uniform1i(s.location,t);break;case"float":i.uniform1f(s.location,t);break;case"vec2":i.uniform2f.apply(i,[s.location].concat(_toConsumableArray(t)));break;case"vec3":i.uniform3f.apply(i,[s.location].concat(_toConsumableArray(t)));break;case"vec4":i.uniform4f.apply(i,[s.location].concat(_toConsumableArray(t)));break;case"mat2":i.uniformMatrix2fv(s.location,!1,t);break;case"mat3":i.uniformMatrix3fv(s.location,!1,t);break;case"mat4":i.uniformMatrix4fv(s.location,!1,t)}}},{key:"updateUniforms",value:function(){var i=this,s=(this.gl,this.data.uniforms);Object.keys(s).forEach(function(e){var t=s[e];i.uniforms[e]=t.value})}},{key:"createBuffers",value:function(e){var i=this,s=(this.gl,this.data.buffers=e),a=this.buffers={};Object.keys(s).forEach(function(t){var e=s[t];e.buffer=i.createBuffer("a_"+t,e.size),Object.defineProperty(a,t,{set:function(e){s[t].data=e,i.setBuffer(t,e),"position"==t&&(i.count=s.position.data.length/3)},get:function(){return s[t].data}})})}},{key:"createBuffer",value:function(e,t){var i=this.gl,s=this.program,s=i.getAttribLocation(s,e),e=i.createBuffer();return i.bindBuffer(i.ARRAY_BUFFER,e),i.enableVertexAttribArray(s),i.vertexAttribPointer(s,t,i.FLOAT,!1,0,0),e}},{key:"setBuffer",value:function(e,t){var i=this.gl,s=this.data.buffers;null==e&&!i.bindBuffer(i.ARRAY_BUFFER,null)||(i.bindBuffer(i.ARRAY_BUFFER,s[e].buffer),i.bufferData(i.ARRAY_BUFFER,new Float32Array(t),i.STATIC_DRAW))}},{key:"updateBuffers",value:function(){this.gl;var t=this.buffers;Object.keys(t).forEach(function(e){return t[e]=buffer.data}),this.setBuffer(null)}},{key:"createTexture",value:function(e){var t=this.gl,i=t.createTexture();t.bindTexture(t.TEXTURE_2D,i),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,new Uint8Array([0,0,0,0])),this.texture=i,e&&(this.uniforms.hasTexture=1,this.loadTexture(e))}},{key:"loadTexture",value:function(e){var t=this.gl,i=this.texture,s=new Image;s.onload=function(){t.bindTexture(t.TEXTURE_2D,i),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,s),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE)},s.src=e}},{key:"update",value:function(){var e=this.gl,t=performance.now(),i=(t-this.time.start)/5e3,s=t-this.time.old;this.time.old=t,this.uniforms.time=i,0<this.count&&(e.clear(e.COLORBUFFERBIT),e.drawArrays(e.POINTS,0,this.count)),this.onUpdate(s),requestAnimationFrame(this.update)}}]),l}())(document.querySelector(".waves"),{texture:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAb1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8v0wLRAAAAJHRSTlMAC/goGvDhmwcExrVjWzrm29TRqqSKenRXVklANSIUE8mRkGpv+HOfAAABCElEQVQ4y4VT13LDMAwLrUHteO+R9f/fWMfO6dLaPeKVEECRxOULWsEGpS9nULDwia2Y+ALqUNbAWeg775zv+sA4/FFRMxt8U2FZFCVWjR/YrH4/H9sarclSKdPMWKzb8VsEeHB3m0shkhVCyNzeXeAQ9Xl4opEieX2QCGnwGbj6GMyjw9t1K0fK9YZunPXeAGsfJtYjwzxaBnozGGorYz0ypK2HzQSYx1y8DgSRo2ewOiyh2QWOEk1Y9OrQV0a8TiBM1a8eMHWYnRMy7CZ4t1CmyRkhSUvP3gRXyHOCLBxNoC3IJv//ZrJ/kxxUHPUB+6jJZZHrpg6GOjnqaOmzp4NDR48OLxn/H27SRQ08S0ZJAAAAAElFTkSuQmCC",uniforms:{size:{type:"float",value:2.5},field:{type:"vec3",value:[0,0,0]},speed:{type:"float",value:5}},vertex:"\n\t\t\t\t#define M_PI 3.1415926535897932384626433832795\n\t\t\t\n\t\t\t\tprecision highp float;\n\t\t\t\n\t\t\t\tattribute vec4 a_position;\n\t\t\t\tattribute vec4 a_color;\n\t\t\t\n\t\t\t\tuniform float u_time;\n\t\t\t\tuniform float u_size;\n\t\t\t\tuniform float u_speed;\n\t\t\t\tuniform vec3 u_field;\n\t\t\t\tuniform mat4 u_projection;\n\t\t\t\n\t\t\t\tvarying vec4 v_color;\n\t\t\t\n\t\t\t\tvoid main() {\n\t\t\t\n\t\t\t\tvec3 pos = a_position.xyz;\n\t\t\t\n\t\t\t\tpos.y += (\n\t\t\t\t\tcos(pos.x / u_field.x * M_PI * 8.0 + u_time * u_speed) +\n\t\t\t\t\tsin(pos.z / u_field.z * M_PI * 8.0 + u_time * u_speed)\n\t\t\t\t) * u_field.y;\n\t\t\t\n\t\t\t\tgl_Position = u_projection * vec4( pos.xyz, a_position.w );\n\t\t\t\tgl_PointSize = ( u_size / gl_Position.w ) * 100.0;\n\t\t\t\n\t\t\t\tv_color = a_color;\n\t\t\t\n\t\t\t\t}",fragment:"\n\t\t\t\tprecision highp float;\n\t\t\t\n\t\t\t\tuniform sampler2D u_texture;\n\t\t\t\n\t\t\t\tvarying vec4 v_color;\n\t\t\t\n\t\t\t\tvoid main() {\n\t\t\t\n\t\t\t\tgl_FragColor = v_color * texture2D(u_texture, gl_PointCoord);\n\t\t\t\n\t\t\t\t}",onResize:function(e,t,i){for(var s=[],a=[],n=e/t*400,o=0;o<n;o+=5)for(var r=0;r<400;r+=5)s.push(-n/2+o,-30,-200+r),a.push(0,1-o/n*1,.5+o/n*.5,r/400);this.uniforms.field=[n,3,400],this.buffers.position=s,this.buffers.color=a,this.uniforms.size=t/400*2.5*i}})}),$("#ScrollTop").click(function(){$("html, body").animate({scrollTop:0},400)}); |