久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

這是html5中WebGL的演示

這是html5中WebGL的演示HTML5中文學習網,是中國最大的HTML5中文門戶,為廣大HTML5愛好者提供各種HTML5資料,包括HTML5網站、HTML5資訊、HTML5應用、HTML5游戲、HTML5教程、HTML5視頻、HTML5論壇等。

這是html5中WebGL的演示,讓我們與他人分享愛您發送短消息。每次你進入它使用不同的位置,新的愛情點被添加到全球。讓世界更明亮的地方與你的朋友分享!

源文件:
部分代碼:
<!DOCTYPE html>
<html>
<head>
        <title>Geolocation love</title>
        <meta charset="utf-8">
        <script src="js/jquery-1.8.2.min.js"></script>
        <script src="js/three.js"></script>

        <script src="js/Detector.js"></script>
        <script src="js/Stats.js"></script>
       
        <script src="js/Tween.js"></script>
       
        <script src="js/ShaderExtras.js"></script>
        <script src="js/EffectComposer.js"></script>
        <script src="js/ShaderPass.js"></script>
        <script src="js/MaskPass.js"></script>
        <script src="js/RenderPass.js"></script>
        <script src="js/BloomPass.js"></script>
        <script src="js/FilmPass.js"></script>
       
        <script type="text/javascript" src="js/main.js"></script>
       
        <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="container"></div>

        <section class="box" id="messageBox">
                <div id="message">No matter where you are, always make the world brighter place</div>
                <div id="dist"></div>
                <div id="shareSwitcher"><a>Click to share your love with others!</a></div>
                <div id="likeIt"><a href="https://developer.mozilla.org/en-US/demos/detail/geolocation-love">Like this demo on DevDerby</a></div>
        </section>
       
        <section class="box" id="shareBox">
                <div id="form">
                        <h1>Type your message to the world</h1>
                        <textarea id="messageArea"> </textarea>
                        <input id="submitShare" type="button" value="get share link" />
                </div>
        </section>
</div>

</div>

<script type="x-shader/x-vertex" id="earthVertex">
varying vec3 vNormal;
varying vec2 vUv;
void main() {
        gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
        vNormal = normalize( normalMatrix * normal );
        vUv = uv;
}
</script>
<script type="x-shader/x-fragment" id="earthFragment">
uniform sampler2D texture;
varying vec3 vNormal;
varying vec2 vUv;
void main() {
        vec3 diffuse = texture2D( texture, vUv ).xyz;
        float intensity = 1.15 - dot( vNormal, vec3( 0.0, 0.0, 1.0 ) );
        vec3 atmosphere = vec3( 1.0, 1.0, 1.0 ) * pow( intensity, 3.0 );
        gl_FragColor = vec4( diffuse + atmosphere, 1.0 );
}
</script>


<script type="x-shader/x-vertex" id="atmosphereVertex">
varying vec3 vNormal;
void main() {
        vNormal = normalize( normalMatrix * normal );
        gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
}
</script>

<script type="x-shader/x-fragment" id="atmosphereFragment">
varying vec3 vNormal;
void main() {
        float intensity = pow( 0.8 - dot( vNormal, vec3( 0, 0, 1.0 ) ), 10.0 );
        gl_FragColor = vec4( 1.0, 1.0, 1.0, 1.0 ) * intensity;
}
</script>
</body>
</html>
 

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

主站蜘蛛池模板: 欧美精品99 | 欧美日韩黄 | 亚洲精品9999久久久久 | 午夜精品一区二区三区在线视频 | 国产视频精品在线 | 国产精品欧美一区喷水 | 国产区一区二区三区 | 成人福利在线 | 伊人网在线综合 | 91精品国产综合久久福利软件 | 婷婷午夜天| 国产成人99久久亚洲综合精品 | 午夜寂寞网站 | 黄频视频 | 亚洲国产一区二区在线 | 国产成人精品久久二区二区91 | 第一区在线观看免费国语入口 | 一级免费视频 | 91精品午夜窝窝看片 | 中文在线视频 | 国产一在线 | 国产一区免费 | 色狠狠桃花综合 | 日韩av在线免费 | 亚洲一区二区在线视频 | 欧美精品福利 | 黄色a视频| 欧美视频免费 | 国产精品久久久久aaaa九色 | 一级毛片免费完整视频 | 国产视频久久久 | 激情在线视频网站 | 亚洲欧美视频 | 亚洲自拍偷拍av | 久久精品91久久久久久再现 | 亚洲欧美在线观看 | 成人精品区 | 成人欧美一区二区三区在线播放 | 色综合视频 | 久久99精品久久久 | 欧美一区二区三区久久精品 |