小编Kyl*_*leK的帖子

如何为球体创建简单的垂直弹跳动画

我希望我创建的旋转球体也能垂直弹跳无限次,看起来就像球在现实生活中严格在 y 轴上弹跳的方式一样真实。

我发现的 webgl 示例似乎有点过载(多个球在多个平面上弹跳),并且我无法推断出核心设置来实现我所需要的。

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(50, 300 / 200, 1, 1000);


var renderer = new THREE.WebGLRenderer();
renderer.setSize(300, 200);
document.body.appendChild(renderer.domElement);

var geometry = new THREE.SphereGeometry(3, 50, 50, 0, Math.PI * 2, 0, Math.PI * 2);
var material = new THREE.MeshNormalMaterial();
var cube = new THREE.Mesh(geometry);
scene.add(cube);



camera.position.z = 10;
var render = function () {
    requestAnimationFrame(render);
		cube.rotation.x -= 0.10;
    cube.rotation.y += 0.00;

    renderer.render(scene, camera);
};

render();
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/94/three.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

three.js

0
推荐指数
1
解决办法
2769
查看次数

标签 统计

three.js ×1