在三.js中将球体几何图形上的部分指向
Point a partical on a sphere geometry in three.js
下面是我的片段,现在我想在球体上放置一个粒子。如何将局部和球体几何形状组合在一起?一旦实现了这一点,我想在球体顶部动态渲染粒子
init();
animate();
function init() {
camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 2000 );
camera.position.z = 500;
renderer = new THREE.WebGLRenderer();
renderer.setClearColor( 0x000000 );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
scene = new THREE.Scene();
loader = new THREE.TextureLoader();
loader.load( '<%= image_path('earthmap1k.jpg') %>', function ( texture ) {
geometry = new THREE.SphereGeometry( 200, 20, 20 );
material = new THREE.MeshBasicMaterial( { map: texture, overdraw: 0.5, wireframe: true } );
mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );
} );
function addPartical() {
var distance = 200;
ggeometry = new THREE.Geometry();
vertex = new THREE.Vector3();
theta = THREE.Math.randFloatSpread(360);
phi = THREE.Math.randFloatSpread(360);
vertex.x = distance * Math.sin(theta) * Math.cos(phi);
vertex.y = distance * Math.sin(theta) * Math.sin(phi);
vertex.z = distance * Math.cos(theta);
ggeometry.vertices.push(vertex);
particles = new THREE.Points(ggeometry, new THREE.PointsMaterial({color: 0xffffff}));
particles.boundingSphere = 50;
scene.add(particles);
};
}
function animate() {
requestAnimationFrame( animate );
addParticle();
render();
}
function render() {
renderer.render( scene, camera );
}
如果要将两个对象视为一个对象,请使用THREE.Object3D()
并对其进行操作。
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 使用agility.js进行页面布局和合成
- 使用Clipboard.js复制span文本
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 强制模板刷新ember.js
- 如何编写HTML输入的JS内联
- Angular JS IE9 Hashbang url rewriting
- 使用JS将数组转换为json对象
- 如何绘制具有tween动画效果的三js线几何图形
- 三.js:更新几何图形与替换
- 三.js r74 JSONLoader 将所有几何图形的副本绑定到第一个骨骼
- BufferGeometry 顶点上的几何图形在三个.js
- 如何在三.js中更改平面几何图形的颜色?(总是给我一个黑色的结果)
- 更新对象'相机移动时的几何图形会导致小故障-three.js
- 在三个,js中转换自定义几何图形
- 在Three.js(WebGl Renderer)中制作几何图形可点击的超链接
- 在不影响UI的情况下,将外部几何图形加载到Three.js中的最佳和最快方法是什么
- 手动编辑几何图形后,三个JS没有视觉更新
- 如何在three.js中创建多个几何图形
- 在三.js中将球体几何图形上的部分指向