자력선이나 전기력선(과 같은 것)을 시각화한다

바람의 시각화에 영감을 받아





최근 이런 풍속을 가시화한 CG를 보는 일은 없습니까?

도쿄풍속
어스
Windy

바람의 움직임을 잘 알 수 있습니다. 태풍이 가까워지면 볼 수 있습니다.
어떻게 그리는지 확실하지 않았습니다.
요 전날 Generative Design의 p5.js 사이트를 보면서 알았습니다.

Generative Design with p5.js

바람의 시각화는 이 중의 M_1_5_02의 예와 거의 같게 그릴 수 있는 것을 깨달았습니다
풍속의 데이터(와 그 취급)를 준비하려면 조금 수고가 걸리므로
우선 자력선과 같은 것을 그리려고 했습니다.

알고리즘


  • 점 객체를 난수 좌표로 많은 수 (예 : 5000 정도) 발생시킵니다.
  • 각 점 객체는 벡터 필드로 이동합니다. 이 때 궤적을 그립니다
  • 화면을 업데이트 할 때 알파 (5 ~ 10 % 정도)로 화면을 지 웁니다.
  • 화면이 튀어 나온 점의 좌표를 난수로 초기화합니다.
  • 점 객체에 수명 (TTL)을 부여하고 수명이 다하면 난수 좌표로 초기화합니다.

    전하를 2개(+)와 (-)를 준비해 그 주위의 전장···와 같은 것을
    풍속처럼 흐르는 이미지로 시각화 해 보았습니다.
    물리적, 수학적으로 엄격하지 않습니다.

    소스 코드



    스케치(p5js web editor)
    htps : // 에아와 r. p5js. 오 rg / u ty fu o l / s t t s / r1 vk ぁ cQ

     # 덤
    비슷한 방법으로 Van der Pol의 미분 방정식의 해를 시각화 해 보았습니다.
  • 좋은 웹페이지 즐겨찾기