Toggle navigation
在线编辑器
在线代码
文本比较
jQuery下载
前端库
在线手册
登录/注册
下载代码
html
css
js
分享到微信朋友圈
X
html
css
html, body { margin: 0; padding: 0; overflow: hidden; }
JavaScript
var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000); var renderer = new THREE.WebGLRenderer({ antialias: true }); renderer.setClearColor(0x000000); //var gui = new dat.GUI(); camera.position.set(0, 0, 150); var texture = (function() { var w = 16, h = 16; var canvas = document.createElement('canvas'); //canvas.style.position = 'fixed'; //document.body.appendChild(canvas); canvas.width = w; canvas.height = h; var context = canvas.getContext('2d'); var gradient = context.createRadialGradient(w / 2, h / 2, 0, w / 2, h / 2, w / 2); gradient.addColorStop(0, '#ffffff'); gradient.addColorStop(0.2, '#00ffff'); gradient.addColorStop(0.4, '#000040'); gradient.addColorStop(1, '#000000'); context.fillStyle = gradient; context.fillRect(0, 0, w, h); var texture = new THREE.Texture(canvas); texture.needsUpdate = true; return texture; }()); var params = { radius: 100, tube: 40, radialSegments: 512, tubularSegments: 64, p: 2, // shape q: 3, // shape heightScale: 1 }; var geometry = new THREE.TorusKnotGeometry( params.radius, params.tube, params.radialSegments, params.tubularSegments, params.p, params.q, params.heightScale ); var material = new THREE.PointCloudMaterial({ color: 0xffffff, size: 3, transparent: true, map: texture, blending: THREE.AdditiveBlending, side: THREE.DoubleSide }); var pointCloud = new THREE.PointCloud(geometry, material); pointCloud.sortParticles = true; scene.add(pointCloud); document.body.appendChild(renderer.domElement); var step = 0; var render = function() { window.requestAnimationFrame(render); step += 0.01; pointCloud.rotation.x = step; pointCloud.rotation.z = step; renderer.render(scene, camera); }; var resize = function() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); }; window.addEventListener('resize', resize); resize(); render();
粒子
时间
文字
hover
canvas
3d
游戏
音乐
火焰
水波
轮播图
鼠标跟随
动画
css
加载动画
导航
菜单
按钮
滑块
tab
弹出层
统计图
svg
×
Close
在线代码下载提示
开通在线代码永久免费下载,需支付20jQ币
开通后,在线代码模块中所有代码可终身免费下!
您已开通在线代码永久免费下载,关闭提示框后,点下载代码可直接下载!
您已经开通过在线代码永久免费下载
对不起,您的jQ币不足!可通过发布资源 或
直接充值获取jQ币
取消
开通下载
<!doctype html> <html> <head> <meta charset="utf-8"> <title>three.js点云-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号