three.js - 根据给定数据将三个 js 对象从一个点移动到另一个点时旋转

Question

我有三个使用给定数据从一个点移动到另一个点的 js 盒子对象。我正在尝试在每个链接上旋转对象。有人可以帮我吗？

这是工作小提琴

https://jsfiddle.net/geoanas/eywgknt8/12/

var json = JSON.parse('{"items":{ "item_1":{ "value": "50","rotation":"100" }, "item_2":{ "value": "60","rotation":"150" }, "item_3": { "value": "70","rotation":"250" }, "item_4": { "value": "50","rotation":"300" }}}');
            var rotation_arr=[0,150,250,300];

            var tween = new Array();
            var i=0;
            for (var key in json["items"]) {
                var pos = parseFloat(json["items"][key].value);
                scene.add(box);
                var targetPosition_temp = new THREE.Vector3(pos, 20, 0);
                *var tween_temp = new TWEEN.Tween(box.position).to(targetPosition_temp, 5000);*
                tween.push(tween_temp);
                if (tween.length > 1) {
                    tween[tween.length - 2].chain(tween[tween.length - 1]);

                }
                i++;
            }
            tween[0].start();

标签： three.js