Raphael/JS를 사용하여 루프가있는 부드러운 랜덤 라인

Question

$(document).ready(function(){ 
    var x1 = Math.random()*$(window).width(); var y1 = Math.random()*$(window).height(); 
    var x2 = 1; var y2 = 1; 
    var paper = Raphael(document.body); 

    setInterval(function() { 
     randx = Math.random(); randy = Math.random(); 
     if (randx > 0.9) { 
      if (x2 = 1) { 
       if (randx > 0.99) x2 = -1; 
      } 
      else if (x2 = -1) { 
       if (randx > 0.99) x2 = 1; 
      } 
     } else x2 = 0; 
     if (randy > 0.9) { 
      if (y2 = 1) { 
       if (randy > 0.99) y2 = -1; 
      } 
      else if (y2 = -1) { 
       if (randy > 0.99) y2 = 1; 
      } 
     } else y2 = 0; 
     paper.path("M"+x1+" "+y1+"L"+(x1+x2)+" "+(y1+y2)); 
     x1 = x1+x2; 
     y1 = y1+y2; 
    }, 0); 
}); 

이것은 "임의 선"생성 스크립트입니다. 나는 그것이 끔찍해 보일 것임을 알고, 나는 단지 배운다. http://i.stack.imgur.com/R7Kkv.png

내가/라인이 부드럽게 돌려 가능성 것 알고리즘에 대한 제안 사항이 몇 가지 팁을 할 감사 정말 것

등

감사 U를 턴 :하지만이 닮은 무언가를 얻기 위해 노력하고 있어요

Answer 1

답은 이전 점을 중심으로 40x40 정도의 상자 안에 점을 생성하고 그 사이를 3 차 스플라인으로 보간하는 것입니다.