ボウル上を移動する3つのjsオブジェクトz位置

Question

3JSゲームを行っています。

さて、何が起こるはずですが、z位置から-5000これは私がメッシュを作成する方法です

0に来るボールです：レンダリングで

let geometry = new THREE.SphereGeometry(100, 32, 32); 
    let material = new THREE.MeshBasicMaterial({ 
     map: loader.load("images/SoftballColor.jpg"), side: THREE.BackSide 
    }); 
    mesh = new THREE.Mesh(geometry, material); 

    mesh.position.set(0,0, -5000); 

、私はこれを実行しますコード（ボールが近づい）：

mesh.position.z += 50; 

ボールが私に来るが、直線で

Whを私がしたいと思うのは、ボウルの中でこれをすることです。何か案は？

もっと明瞭にするためにいくつかの画像を追加します。

ありがとうございます。

ボールの動き：

Answer 1

Sinus機能が役立ちます。

var how_high = 1000; 
var start_position = new THREE.Vector3(0,0,-5000); 

あなたはそのy値が

ball.position.y = Math.sin(ball.position.z/start_position.z * Math.PI) * how_high; 

jsfiddle例