Three.js启动和停止一个简单的网格

时间:2016-05-31 19:18:03

标签: javascript three.js

我仍然是Three.js和WebGL的新手,但我想要做得更好。你可以检查我的代码找到了解决我为自己设置的一个相当简单的问题。

简单的问题(花了很长时间才解决): 如何从y位置500(浏览器窗口下方)到x,y,z位置0(浏览器窗口的中心)设置一个简单的400 x 400平面网格动画 - 没有使用Tween.js?我知道Three.js的Tween.js对于简单的动作非常有效,但我想找到一个涉及学习的解决方案。使用Tween.js,我什么都学不到。是的,我花了几个小时研究StackOverflow上的各种解决方案以及GitHub上的Doob先生代码库。经过非常广泛的搜索,我无法找到一个能够完全满足我想要的解决方案,namley:一个简单的垂直向上动画,在浏览器窗口的中心开始跳帧并停止。

我的解决方案:

case is_array ( $value ) :
    $value = implode(',', $value);
default :
    $type = PDO::PARAM_STR;

我发布了完成所有工作的两个功能。有人看到不好的做法吗?我的逻辑是

`function animate() { var newPos = plane.position.y; plane.translateY( 4 ); function stopHere () { if (newPos >= 0) { plane.position.set( 0, 0, 0); var stopPlane = plane.position.y = 0; } } requestAnimationFrame(stopHere); } function render() { renderer.render(scene, camera); animate(); }`

不能在render()中;函数,因为它需要在嵌套函数(' stopHere')的范围内

requestAnimationFrame

我遇到了从这个方向接近它的困难:

  `animate();`

经过一周多的简单摔跤,我知道它有效。根据我的理解,我使用了applyMatrix子类的方法并使其工作。我要求评论,因为我想学习Three.js,而不是坏习惯。请问,是否有人看到不良做法或编码错误?非常感谢。

ksqInFlight

1 个答案:

答案 0 :(得分:0)

我是老年人,所以我的方法是,在您的requestAnimationFrame循环中:

<head>
  <title><?php echo $number_count; ?> items found - Mysearch </title>
<head>