这是html5中WebGL的演示，让我们与他人分享爱您发送短消息。每次您进入它使用不同的位置，新的爱情点被添加到全球。让世界更明亮的地方与你的朋友分享！源文件：部分代码：<！DOCTYPEhtml><html><head><title>地理位置爱</title><metacharset=“utf-8”><scriptsrc=“js/jquery-1.8.2.min.js“></script><scriptsrc=”js/three.js“></script><scriptsrc=”js/Detector.js“></script><scriptsrc=”js/Stats.js“></script><scriptsrc=”js/Tween.js“></script><scriptsrc=”js/ShaderExtras.js“></script><scriptsrc=”js/EffectComposer.js“></script><scriptsrc=”js/ShaderPass.js“></script><scriptsrc=”js/MaskPass.js“></script>
<scriptsrc=“js/RenderPass.js”></script><scriptsrc=“js/BloomPass.js”></script><scriptsrc=“js/FilmPass.js”></script><脚本type=“text/javascript”src=“js/main.js”></script><linkhref=“style.css”rel=“stylesheet”type=“text/css”/></head><body><divid=“container”></div><sectionclass=“box”id=“messageBox”><divid=“message”>无论您身在何处，总能使世界更美好</div><divid=“dist”></div><divid=“shareSwitcher”>点击与他人分享您的爱意！</div>
<divid=“likeIt”>像在DevDerby上的演示</div></section><sectionclass=“box”id=“shareBox”><divid=“form”><h1>将您的消息发送给全世界</h1><textareaid=“messageArea”></textarea><输入id=“submitShare”type=“button”value=“获取共享链接”/></div></section></div></div><scripttype=“x-shader/x-vertex“id=”earthVertex“>变化的vec3vNormal；变化的vec2vUv；无效的main（）{
gl_Position=projectionMatrix*modelViewMatrix*vec4（position，1.0）;vNormal=normalize（normalMatrix*normal）;vUv=uv;}</script><scripttype=“x-shader/x-fragment”id=“earthFragment”>均匀的sampler2D纹理；变化vec3vNormal;变化的vec2vUv；voidmain（）{vec3diffuse=texture2D（texture，vUv）.xyz;浮点强度=1.15-dot（vNormal，vec3（0.0，0.0，1.0））;vec3气氛=vec3（1.0，1.0，1.0）*pow（强度，3.0）;gl_FragColor=vec4（扩散+气氛，1.0）;}</script><scripttype=“x-shader/x-vertex”id=“
变化vec3vNormal;voidmain（）{vNormal=normalize（normalMatrix*normal）;gl_Position=projectionMatrix*modelViewMatrix*vec4（position，1.0）;}</script><scripttype=“x-shader/x-fragment”id=“atmosphereFragment”>不同的vec3vNormal；voidmain（）{浮动强度=pow（0.8-点（vNormal，vec3（0，0，1.0）），10.0）;gl_FragColor=vec4（1.0，1.0，1.0，1.0）*强度;}</script></body></html>
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h60848.shtml
