js怎么實(shí)現(xiàn)沿線的onframe行走

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

下邊列舉一個(gè)在實(shí)際中的應(yīng)用，如何沿著一條做好的線，在線上動(dòng)態(tài)的移動(dòng)一個(gè)模型文件。

以下是具體的js代碼： 

//一個(gè)通用函數(shù)，如何把te中g(shù)eometry的點(diǎn)類型，轉(zhuǎn)換成position位置

function pointToPostion(point,altitudeType)

    {        

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

        return postionl;

    }

    //定義行走的模型，時(shí)間等參數(shù)

        var model = null;

        var time;  

        var linePointCount=0;   

        var i;   

        var altitudeType; 

        var linePoint;

        function Init()

        {

           i=0;

          //找到事先畫好的線對(duì)象

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

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

           //獲得線對(duì)象的geometry和高度類型，線中包含的點(diǎn)

           var polygonGeometry = poly.Geometry;  

           altitudeType=poly.Position.AltitudeType;

           linePoint= polygonGeometry.Points;

           linePointCount=polygonGeometry.Points.Count;

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

           //初始化時(shí)間和onframe事件

            time = new Date();

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

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

        }

     //onframe時(shí)間實(shí)現(xiàn)，這是代碼的關(guān)鍵

      function onFrame()

        {

         //按照線中的點(diǎn)進(jìn)行行走，從第一個(gè)點(diǎn)到最后一個(gè)，當(dāng)大于點(diǎn)數(shù)，路徑走            完

            if(i<linePointCount-1)

            {

            //取當(dāng)前點(diǎn)和后一個(gè)點(diǎn)，計(jì)算距離，起點(diǎn)指向終點(diǎn)的角度

              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);       

             //計(jì)算onframe執(zhí)行一次的時(shí)間，對(duì)象行走的距離         

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

              //計(jì)算當(dāng)前距離是否超高當(dāng)前線段距離，如超過則切換線中下一個(gè)點(diǎn)

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

              if(nowDis<distance)

              {

             //設(shè)置模型的位置

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

               model.Position.Pitch=0;

              }

              else

              {

           //切換下一個(gè)點(diǎn)

                  model.Position = spos;

                  i++;

              }

               time = new Date();

            }

            else

            {                

               SGWorld.DetachEvent("onFrame", onFrame);  

            }

        }

到此，關(guān)于“js怎么實(shí)現(xiàn)沿線的onframe行走”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！