js怎么實現沿線的onframe行走

這篇文章主要介紹“js怎么實現沿線的onframe行走”，在日常操作中，相信很多人在js怎么實現沿線的onframe行走問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”js怎么實現沿線的onframe行走”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

下邊列舉一個在實際中的應用，如何沿著一條做好的線，在線上動態的移動一個模型文件。

以下是具體的js代碼： 

//一個通用函數，如何把te中geometry的點類型，轉換成position位置

function pointToPostion(point,altitudeType)

    {        

        var postionl=SGWorld.Creator.CreatePosition(point.X,point.Y,point.Z,altitudeType,0,0,0,0);

        return postionl;

    }

    //定義行走的模型，時間等參數

        var model = null;

        var time;  

        var linePointCount=0;   

        var i;   

        var altitudeType; 

        var linePoint;

        function Init()

        {

           i=0;

          //找到事先畫好的線對象

           var item = SGWorld.ProjectTree.FindItem("線\\路徑");

           var poly = SGWorld.ProjectTree.GetObject(item);

           //獲得線對象的geometry和高度類型，線中包含的點

           var polygonGeometry = poly.Geometry;  

           altitudeType=poly.Position.AltitudeType;

           linePoint= polygonGeometry.Points;

           linePointCount=polygonGeometry.Points.Count;

           var fpos=pointToPostion(linePoint.Item(i),altitudeType);

           //初始化時間和onframe事件

            time = new Date();

            SGWorld.AttachEvent("onFrame", onFrame);                                                     //新建一個行走的模型

            model = SGWorld.Creator.CreateModel(fpos, "D:\\skylinedata\\小人.xpl", 3); 

        }

     //onframe時間實現，這是代碼的關鍵

      function onFrame()

        {

         //按照線中的點進行行走，從第一個點到最后一個，當大于點數，路徑走            完

            if(i<linePointCount-1)

            {

            //取當前點和后一個點，計算距離，起點指向終點的角度

              var fpos=pointToPostion(linePoint.Item(i),altitudeType);

              var spos=pointToPostion(linePoint.Item(i+1),altitudeType);

              var distance=fpos.DistanceTo(spos);

              var aimTo=fpos.AimTo(spos);       

             //計算onframe執行一次的時間，對象行走的距離         

              var distToMove = (30 * 1000 / 3600) * (new Date().getTime() - time.getTime()) / 1000;              

              //計算當前距離是否超高當前線段距離，如超過則切換線中下一個點

              var nowDis=fpos.DistanceTo(model.Position);

              if(nowDis<distance)

              {

             //設置模型的位置

               model.Position = model.Position.Move(distToMove, aimTo.Yaw, aimTo.Pitch);

               model.Position.Pitch=0;

              }

              else

              {

           //切換下一個點

                  model.Position = spos;

                  i++;

              }

               time = new Date();

            }

            else

            {                

               SGWorld.DetachEvent("onFrame", onFrame);  

            }

        }

到此，關于“js怎么實現沿線的onframe行走”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！