CINXE.COM

企业简介-浙江兴旺宝明通网络有限公司

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <title>企业简介-浙江兴旺宝明通网络有限公司</title> <link type="text/css" rel="stylesheet" href="/css/swiper.min.css" /> <link type="text/css" rel="stylesheet" href="/css/style.css"> <script type="text/javascript" src="/js/jquery-1.10.1.min.js"></script> <script type="text/javascript" src="/js/swiper.min.js"></script> <link type="text/css" rel="stylesheet" href="/css/animate.css" /> <script type="text/javascript" src="/js/wow.min.js"></script> <script type="text/javascript"> if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){ new WOW().init(); }; </script> <script type="text/javascript"> document.documentElement.addEventListener('touchstart', function (event) { if (event.touches.length > 1) { event.preventDefault(); } }, false); var lastTouchEnd = 0; document.documentElement.addEventListener('touchend', function (event) { var now = Date.now(); if (now - lastTouchEnd <= 300) { event.preventDefault(); } lastTouchEnd = now; }, false); </script> <script type="text/javascript"> jQuery(function () { jQuery(".menu_open").click(function () { jQuery(".nav").animate({ 'left': '0' }, 400); jQuery(".hcover").animate({ 'right': '0' }, 400); }); jQuery(".hcover").click(function () { jQuery(this).animate({ 'right': '-50%' }, 400); jQuery(".nav").animate({ 'left': '-50%' }, 400); jQuery(".nav_ul").animate({ 'left': '0' }, 400); jQuery('.nav_item_open').css('left', '-50%'); }); jQuery(".nav_item i").click(function () { jQuery(".nav_ul").animate({ 'left': '-100%' }, 400); jQuery(this).next('.nav_item_open').css('left', '0'); }); jQuery(".subopen").click(function () { jQuery(this).parent('.nav_item_open').css('left', '-50%'); jQuery(".nav_ul").animate({ 'left': '0' }, 400); }); }); </script> <style type="text/css"> /* 设置滚动条的样式 */ ::-webkit-scrollbar { width:4px;}/* 滚动槽 */ ::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}/* 滚动条滑块 */ ::-webkit-scrollbar-thumb { background-color:#aaa;} ::-webkit-scrollbar-thumb:window-inactive { background-color:#aaa;} </style> <!--此Js使手机浏览器的active为可用状态--> <script type="text/javascript"> document.addEventListener("touchstart", function () { }, true); </script></head> <body style="background-color:#fff;"> <!--top start--> <!--top start--> <div class="xwb_top wow fadeInDown"> <div class="xwb_logo"><a href="/"><img src="/images/logo.png" /><span>行业网站运营专家</span></a></div> <div class="top_website"><a href="/website.html"><img src="/images/website_icon1.png" /><span>旗下网站</span></a></div> <div class="tp_nav"> <div class="menu_open"> <i></i> <i></i> <i></i> </div> <div class="nav"> <ul class="nav_ul clearfix"> <li class="nav_item"><a id="Index" href="/">首页</a></li> <li class="nav_item"><a id="about" href="/about0_1.html">关于我们</a><i></i> <ul class="nav_item_open"> <li class="subopen"><a href="javascript:;">关于我们</a></li> <li class="nav_item2"><a href="#"></a></li> </ul> </li> <li class="nav_item"><a id="mtr" href="/mtr.html">明通人</a><i></i> <ul class="nav_item_open"> <li class="subopen"><a href="javascript:;">明通人</a></li> <li class="nav_item2"><a href="#"></a></li> </ul> </li> <li class="nav_item"><a id="news" href="/news.html">新闻中心</a><i></i> <ul class="nav_item_open"> <li class="subopen"><a href="javascript:;">新闻中心</a></li> <li class="nav_item2"><a href="#"></a></li> </ul> </li> <li class="nav_item"><a id="video" href="/video.html">视频中心</a><i></i> <ul class="nav_item_open"> <li class="subopen"><a href="javascript:;">视频中心</a></li> <li class="nav_item2"><a href="#"></a></li> </ul> </li> <li class="nav_item"><a id="website" href="/service.html">服务定位</a><i></i> <ul class="nav_item_open"> <li class="subopen"><a href="javascript:;">服务定位</a></li> <li class="nav_item2"><a href="#"></a></li> </ul> </li> <li class="nav_item"><a id="business" href="/business.html">主营业务</a><i></i> <ul class="nav_item_open"> <li class="subopen"><a href="javascript:;">主营业务</a></li> <li class="nav_item2"><a href="#"></a></li> </ul> </li> <li class="nav_item"><a id="recruit" href="/recruit.html">招贤纳士</a><i></i> <ul class="nav_item_open"> <li class="subopen"><a href="javascript:;">招贤纳士</a></li> <li class="nav_item2"><a href="#"></a></li> </ul> </li> <li class="nav_item"><a id="contact" href="/contact.html">联系我们</a><i></i> <ul class="nav_item_open"> <li class="subopen"><a href="javascript:;">联系我们</a></li> <li class="nav_item2"><a href="#"></a></li> </ul> </li> <div class="clear"></div> </ul> </div> <div class="hcover"></div> </div> </div> <!--top end--> <!--top end--> <!--nybanner start--> <div class="xwb_nybanner wow bounceInUp" style=" background:url(/images/nybanner0.jpg) center top no-repeat; background-size:cover;"> <div class="nyba_text"><h3>兴旺宝明通</h3><p>诚信服务行业网站群 · 提升企业网络竞争力</p></div> </div> <div class="xwb_menu wow bounceInUp"> <div class="xwbMenu"> <ul class="ab_ul"> <li><a href="/about0_1.html#ab1" class="menu_on">企业简介</a></li> <li><a href="/about0_1.html#ab2">办公环境</a></li> <li><a href="/about0_1.html#ab3">发展历程</a></li> <li><a href="/about0_1.html#ab4">旗下网站</a></li> <li><a href="/culture.html">企业文化</a></li> <li><a href="/honor.html">公司优势&荣誉资质</a></li> <div class="clear"></div> </ul> <div class="xwb_pos"> <img src="images/home_icon.png" class="home_icon" /><a href="/">首页</a><img src="/images/jt_icon.png" /><a href="/about0_1.html">关于我们</a><img src="/images/jt_icon.png" /><span>企业简介</span> </div> <div class="clear"></div> </div> </div> <!--nybanner end--> <!--企业简介 start--> <div class="xwb_about0" style="display:none;"> <div class="ab0_p1 bounceInUp wow"> <div class="ab0_p1_text"> <h3>浙江兴旺宝明通网络有限公司</h3> <p>总部设在电子商务之都浙江杭州,是一家专业从事垂直网站开发运营和企业网络营销服务的企业,公司致力于提供行业垂直门户网站建设和智能化企业电子商务解决方案。</p> <p>依托深厚的行业背景、强劲的技术实力和丰富的网络运作经验,兴旺宝明通开创了&quot;细分行业网站群&quot;的电子商务新模式,独立开发运营机械设备、仪器仪表领域二十多个专业行业站点。依托平台优势,与企业的粘度不断加深,兴旺宝明通总站联合旗下网站,以&quot;争做机械装备领域的搜索+交易+信息专业平台&quot;为奋斗目标,不断前行。</p> <p>利用互联网优势,结合行业特征,兴旺宝明通以&quot;诚信服务行业网站群、提升企业网络竞争力&quot;为使命,为近百万家(数据来源各行业网站后台统计)企业提供了品牌宣传、信息展示和网络营销服务,在国内行业网站领域内保持着稳健、高速发展。</p> </div> <div class="ab0_p1_data"> <div class="data_l"> <h3>SINCE<strong>2003</strong><em>成立于2003年</em></h3> <p>WWW.MTNETS.COM</p> <p>&nbsp;</p> </div> <div class="data_r"> <ul> <li> <h3>21<em>年</em></h3> <p>运营经验</p> </li> <li> <h3>350<em>人</em></h3> <p>在职员工</p> </li> <li> <h3>10<em>+</em></h3> <p>旗下网站</p> </li> </ul> </div> </div> </div> <div class="ab0_p2 bounceInUp wow"> <div class="ab0_p2_main"> <div class="ab0_p2_main_1"> <div class="ab0_p2_main_1_text"> <h3><em>OFFICE ENVIRONMENT</em></h3> <em>办公环境</em> <p>占地面积 2000+</p> </div> <div class="ab0_p2_main_1_img"><em><img src="/images/ab0_img1.jpg" /></em></div> <div class="clear"><em>&nbsp;</em></div> </div> <div class="ab0_p2_main_2"> <ul> <li><em><img src="/images/ab0_img2.jpg" /></em></li> <li><em><img src="/images/ab0_img3.jpg" /></em></li> </ul> <div class="clear"><em>&nbsp;</em></div> </div> </div> </div> <div class="ab0_p3 bounceInUp wow"> <h1>品质服务 共赢未来</h1> <em>做机械装备领域的搜索+交易+信息专业平台!</em> <ul> <li> <h3>行业知名电商平台</h3> <p>以产品服务交易为核心。网站从最初的发布商机的平台,演变为专业采购选型的平台,提供大数据服务,融合B2B、B2C、O2O等模式风格。</p> </li> <li> <h3>行业专业网络媒体</h3> <p>以资讯为核心。以丰富的图文资讯、视频资讯吸引网站人气;用手机站资讯、APP资讯订阅、微信微博平台的发布,抢占移动手机端的先机;提供行业统计分析报告为行业人士有所依据参考;参与或举办线下行业发展论坛,专业发声由此开启。</p> </li> <li> <h3>行业电子商务提供商</h3> <p>以服务为核心。为企业提供网站建设、电子商务技术外包支持、电子商务人才培训、行业展会活动等涉及电子商务的服务。</p> </li> </ul> </div> </div> <!--企业简介 end--> <div id="ab1"></div> <!--关于我们 start--> <div class="xwbAbout_intro"> <div class="xwbAbout_con wow bounceInUp"> <div class="xwbAbout_title"><em>MTNETS</em><span>兴旺宝明通网络有限公司</span></div> <div class="xwbAbout_text"> <p>浙江兴旺宝明通网络有限公司(www.mtnets.com)成立于2003年,总部设在浙江杭州,是一家从事机械设备行业垂直B2B网站运营的企业。</p> <p>20年来,利用互联网优势,结合行业特征,兴旺宝明通以“诚信服务行业网站群、提升企业网络竞争力”为使命,开创了“细分行业网站群”的电子商务新模式,自主开发并运营了仪器、仪表、机床、环保、制药、食品、农机、智慧城市(原安防)、重工、物流等二十多个机械设备行业B2B站点,为近百万家企业提供了建站、线上推广、产品销售等一条龙网络营销服务。兴旺宝明通,将持续研发新技术、提供创新产品,把打造机械设备行业的“1688+头条+抖音+百度+chatGPT”作为公司目标,砥砺前行,为行业企业提供更优质的服务。</p> </div> <dl> <dd> <p>20<sup>+</sup></p> <span>行业站点超20个</span> </dd> <dd> <p>350<sup>+</sup></p> <span>在职员工超350人</span> </dd> <dd> <p>21<sup>年</sup></p> <span>21年服务经验</span> </dd> <dd> <p>10<sup>+</sup></p> <span>企业建站10万+</span> </dd> <div class="clear"></div> </dl> </div> <div class="xwbAbout_video wow bounceInUp"> <a href="javascript:;" class="vdBtn"><img src="images/vd_img2.jpg" /></a> </div> <div class="xwbAbout_list wow bounceInUp"> <ul> <li> <div class="xwbAboutList_left"> <i class="ico1"></i>行业知名电商平台 </div> <div class="xwbAboutList_right"> <p>以产品服务交易为核心。网站从最初的发布商机的平台,演变为专业采购选型的平台,提供大数据服务,融合B2B、B2C、O2O等模式风格。</p> </div> <div class="clear"></div> </li> <li> <div class="xwbAboutList_left"> <i class="ico2"></i>行业专业网络媒体 </div> <div class="xwbAboutList_right"> <p>以资讯为核心。以丰富的图文资讯、视频资讯吸引网站人气;用手机站资讯、APP资讯订阅、微信微博平台的发布,抢占移动手机端的先机;提供行业统计分析报告为行业人士有所依据参考;参与或举办线下行业发展论坛,专业发声由此开启。</p> </div> <div class="clear"></div> </li> <li> <div class="xwbAboutList_left"> <i class="ico3"></i>行业电子商务提供商 </div> <div class="xwbAboutList_right"> <p>以服务为核心。为企业提供网站建设、电子商务技术外包支持、电子商务人才培训、行业展会活动等涉及电子商务的服务。</p> </div> <div class="clear"></div> </li> </ul> </div> </div> <!--关于我们 end--> <!-- 视频弹窗 开始 --> <div class="video_mask"></div> <div class="videoPop_main"> <div class="videoPop_content"> <div class="xwb_video"> <div class="vd_main"> <video controls="controls" poster="images/vd_img.jpg" width="100%" height="100%"> <source src="https://xmvideo.mtnets.com/mda-kdtipwyidfus4fe5/mda-kdtipwyidfus4fe5.mp4" type="video/mp4"> </video> </div> </div> </div> <i class="video_hide"></i> </div> <!-- 视频弹窗 结束 --> <script> /* 头部注册弹窗效果 */ $(".vdBtn").click(function () { $(".video_mask").fadeToggle(0) $(".videoPop_main").toggleClass("video_show") }) $(".video_mask, .video_hide").click(function () { $(".video_mask").fadeOut(0) $(".videoPop_main").removeClass("video_show") }); </script> <div id="ab2"></div> <!--办公环境 start--> <div class="xwbAbout_office wow fadeInUp"> <div class="webs_top"> <div class="xwb_title"> <div class="tit_text"><h3>OFFICE ENVIRONMENT</h3><p>办公环境<span>成就客户,兴旺宝明通为您提供互联网一站式营销服务。</span></p></div> </div> </div> <div class="office_scroll"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="images/ab_pic1.jpg" /> <div class="office_title"><p>兴旺宝明通超大前台</p></div> </div> <div class="swiper-slide"><img src="images/ab_pic2.jpg" /> <div class="office_title"><p>兴旺宝明通研发中心</p></div> </div> <div class="swiper-slide"><img src="images/ab_pic3.jpg" /> <div class="office_title"><p>兴旺宝明通销售团队</p></div> </div> <div class="swiper-slide"><img src="images/ab_pic4.jpg" /> <div class="office_title"><p>兴旺宝明通办公园区</p></div> </div> </div> <div class="swiper-button-prev"></div><!--左箭头。如果放置在swiper-container外面,需要自定义样式。--> <div class="swiper-button-next"></div><!--右箭头。如果放置在swiper-container外面,需要自定义样式。--> <div class="swiper-pagination"></div><!--分页器。如果放置在swiper-container外面,需要自定义样式。--> </div> </div> <script type="text/javascript"> var mySwiper = new Swiper('.swiper-container',{ slidesPerView: 'auto', spaceBetween: 25, centeredSlides: true, pagination: { el: '.swiper-pagination', clickable :true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, autoplay: { delay: 2500, disableOnInteraction: false, }, loop:true, breakpointsInverse: true, //开启后,breakpoints将以反方向计算,类似于media only screen and (min-width: 480px) breakpoints: { //当宽度大于等于280 280: { spaceBetween: 10 }, //当宽度大于等于768 768: { spaceBetween: 20, }, //当宽度大于等于1367 1367: { spaceBetween: 25, } } }) </script> </div> <!--办公环境 end--> <div id="ab3"></div> <!--发展历程 start--> <div class="xwbAbout_process wow fadeInUp"> <div class="webs_top"> <div class="xwb_title"> <div class="tit_text tit_text1"><h3>DEVELOPMENT PROCESS</h3><p>发展历程</p></div> </div> </div> <div class="process_scroll"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="process_num"> <span>2003</span> <div class="process_img"> <img src="images/lcImg.jpg" /><em>2003</em> </div> </div> <div class="process_text"> <p>首个行业网站——化工仪器网独立开发,正式上线运行。</p> </div> </div> <div class="swiper-slide"> <div class="process_num"> <span>2004</span> <div class="process_img"> <img src="images/lcImg.jpg" /><em>2004</em> </div> </div> <div class="process_text"> <p>食品机械、制药机械、环保设备、智慧城市(原安防)、智能制造等各细分行业网站上线运营,形成行业站群模式。</p> </div> </div> <div class="swiper-slide"> <div class="process_num"> <span>2006</span> <div class="process_img"> <img src="images/lcImg.jpg" /><em>2006</em> </div> </div> <div class="process_text"> <p>公司注册用户首次突破500000位,旗下多个行业网站荣获行业电子商务网站百强。</p> </div> </div> <div class="swiper-slide"> <div class="process_num"> <span>2008</span> <div class="process_img"> <img src="images/lcImg.jpg" /><em>2008</em> </div> </div> <div class="process_text"> <p>公司荣获国家高新技术企业认定;</p> <p>公司荣获国家创新基金立项;</p> <p>成为“商务部信息化电子商务重点联系企业”。</p> </div> </div> <div class="swiper-slide"> <div class="process_num"> <span>2010</span> <div class="process_img"> <img src="images/lcImg.jpg" /><em>2010</em> </div> </div> <div class="process_text"> <p>公司成功通过国际CMMI3技术认证,荣获杭州市“十佳最具创新价值电子商务企业”殊荣。</p> </div> </div> <div class="swiper-slide"> <div class="process_num"> <span>2012</span> <div class="process_img"> <img src="images/lcImg.jpg" /><em>2012</em> </div> </div> <div class="process_text"> <p>当选浙江省电子商务促进会常务理事;</p> <p>荣获“2013十大产业重点企业”称号。</p> </div> </div> <div class="swiper-slide"> <div class="process_num"> <span>2014</span> <div class="process_img"> <img src="images/lcImg.jpg" /><em>2014</em> </div> </div> <div class="process_text"> <p>公司荣获浙江省第三方电子商务平台10强企业和浙江省电子商务最佳创新企业称号。</p> </div> </div> <div class="swiper-slide"> <div class="process_num"> <span>2015</span> <div class="process_img"> <img src="images/lcImg.jpg" /><em>2015</em> </div> </div> <div class="process_text"> <p>公司荣获杭州电子商务最具发展潜力企业和杭州电子商务优秀企业称号;</p> <p>旗下网站荣获“浙江省第三方电子商务平台10强”称号。</p> </div> </div> <div class="swiper-slide"> <div class="process_num"> <span>2016</span> <div class="process_img"> <img src="images/lcImg.jpg" /><em>2016</em> </div> </div> <div class="process_text"> <p>旗下网站荣获“浙江省‘十二五’电子商务百强——浙江电商第三方平台10强”称号。</p> </div> </div> <div class="swiper-slide"> <div class="process_num"> <span>2017</span> <div class="process_img"> <img src="images/lcImg.jpg" /><em>2017</em> </div> </div> <div class="process_text"> <p>公司荣获“2016电子商务创新企业”称号。</p> </div> </div> <div class="swiper-slide"> <div class="process_num"> <span>2018</span> <div class="process_img"> <img src="images/lcImg.jpg" /><em>2018</em> </div> </div> <div class="process_text"> <p>旗下网站荣获“浙江省‘十二五’电子商务百强——浙江电商第三方平台10强”称号。</p> </div> </div> <div class="swiper-slide"> <div class="process_num"> <span>2019</span> <div class="process_img"> <img src="images/lcImg.jpg" /><em>2019</em> </div> </div> <div class="process_text"> <p>当选浙江省电子商务促进会常务理事;</p> <p>荣获“2013十大产业重点企业”称号。</p> </div> </div> <div class="swiper-slide"> <div class="process_num"> <span>2022</span> <div class="process_img"> <img src="images/lcImg.jpg" /><em>2022</em> </div> </div> <div class="process_text"> <p>公司通过“国家高新技术企业重新认定”;</p> <p>公司通过“浙江省创新型中小企业认定”。</p> </div> </div> </div> <div class="swiper-pagination"></div><!--分页器。如果放置在swiper-container外面,需要自定义样式。--> </div> </div> <script type="text/javascript"> var mySwiper1 = new Swiper('.process_scroll .swiper-container',{ slidesPerView: '5', spaceBetween: 0, centeredSlides: true, pagination: { el: '.swiper-pagination', type: 'progressbar' }, autoplay: { delay: 2500, disableOnInteraction: false, }, loop:true, breakpointsInverse: true, //开启后,breakpoints将以反方向计算,类似于media only screen and (min-width: 480px) breakpoints: { //当宽度大于等于280 280: { slidesPerView: '1', }, //当宽度大于等于768 768: { slidesPerView: '3', }, //当宽度大于等于1367 1367: { slidesPerView: '5', } } }) </script> </div> <!--发展历程 end--> <div id="ab4"></div> <!--旗下网站 start--> <div class="xwb_website wow bounceInUp" style="background-color:#f8f8f8;"> <div class="webs_top"> <div class="xwb_title"> <div class="tit_text"><h3>MTNETS WEBSITE</h3><p>旗下网站<span>诚信服务行业网站群,提升企业网络竞争力。</span></p></div> <div class="xwb_more"><a href="/website.html">查看更多</a></div> </div> </div> <div class="webs_mid"> <div class="waves"></div> <div class="webs_list swiper-container3"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <div class="chem17_logo"></div> <h3>化工仪器网</h3> <span>www.chem17.com</span> <em></em> <p>化工仪器网(www.chem17.com),2003年创建于杭州,是国内较早进入仪器仪表行业的网络应用专业服务商之一。</p> <a href="http://www.chem17.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="hbzhan_logo"></div> <h3>环保在线</h3> <span>www.hbzhan.com</span> <em></em> <p>环保在线(www.hbzhan.com)是环保行业"互联网+"服务平台,为环保设备领域的专业用户创建行业网络营销服务平台。</p> <a href="http://www.hbzhan.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="jc35_logo"></div> <h3>机床商务网</h3> <span>www.jc35.com</span> <em></em> <p>机床商务网(www.jc35.com)隶属于浙江兴旺宝明通网络有限公司,成立于2008年,是机床工具专业门户网站。致力于为全球机床工具及相关企业搭建信息互动的桥梁,提供专业实时的行业资讯、网络应用技术和互联网营销解决方案。</p> <a href="http://www.jc35.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="ybzhan_logo"></div> <h3>仪表网</h3> <span>www.ybzhan.cn</span> <em></em> <p>仪表网(www.ybzhan.cn),隶属浙江兴旺宝明通网络有限公司。是仪表行业颇具影响力的网络媒体和电子商务平台。</p> <a href="http://www.ybzhan.cn" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="zyzhan_logo"></div> <h3>制药网</h3> <span>www.zyzhan.com</span> <em></em> <p>制药网(www.zyzhan.com)成立于2005年,是一家大型制药机械设备行业专业网站,主要面向制药行业内的原料药机械及设备、制剂机械、饮片机械、药用包装机械、西药原料、中间体、中药材、药包材、药用辅料等领域的专业用户创建网络营销服务平台。</p> <a href="http://www.zyzhan.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="foodjx_logo"></div> <h3>食品机械网</h3> <span>www.foodjx.com</span> <em></em> <p>食品机械设备网(www.foodjx.com)隶属兴旺宝旗下,成立于2005年,是国内早期进入食品机械行业门户网站,经过10多年的持续快速发展,成为了大型的食品机械设备专业门户网站。</p> <a href="http://www.foodjx.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="afzhan_logo"></div> <h3>智慧城市网</h3> <span>www.afzhan.com</span> <em></em> <p>智慧城市网(www.afzhan.com)隶属浙江兴旺宝明通网络有限公司,是国内较早进入安防行业的网络应用专业服务商之一。</p> <a href="http://www.afzhan.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="gkzhan_logo"></div> <h3>智能制造网</h3> <span>www.gkzhan.com</span> <em></em> <p>智能制造网(www.gkzhan.com)成立于2006年,是工业4.0时代智能制造领域"互联网+"服务平台,为智能控制、智能装备、机器人、物联网、云计算、3D打印等领域的专业用户创建全球网络营销服务平台,致力于搭建国内外智能制造设备及相关企业信息互动桥梁。</p> <a href="http://www.gkzhan.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="nongjx_logo"></div> <h3>农机网</h3> <span>www.nongjx.com</span> <em></em> <p>农机网(www.nongjx.com)成立于2005年,隶属于浙江兴旺宝明通网络有限公司,是一家大型的农业机械行业门户网站。</p> <a href="http://www.nongjx.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="fzfzjx_logo"></div> <h3>纺织服装机械网</h3> <span>www.fzfzjx.com</span> <em></em> <p>纺织服装机械网(www.fzfzjx.com)专业为服装机械、制鞋机械、皮具加工机械、皮革加工机械和其它服饰机械的生产企业提供行业资讯服务、企业信息化服务和网络营销服务,同时将努力把纺织服装机械网打造成国内规模较大、专业的服装机械设备、纺织机械、皮革机械设备领域网上交易平台。</p> <a href="http://www.fzfzjx.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="ly100lbj_logo"></div> <h3>百分零部件网</h3> <span>www.100lbj.com</span> <em></em> <p>百分零部件网提供各行业零部件产品的供应、价格、市场行情、产品图片、品牌、厂家、新闻资讯、展会、视频等信息,致力于为零部件行业制造企业进行精准网络宣传和推广,为用户提供良好的商务交流平台,为企业创造更多合作商机。</p> <a href="http://www.100lbj.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="ly5648_logo"></div> <h3>物流技术网</h3> <span>www.56js.com</span> <em></em> <p>物流技术网是物流仓储设备网上交易B2B市场、物流仓储公司企业信息化专家。以物流、仓储设备等单位企业为服务对象,提供叉车、货架、托盘、起重设备、输送机、升降机、仓储货架、升降平台、包装机械、电动葫芦、条码打印机、RFID等市场行情价格等最新资讯,打造便捷网上物流仓储设备采购平台、交流平台。</p> <a href="http://www.56js.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="zgong_logo"></div> <h3>重工机械网</h3> <span>www.zgong.com</span> <em></em> <p>重工机械网是国内重工机械设备专业的b2b电子商务平台,汇集了国内工程机械设备专业行业资讯、技术文献、行业展会和在线商机信息,致力重工机械制造企业进行精准的网络宣传和推广!</p> <a href="http://www.zgong.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="ppzhan_logo"></div> <h3>包装印刷网</h3> <span>www.ppzhan.com</span> <em></em> <p>包装印刷网是B2B网络营销服务平台和大型包装印刷行业门户网站.汇聚大量供求信息,为包装印刷领域商家提供行业资讯,市场动态,价格行情,行业展会,技术资料,会议讲座等信息,是商家们理想的宣传交流平台。</p> <a href="http://www.ppzhan.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="huajx_logo"></div> <h3>化机网</h3> <span>www.huajx.com</span> <em></em> <p>化工机械设备网是国内化工机械设备专业的b2b电子商务平台,汇集了国内化工机械设备专业行业资讯、技术文献、行业展会和在线商机信息,致力于为化工机械制造企业进行精准的网络宣传和推广!</p> <a href="http://www.huajx.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="xwboo_logo"></div> <h3>兴旺宝总站</h3> <span>www.xwboo.com</span> <em></em> <p>兴旺宝是机械设备行业的综合性门户网站,提供机械设备行业B2B电商服务,行业资讯,线上展会,线下展会,视频直播,工程项目,招商招标,二手产品交易,租赁,行业人才招聘等信息,找机械设备就来兴旺宝。</p> <a href="http://www.xwboo.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="blpla_logo"></div> <h3>塑料机械网</h3> <span>www.86pla.com</span> <em></em> <p>塑料机械网(www.86pla.com)隶属浙江兴旺宝明通网络有限公司,是塑料机械行业的专业门户网站</p> <a href="http://www.86pla.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="yqw_logo"></div> <h3>仪器网</h3> <span>www.86175.com</span> <em></em> <p>仪器网(www.86175.com)隶属浙江兴旺宝明通网络有限公司,是国内专业的仪器行业网络应用专业服务商之一。依托于浙江兴旺宝强大的技术支持和丰富的网络营销服务经验,为仪器领域的专业用户创建网络营销服务平台,致力于为国内外仪器设备及相关企业搭建信息互动的桥梁,为客户实现商机! 仪器网以新颖的模式为行业用户提供丰富的服务,满足用户全面的营销推广的需求,便捷快速的网络交易平台、行业展会等线上线下多渠道结合,较大限度地扩大服务的广度和深度。本站与国内外媒体保持密切合作,建立庞大的信息服务体系,是仪器设备领域专业的网络媒体之一。</p> <a href="http://www.86175.com" target="_blank">访问网站</a> </li> <li class="swiper-slide"> <div class="bf35_logo"></div> <h3>泵阀商务网</h3> <span>www.bf35.com</span> <em></em> <p>泵阀商务网(www.bf35.com),是一家大型的泵阀行业门户网站,主要面向化工、制药、食品、生物、石油、农业、医院、学院、质检、疾控等领域的专业用户创建全球网络营销服务平台,致力于为国内外泵阀及相关企业搭建信息互动的桥梁,为客户实现商机!</p> <a href="http://www.bf35.com" target="_blank">访问网站</a> </li> </ul> </div> <script type="text/javascript"> var mySwiper1 = new Swiper('.swiper-container3',{ loop: true, slidesPerView: 'auto', loopedSlides: 6, delay: 2000, autoplay: true }) </script> </div> <div class="webs_text"> <p>旗下逾十网站获得 <span>"中国行业网站百强" "中国行业电子商务网站TOP100"</span> 等荣誉。</p> </div> </div> <!--旗下网站 end--> <!--foot start--> <!--foot start--> <div class="xwb_foot wow fadeInUp"> <div class="ft_mid"> <ul> <li> <h3>新闻中心</h3> <a href="/newslist_t17.html">公司新闻</a> <a href="/newslist_t18.html">行业动态</a> <a href="/newslist_t20.html">领导关怀</a> <a href="/newslist_t19.html">用户评价</a> </li> <li> <h3>关于我们</h3> <a href="/about0_1.html#ab1">公司简介</a><a href="/culture.html">企业文化</a><a href="/about0_1.html#ab3">发展历程</a><a href="/honor.html">公司优势</a><a href="/honor.html">荣誉资质</a> </li> <li> <h3>旗下网站</h3> <a href="https://www.chem17.com/" target="_blank">化工仪器网</a> <a href="https://www.hbzhan.com/" target="_blank">环保在线</a> <a href="https://www.ybzhan.cn/" target="_blank">仪表网</a> <a href="https://www.foodjx.com/" target="_blank">食品机械网</a> <a href="/website.html">查看更多</a> </li> <li> <h3>明通人</h3> <a href="/mtrlist_t6.html">精彩生活</a> <a href="/mtrlist_t5.html">培训发展</a> <a href="/mtrlist_t1.html">明通之星</a> </li> </ul> <div class="ft_ewm"> <div class="ftEwm_tel"><img src="images/tel_ico.png" />0571-81020000</div> <p>周一到周五8:30-17:30(欢迎来电咨询)</p> <div class="ewm_img"><img src="images/ewm.jpg" /></div> <span>手机扫描关注兴旺宝</span> </div> <div class="clear"></div> <div class="ft_contact"> <dl> <dd><img src="images/ft_ico01.png" />西湖区文二路391号西湖国际科技大厦D座中区三楼</dd><dd><img src="images/ft_ico02.png" />0571-87756374</dd><dd><img src="images/ft_ico03.png" />ask@mtnets.com</dd> </dl> </div> <div class="ft_copy"> <p>Copyright 兴旺宝明通 版权所有 浙江ICP备:<a href="http://beian.miit.gov.cn" target="_blank">浙B2-20100369</a>&nbsp; &nbsp; <a href="http://www.mtnets.com/images/mtyyzz.jpg" target="_blank">营业执照</a>&nbsp; &nbsp; &nbsp; &nbsp; 投诉举报热线:0571-87756377</p> <!--<div class="ft_btn"><a href="#"><img src="images/wx.png" /></a><a href="#"><img src="images/qq.png" /></a></div>--> <div class="ft_gov"> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602005669"><img src="http://www.beian.gov.cn/file/ghs.png"/>浙公网安备 33010602005669号</a> </div> </div> </div> </div> <!--foot end--> <!--foot end--> <script> class ShaderProgram { constructor( holder, options = {} ) { options = Object.assign( { antialias: false, depthTest: false, mousemove: false, autosize: true, side: 'front', vertex: ` precision highp float; attribute vec4 a_position; attribute vec4 a_color; uniform float u_time; uniform vec2 u_resolution; uniform vec2 u_mousemove; uniform mat4 u_projection; varying vec4 v_color; void main() { gl_Position = u_projection * a_position; gl_PointSize = (10.0 / gl_Position.w) * 100.0; v_color = a_color; }`, fragment: ` precision highp float; uniform sampler2D u_texture; uniform int u_hasTexture; varying vec4 v_color; void main() { if ( u_hasTexture == 1 ) { gl_FragColor = v_color * texture2D(u_texture, gl_PointCoord); } else { gl_FragColor = v_color; } }`, uniforms: {}, buffers: {}, camera: {}, texture: null, onUpdate: ( () => {} ), onResize: ( () => {} ), }, options ) const uniforms = 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 ] }, }, options.uniforms ) const buffers = Object.assign( { position: { size: 3, data: [] }, color: { size: 4, data: [] }, }, options.buffers ) const camera = Object.assign( { fov: 50, near: 1, far: 10000, aspect: 1, z: 100, perspective: true, }, options.camera ) const canvas = document.createElement( 'canvas' ) const gl = canvas.getContext( 'webgl', { antialias: options.antialias } ) if ( ! gl ) return false this.count = 0 this.gl = gl this.canvas = canvas this.camera = camera this.holder = holder this.onUpdate = options.onUpdate this.onResize = options.onResize this.data = {} holder.appendChild( canvas ) this.createProgram( options.vertex, options.fragment ) this.createBuffers( buffers ) this.createUniforms( uniforms ) this.updateBuffers() this.updateUniforms() this.createTexture( options.texture ) gl.enable( gl.BLEND ) gl.enable( gl.CULL_FACE ) gl.blendFunc( gl.SRC_ALPHA, gl.ONE ) gl[ options.depthTest ? 'enable' : 'disable' ]( gl.DEPTH_TEST ) if ( options.autosize ) window.addEventListener( 'resize', e => this.resize( e ), false ) if ( options.mousemove ) window.addEventListener( 'mousemove', e => this.mousemove( e ), false ) this.resize() this.update = this.update.bind( this ) this.time = { start: performance.now(), old: performance.now() } this.update() } mousemove( e ) { let x = e.pageX / this.width * 2 - 1 let y = e.pageY / this.height * 2 - 1 this.uniforms.mousemove = [ x, y ] } resize( e ) { const holder = this.holder const canvas = this.canvas const gl = this.gl const width = this.width = holder.offsetWidth const height = this.height = holder.offsetHeight const aspect = this.aspect = width / height const dpi = this.dpi = devicePixelRatio canvas.width = width * dpi canvas.height = height * dpi canvas.style.width = width + 'px' canvas.style.height = height + 'px' gl.viewport( 0, 0, width * dpi, height * dpi ) gl.clearColor( 0, 0, 0, 0 ) this.uniforms.resolution = [ width, height ] this.uniforms.projection = this.setProjection( aspect ) this.onResize( width, height, dpi ) } setProjection( aspect ) { const camera = this.camera if ( camera.perspective ) { camera.aspect = aspect const fovRad = camera.fov * ( Math.PI / 180 ) const f = Math.tan( Math.PI * 0.5 - 0.5 * fovRad ) const rangeInv = 1.0 / ( camera.near - camera.far ) const matrix = [ f / camera.aspect, 0, 0, 0, 0, f, 0, 0, 0, 0, (camera.near + camera.far) * rangeInv, -1, 0, 0, camera.near * camera.far * rangeInv * 2, 0 ] matrix[ 14 ] += camera.z matrix[ 15 ] += camera.z return matrix } else { return [ 2 / this.width, 0, 0, 0, 0, -2 / this.height, 0, 0, 0, 0, 1, 0, -1, 1, 0, 1, ] } } createShader( type, source ) { const gl = this.gl const shader = gl.createShader( type ) gl.shaderSource( shader, source ) gl.compileShader( shader ) if ( gl.getShaderParameter (shader, gl.COMPILE_STATUS ) ) { return shader } else { console.log( gl.getShaderInfoLog( shader ) ) gl.deleteShader( shader ) } } createProgram( vertex, fragment ) { const gl = this.gl const vertexShader = this.createShader( gl.VERTEX_SHADER, vertex ) const fragmentShader = this.createShader( gl.FRAGMENT_SHADER, fragment ) const program = gl.createProgram() gl.attachShader( program, vertexShader ) gl.attachShader( program, fragmentShader ) gl.linkProgram( program ) if ( gl.getProgramParameter( program, gl.LINK_STATUS ) ) { gl.useProgram( program ) this.program = program } else { console.log( gl.getProgramInfoLog( program ) ) gl.deleteProgram( program ) } } createUniforms( data ) { const gl = this.gl const uniforms = this.data.uniforms = data const values = this.uniforms = {} Object.keys( uniforms ).forEach( name => { const uniform = uniforms[ name ] uniform.location = gl.getUniformLocation( this.program, 'u_' + name ) Object.defineProperty( values, name, { set: value => { uniforms[ name ].value = value this.setUniform( name, value ) }, get: () => uniforms[ name ].value } ) } ) } setUniform( name, value ) { const gl = this.gl const uniform = this.data.uniforms[ name ] uniform.value = value switch ( uniform.type ) { case 'int': { gl.uniform1i( uniform.location, value ) break } case 'float': { gl.uniform1f( uniform.location, value ) break } case 'vec2': { gl.uniform2f( uniform.location, ...value ) break } case 'vec3': { gl.uniform3f( uniform.location, ...value ) break } case 'vec4': { gl.uniform4f( uniform.location, ...value ) break } case 'mat2': { gl.uniformMatrix2fv( uniform.location, false, value ) break } case 'mat3': { gl.uniformMatrix3fv( uniform.location, false, value ) break } case 'mat4': { gl.uniformMatrix4fv( uniform.location, false, value ) break } } } updateUniforms() { const gl = this.gl const uniforms = this.data.uniforms Object.keys( uniforms ).forEach( name => { const uniform = uniforms[ name ] this.uniforms[ name ] = uniform.value } ) } createBuffers( data ) { const gl = this.gl const buffers = this.data.buffers = data const values = this.buffers = {} Object.keys( buffers ).forEach( name => { const buffer = buffers[ name ] buffer.buffer = this.createBuffer( 'a_' + name, buffer.size ) Object.defineProperty( values, name, { set: data => { buffers[ name ].data = data this.setBuffer( name, data ) if ( name == 'position' ) this.count = buffers.position.data.length / 3 }, get: () => buffers[ name ].data } ) } ) } createBuffer( name, size ) { const gl = this.gl const program = this.program const index = gl.getAttribLocation( program, name ) const buffer = gl.createBuffer() gl.bindBuffer( gl.ARRAY_BUFFER, buffer ) gl.enableVertexAttribArray( index ) gl.vertexAttribPointer( index, size, gl.FLOAT, false, 0, 0 ) return buffer } setBuffer( name, data ) { const gl = this.gl const buffers = this.data.buffers if ( name == null && ! gl.bindBuffer( gl.ARRAY_BUFFER, null ) ) return gl.bindBuffer( gl.ARRAY_BUFFER, buffers[ name ].buffer ) gl.bufferData( gl.ARRAY_BUFFER, new Float32Array( data ), gl.STATIC_DRAW ) } updateBuffers() { const gl = this.gl const buffers = this.buffers Object.keys( buffers ).forEach( name => buffers[ name ] = buffer.data ) this.setBuffer( null ) } createTexture( src ) { const gl = this.gl const texture = gl.createTexture() gl.bindTexture( gl.TEXTURE_2D, texture ) gl.texImage2D( gl.TEXTURE_2D, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, new Uint8Array( [ 0, 0, 0, 0 ] ) ) this.texture = texture if ( src ) { this.uniforms.hasTexture = 1 this.loadTexture( src ) } } loadTexture( src ) { const gl = this.gl const texture = this.texture const textureImage = new Image() textureImage.onload = () => { gl.bindTexture( gl.TEXTURE_2D, texture ) gl.texImage2D( gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, textureImage ) gl.texParameteri( gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR ) gl.texParameteri( gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR ) gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE) gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE) // gl.generateMipmap( gl.TEXTURE_2D ) } textureImage.src = src } update() { const gl = this.gl const now = performance.now() const elapsed = ( now - this.time.start ) / 5000 const delta = now - this.time.old this.time.old = now this.uniforms.time = elapsed if ( this.count > 0 ) { gl.clear( gl.COLORBUFFERBIT ) gl.drawArrays( gl.POINTS, 0, this.count ) } this.onUpdate( delta ) requestAnimationFrame( this.update ) } } const pointSize = 3 const waves = new ShaderProgram( document.querySelector( '.waves' ), { texture: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MzkyM0UxOEMwREMxMUVFODEzQjlGRUVFNTE4QzY0OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MzkyM0UxOUMwREMxMUVFODEzQjlGRUVFNTE4QzY0OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzOTIzRTE2QzBEQzExRUU4MTNCOUZFRUU1MThDNjQ4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzOTIzRTE3QzBEQzExRUU4MTNCOUZFRUU1MThDNjQ4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/DiLxAAAAv5JREFUeNrEl9tPU0EQh3sutNbS1kuhUBRifEDFqA/ogz743/vg5UGjRB9qQqEgXhK5lt6dNd80k9LTG6dhky8t28P8Zmdn58x63W43McbwBF8IDQHzbjgjbaFl6DA/dIRjCDuhlHBdyAl5ISukzf87wZpwLBwKR8KZUMex7qQO6IqTiC4Kd2BFWGA+yfMNRH8JVWEXfjLfiIpIOGTVbsVF4b7wSHggrAoFxKMi4JyoCF+FLaEsHBCRC9Hw+nLAw2gWsSfCprDB3zeEa8JcRA40hXPhL058Ed4LH4UdHGxZJ8IIcbfq58JL4TFhn0fYN8/bEbAlaZ51zt4WbgoZ4Z3wnS3pRcI64BP2NeGF8Fp4KiwxHwwQ7Y+eOqInRh1KMdfGiRO+9xzweKhI2F8Jz4QSIQ8Skw2NZoboeYT+FJrkTDc0XucI/SZhX8J7PzH9CLCxhM0/JKSejJZvVu+O2kMyfjkGcbu1aWxuYH8RTc83e79ijtr8FGEfFQln866wjpbT9DVZchQZPWpzIxIuMUVOzGF7FS2nGaoDebwqxBj6qK0okNx560DWlNcw5tX3n4wcWll1IOCoaXkNErMbeipyerx9sz/JGex9VC6kVMtPXPHwqclNCkNznCbiEkO16qql9fmc6lTTGj2j0UbjCM22T43W9/iF12XMq2+ZxuVYS3GLNqrKDzW6l7hHB9u/hT00ew4c0UJVaCbizgXde21UdtH870CHdslF4Budy0nMudDG5g4aVTQ7Id7VaSBdD3ePcpnife7HFPp97G+hVbf9QJuQlOnhblGpSpd8N6j4D+EztsumLet1RBoF1yx84tWZpHIVTYn2JthzPXJq8w2fB7r6/p5Qc2HbzDfoZJbHaEq7xk6TPd9n5U78LbbP7CkLI85pme8ntFEbNBOTtOU7tOUfWPm2Zr49Yd6Au6FeTDJ9F5N1mokF8zazF5NzU2QqZLu9mJyOczEZdDXL08OtEIXSiKvZHquvku2Hw65m3ojb8cwvp95VX8//CTAAy7oS4U7FOewAAAAASUVORK5CYII=', uniforms: { size: { type: 'float', value: pointSize }, field: { type: 'vec3', value: [ 0, 0, 0 ] }, speed: { type: 'float', value: 5 }, }, vertex: ` #define M_PI 3.1415926535897932384626433832795 precision highp float; attribute vec4 a_position; attribute vec4 a_color; uniform float u_time; uniform float u_size; uniform float u_speed; uniform vec3 u_field; uniform mat4 u_projection; varying vec4 v_color; void main() { vec3 pos = a_position.xyz; pos.y += ( cos(pos.x / u_field.x * M_PI * 8.0 + u_time * u_speed) + sin(pos.z / u_field.z * M_PI * 8.0 + u_time * u_speed) ) * u_field.y; gl_Position = u_projection * vec4( pos.xyz, a_position.w ); gl_PointSize = ( u_size / gl_Position.w ) * 100.0; v_color = a_color; }`, fragment: ` precision highp float; uniform sampler2D u_texture; varying vec4 v_color; void main() { gl_FragColor = v_color * texture2D(u_texture, gl_PointCoord); }`, onResize( w, h, dpi ) { const position = [], color = [] const width = 400 * ( w / h ) const depth = 400 const height = 3 const distance = 5 for ( let x = 0; x < width; x += distance ) { for ( let z = 0; z < depth; z+= distance ) { position.push( - width / 2 + x, -30, -depth / 2 + z ) color.push( 255, 255, 255, z / depth ) } } this.uniforms.field = [ width, height, depth ] this.buffers.position = position this.buffers.color = color this.uniforms.size = ( h / 400) * pointSize * dpi }, } ) </script> </body> </html> <script> jQuery("#about").addClass("navon") </script>

Pages: 1 2 3 4 5 6 7 8 9 10