# Particle

mouseEffect
원래 오늘 js중 processing 과 같은 라이브러리가 있어 그것을 하려고 했지만 시간이 없어서 이번에도 canvsJS로 한다 (다음: p5.js) html 전체 코드 canvasJS코드 다음은 함수별 설명 init(): 이 함수는 캔버스를 초기화하고 2D 렌더링 컨텍스트 (ctx)를 가져온 다음, resizeReset() 함수를 호출하여 캔버스 크기를 창의 내부 크기와 일치하도록 설정하고, animationLoop()를 호출하여 애니메이션 루프를 시작함니다. resizeReset(): 이 함수는 캔버스 크기를 창의 내부 크기와 일치하도록 설정하는 역할을 담당합니다. 캔버스의 너비 (w)와 높이 (h)를 창의 내부 너비와 높이로 설정합니다. mouseMove(e): 이 함수는 마우스 이동 이벤트를 처리하여 마우스 위치를 따라 갑니다. e 매개변수는 이벤트 객체를 나타내고, 이벤트가 발생할 때마다 mouse.x와 mouse.y 속성을 현재 마우스 좌표로 업데이트합니다.

three.js particle
GIS Developer 김형준 님의 유튜브 영상 을 보며 만들어본 three.js 의 particle 를 해 보았습니다. 우선 html 코드 입니다. 영상을 보면 시간이 지난 영상이라 three.js 에서 지원 하지 않는 것도 있고 버전 도 맞추기 위한 코트를 추가로 작성하였습니다. html 에선 위에 코드를 추가해 최신 three.js 를 사용 할 수 있게 해 주었습니다. 다음은 css 파일 입니다. css 파일은 간단한 새팅 이라고 보면 됨니다. 다음은 patcle 을 표현 하기 위한 three.js 코드 입니다. 링크텍스트 이상 입니다.
Floating Particle의 Transport - Nanoparticle
Transport of Nanoparticles in Gases:Overview and Recent Advances(Lutz Madler, 2007) Transport Phenomena(Bird, Stewart, and Lighfoot,2002) Brownian Diffusion Particle Diffusivity Fick's Diffusion Equation > Fick's second Law > ${\partial n \over \partial t}=D{\partial^2n\over\partial x^2}$ > $n$ = the one-dimensional (x-coordinate) particle number concentration $n_0$ at $t=0$ 사고 실험을 하나 해봅시다. x축으로만 갈 수 있는 공간에서 monodisperse cloud of Particles를 짧은 주기로 방출할거에요 Dirac's delta funct