three.js前后移动球

奥列克桑德(Oleksandr)

我试图在three.js中创建一个不断向前和向后移动但没有成功的球。就是行不通。仅向一个方向移动。
我的代码:

       var scene = new THREE.Scene();    
       var camera = new THREE.PerspectiveCamera( 75,                    window.innerWidth/window.innerHeight, 0.1, 1000 );    
        var renderer = new THREE.WebGLRenderer();    
        renderer.setSize( window.innerWidth, window.innerHeight );    
        document.body.appendChild( renderer.domElement );    
        var faceradius = 0.2;    
        var bodyradius = 0.2;
        var geometry = new THREE.SphereGeometry( faceradius, 32, 32 );//sphere size
        var material = new THREE.MeshBasicMaterial( { color: 0x24D69D } ); //red color
        var face = new THREE.Mesh( geometry, material );
        scene.add( face );      
        var group = new THREE.Group();
        group.add(face);
        scene.add(group);
        var counter = 0;
        camera.position.z = 5;

        var render = function () {
            requestAnimationFrame( render );
            if (counter < 100){
                group.position.x += 0.01;
                counter++;
            }

            renderer.render(scene, camera);

            if (counter > 100){
                group.position.x -= 0.01;
                counter++;
            }

            if (counter > 200){
                counter = 0;
            }
            renderer.render(scene, camera);
        };

        render();
护臂

试试这个:

var render = function () {
  requestAnimationFrame( render );

  if (counter <=100){ //Note the <=
    group.position.x += 0.01;
    counter++;
  }

  if (counter > 100){
    group.position.x -= 0.01;
    counter++;
  }

  if (counter > 200){
    counter = 0;
  }
  renderer.render(scene, camera);
};

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在pygame中前后移动精灵

来自分类Dev

当启用跟踪球控件时,Three.js mousedown无效

来自分类Dev

Three.js-翻译还是移动?

来自分类Dev

面向移动设备的Three.js问题

来自分类Dev

Three.js项目导致移动崩溃

来自分类Dev

Three.js项目导致移动崩溃

来自分类Dev

在Android的ListView中滑动时,视图前后移动

来自分类Dev

如何允许玩家在Unity中前后移动对象

来自分类Dev

THREE.ObjectLoader的Three.js错误

来自分类Dev

Three.js:SVGRenderer?

来自分类Dev

Three.js /交集

来自分类Dev

Three.js-TransformControls

来自分类Dev

Three.JS与流

来自分类Dev

Three.js旋转

来自分类Dev

Three.js-点

来自分类Dev

Three.js-TransformControls

来自分类Dev

Three.js轨迹球控件拖动事件在UIkit模态中不起作用

来自分类Dev

three.js通过鼠标向下旋转对象并移动

来自分类Dev

Three.js移动相机或两个不同的相机

来自分类Dev

three.js-灯光移动时不更新场景照明

来自分类Dev

在Three.js中沿样条线(圆)移动对象

来自分类Dev

Three.JS FPS控件左右移动

来自分类Dev

Three.js将鼠标移动限制为仅场景

来自分类Dev

Three.JS通过移动设备围绕对象旋转相机

来自分类Dev

Three.js将对象移动到相机前面

来自分类Dev

Three.js在场景的左右移动相机

来自分类Dev

Three.js转换控件-以编程方式移动

来自分类Dev

在Three.JS粒子系统中移动单个粒子

来自分类Dev

THREE.js-在从TubeGeometry构造的网格上移动纹理