Toggle navigation
在线编辑器
在线代码
文本比较
jQuery下载
前端库
在线手册
登录/注册
下载代码
html
css
js
分享到微信朋友圈
X
html
css
body{ margin:0; overflow:hidden; background-color:#000; } canvas{ background-color:#000; } a{ position:absolute; bottom:20px; right:20px; color:#fff; text-decoration:none; font-family:Arial; font-size:10px; }
JavaScript
// Shaders var vertShader = document.querySelector('#vertexshader').innerHTML; var fragShader = document.querySelector('#fragmentshader').innerHTML; // Renderer var renderer = new THREE.WebGLRenderer({canvas:document.getElementById('main'),antialiasing:true}); renderer.setClearColor(0x111111); renderer.setSize(window.innerWidth,window.innerHeight); // Camera var camera = new THREE.PerspectiveCamera( 55, window.innerWidth / window.innerHeight, 0.1, 5000 ); camera.position.y = 20; camera.position.z = 40; // Scene var scene = new THREE.Scene(); scene.rotation.x = 2; // Create + init position mesh var ammount = 1; var material = new THREE.ShaderMaterial( { uniforms: { time: { type: "f", value: 0 }, }, vertexShader : vertShader, fragmentShader : fragShader } ); var geometry = new THREE.SphereGeometry( 30,200,200); var planet = new THREE.Mesh( geometry, material ); scene.add( planet ); // planet.scale.x = 1; planet.position.x = 0; planet.position.y = 0; planet.position.z = 0; planet.modifier = Math.random(); planet.material.transparent = true; planet.material.opacity = 1*Math.random(); // Render var start = Date.now(); function render(){ material.uniforms[ 'time' ].value = .00015 * ( Date.now() - start ); scene.rotation.y += 0.002; renderer.render(scene,camera); window.requestAnimationFrame(render); } window.requestAnimationFrame(render);
粒子
时间
文字
hover
canvas
3d
游戏
音乐
火焰
水波
轮播图
鼠标跟随
动画
css
加载动画
导航
菜单
按钮
滑块
tab
弹出层
统计图
svg
×
Close
在线代码下载提示
开通在线代码永久免费下载,需支付20jQ币
开通后,在线代码模块中所有代码可终身免费下!
您已开通在线代码永久免费下载,关闭提示框后,点下载代码可直接下载!
您已经开通过在线代码永久免费下载
对不起,您的jQ币不足!可通过发布资源 或
直接充值获取jQ币
取消
开通下载
<!doctype html> <html> <head> <meta charset="utf-8"> <title>危险的星球-jq22.com</title> <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <style>
</style> </head> <body>
<script>
</script>
</body> </html>
2012-2021 jQuery插件库版权所有
jquery插件
|
jq22工具库
|
网页技术
|
广告合作
|
在线反馈
|
版权声明
沪ICP备13043785号-1
浙公网安备 33041102000314号