Написать 3D Soft Engine с нуля: Часть 5

  // рисуем линию между 2 точками слева направо 
  / papb -> pcpd 
  / pa, pb, pc, pd должны быть отсортированы до 
  public processScanLine (данные: ScanLineData, va: Vertex, vb: Vertex, 
  vc: вершина, vd: вершина, цвет: BABYLON.Color4): void { 
     var pa = va.Coordinates; 
     var pb = vb.Coordinates; 
     var pc = vc.Coordinates; 
     var pd = vd.Coordinates; 
      // Благодаря текущему Y мы можем вычислить градиент для вычисления других значений, таких как 
     // начальный X (sx) и конечный X (ex) для рисования между 
     // если pa.Y == pb.Y или pc.Y == pd.Y, градиент равен 1 
     var градиент1 = pa.y! = pb.y?  (data.currentY - pa.y) / (pb.y - pa.y): 1; 
     var градиент2 = pc.y! = pd.y?  (data.currentY - pc.y) / (pd.y - pc.y): 1; 
      var sx = this .interpolate (pa.x, pb.x, градиент1) >> 0; 
     var ex = this .interpolate (pc.x, pd.x, градиент2) >> 0; 
      // начинаем Z и заканчиваем Z 
     var z1: number = this .interpolate (pa.z, pb.z, градиент1); 
     var z2: number = this .interpolate (pc.z, pd.z, градиент2); 
      var snl = this .interpolate (data.ndotla, data.ndotlb, градиент1); 
     var inv = this .interpolate (data.ndotlc, data.ndotld, градиент2); 
      // рисуем линию слева (sx) вправо (ex)  
     для ( var x = sx; x <ex; x ++) { 
         градиент var : число = (x - sx) / (ex - sx); 
          var z = this .interpolate (z1, z2, Градиент); 
         var ndotl = this .interpolate (snl, inv, градиент); 
         // изменение значения цвета с использованием косинуса угла 
         // между вектором света и вектором нормали 
         this .drawPoint ( новый BABYLON.Vector3 (x, data.currentY, z), 
  новый BABYLON.Color4 (color.r * ndotl, color.g * ndotl, color.b * ndotl, 1)); 
     } 
  public drawTriangle (v1: вершина, v2: вершина, v3: вершина, цвет: BABYLON.Color4): void { 
     // Сортировка точек, чтобы всегда иметь этот порядок на экране p1, p2 & p3 
     // с p1 всегда вверх (таким образом, Y имеет наименьший возможный, чтобы быть около верхнего экрана) 
     // затем p2 между p1 и p3 
     if (v1.Coordinates.y> v2.Coordinates.y) { 
         var temp = v2; 
         v2 = v1; 
         v1 = температура; 
     } 
      if (v2.Coordinates.y> v3.Coordinates.y) { 
         var temp = v2; 
         v2 = v3; 
         v3 = температура; 
     } 
      if (v1.Coordinates.y> v2.Coordinates.y) { 
         var temp = v2; 
         v2 = v1; 
         v1 = температура; 
     } 
      var p1 = v1.Coordinates; 
     var p2 = v2.Coordinates; 
     var p3 = v3.Coordinates; 
      // Светлая позиция 
     var lightPos = new BABYLON.Vector3 (0, 10, 10);  
     // вычисление cos угла между вектором света и вектором нормали 
     // он вернет значение от 0 до 1, которое будет использоваться как интенсивность цвета 
     // var ndotl = this.computeNDotL (centerPoint, vnFace, lightPos); 
     var nl1 = this .computeNDotL (v1.WorldCoordinates, v1.Normal, lightPos); 
     var nl2 = this .computeNDotL (v2.WorldCoordinates, v2.Normal, lightPos); 
     var nl3 = this .computeNDotL (v3.WorldCoordinates, v3.Normal, lightPos); 
      var data: ScanLineData = {}; 
      // вычисление направлений линий 
     var dP1P2: число ;  var dP1P3: число ; 
      // http://en.wikipedia.org/wiki/Slope 
     // Вычисление уклонов 
     if (p2.y - p1.y> 0) 
         dP1P2 = (p2.x - p1.x) / (p2.y - p1.y); 
     еще 
         dP1P2 = 0; 
      если (p3.y - p1.y> 0) 
         dP1P3 = (p3.x - p1.x) / (p3.y - p1.y); 
     еще 
         dP1P3 = 0; 
      если (dP1P2> dP1P3) { 
         for ( var y = p1.y >> 0; y <= p3.y >> 0; y ++) 
         { 
             data.currentY = y; 
              if (y <p2.y) { 
                 data.ndotla = nl1; 
                 data.ndotlb = nl3; 
                 data.ndotlc = nl1; 
                 data.ndotld = nl2; 
                 это .processScanLine (данные, v1, v3, v1, v2, цвет); 
             } 
             еще { 
                 data.ndotla = nl1; 
                 data.ndotlb = nl3; 
                 data.ndotlc = nl2; 
                 data.ndotld = nl3; 
                 это .processScanLine (данные, v1, v3, v2, v3, цвет); 
             } 
         } 
     } 
     еще { 
         for ( var y = p1.y >> 0; y <= p3.y >> 0; y ++) 
         { 
             data.currentY = y; 
              if (y <p2.y) { 
                 data.ndotla = nl1; 
                 data.ndotlb = nl2; 
                 data.ndotlc = nl1; 
                 data.ndotld = nl3; 
                 это .processScanLine (данные, v1, v2, v1, v3, цвет); 
             } 
             еще { 
                 data.ndotla = nl2; 
                 data.ndotlb = nl3; 
                 data.ndotlc = nl1; 
                 data.ndotld = nl3; 
                 это .processScanLine (данные, v2, v3, v1, v3, цвет); 
             } 
         } 
     } 
 

  // рисуем линию между 2 точками слева направо 
  / papb -> pcpd 
  / pa, pb, pc, pd должны быть отсортированы до 
  Device.prototype.processScanLine = function (data, va, vb, vc, vd, color) { 
     var pa = va.Coordinates; 
     var pb = vb.Coordinates; 
     var pc = vc.Coordinates; 
     var pd = vd.Coordinates; 
      // Благодаря текущему Y мы можем вычислить градиент, чтобы вычислить другие значения, такие как 
   // начальный X (sx) и конечный X (ex) для рисования между
   // если pa.Y == pb.Y или pc.Y == pd.Y, градиент равен 1
    var  градиент1 = pa.y! = pb.y? (data.currentY - pa.y) / (pb.y - pa.y): 1;
     var  градиент2 = pc.y! = pd.y? (data.currentY - pc.y) / (pd.y - pc.y): 1;
      var  sx =  this  .interpolate (pa.x, pb.x, градиент1) >> 0;
     var  ex =  this  .interpolate (pc.x, pd.x, градиент2) >> 0;
      // начало Z и окончание Z
     var  z1 =  this  .interpolate (pa.z, pb.z, градиент1);
     var  z2 =  this  .interpolate (pc.z, pd.z, градиент2);
      var  snl =  this  .interpolate (data.ndotla, data.ndotlb, градиент1);
     var  eng =  это .interpolate (data.ndotlc, data.ndotld, градиент2);
     // рисуем линию слева (sx) вправо (ex) 
     для  (  var  x = sx; x <ex; x ++) {
         var  градиент = (x - sx) / (ex - sx);
         var  z =  this  .interpolate (z1, z2, Градиент);
        var  ndotl =  this  .interpolate (snl, eng, градиент);
        // изменение значения цвета с использованием косинуса угла
       // между вектором света и вектором нормали
        this  .drawPoint (  новый  BABYLON.Vector3 (x, data.currentY, z), 
 новый  BABYLON.Color4 (color.r * ndotl, color.g * ndotl, color.b * ndotl, 1));
     } 
  ; 
Device.prototype.drawTriangle =  function  (v1, v2, v3, color) {
     // Сортировка точек, чтобы всегда иметь этот порядок на экране p1, p2 & p3
   // с p1 всегда вверх (таким образом, Y имеет наименьший возможный, чтобы быть около верхнего экрана)
   // затем p2 между p1 и p3
    if  (v1.Coordinates.y> v2.Coordinates.y) {
         var  temp = v2;
       v2 = v1;
       v1 = температура;
     } 
     if  (v2.Coordinates.y> v3.Coordinates.y) {
         var  temp = v2;
       v2 = v3;
       v3 = температура;
     } 
     if  (v1.Coordinates.y> v2.Coordinates.y) {
         var  temp = v2;
       v2 = v1;
       v1 = температура;
     } 
     var  p1 = v1.Coordinates;
    var  p2 = v2.Coordinates;
    var  p3 = v3.Coordinates;
     // Положение света
     var  lightPos =  new  BABYLON.Vector3 (0, 10, 10);
    // вычисление cos угла между вектором света и вектором нормали
   // он вернет значение от 0 до 1, которое будет использоваться как интенсивность цвета
    var  nl1 =  this  .computeNDotL (v1.WorldCoordinates, v1.Normal, lightPos);
    var  nl2 =  this  .computeNDotL (v2.WorldCoordinates, v2.Normal, lightPos);
    var  nl3 =  this  .computeNDotL (v3.WorldCoordinates, v3.Normal, lightPos);
     var  data = {};
     // вычисление направлений линий
     var  dP1P2;
    var  dP1P3;
     // http://en.wikipedia.org/wiki/Slope
   // Вычисление уклонов
    if  (p2.y - p1.y> 0)
       dP1P2 = (p2.x - p1.x) / (p2.y - p1.y);  еще 
        dP1P2 = 0;
     если  (p3.y - p1.y> 0)
       dP1P3 = (p3.x - p1.x) / (p3.y - p1.y);  еще 
        dP1P3 = 0;
     if  (dP1P2> dP1P3) {
         for  (  var  y = p1.y >> 0; y <= p3.y >> 0; y ++) {
           data.currentY = y;
             if  (y <p2.y) {
               data.ndotla = nl1;
               data.ndotlb = nl3;
               data.ndotlc = nl1;
               data.ndotld = nl2;
                это  .processScanLine (данные, v1, v3, v1, v2, цвет);
           }  еще  {
               data.ndotla = nl1;
               data.ndotlb = nl3;
               data.ndotlc = nl2;
               data.ndotld = nl3;
                это  .processScanLine (данные, v1, v3, v2, v3, цвет);
             } 
         } 
     } 
    else  {
         for  (  var  y = p1.y >> 0; y <= p3.y >> 0; y ++) {
           data.currentY = y;
             if  (y <p2.y) {
               data.ndotla = nl1;
               data.ndotlb = nl2;
               data.ndotlc = nl1;
               data.ndotld = nl3;
                это  .processScanLine (данные, v1, v2, v1, v3, цвет);
           }  еще  {
               data.ndotla = nl2;
               data.ndotlb = nl3;
               data.ndotlc = nl1;
               data.ndotld = nl3;
                это  .processScanLine (данные, v2, v3, v1, v3, цвет);
             } 
         } 
     } 
  ;