p5js 에서 시간이 나오는걸 어떻게 더 하면 더 입체적으로 볼수 있을까 해서 해 보았다전체 코드이다 p5js cdn을 들고 과서 link에 추가 해 서 사용 하였다(사이트에 가서하면 script안에 들어 있는거만 복사 해서 하면 같은 화면을 볼 수 있다).맨 안쪽에

오늘 해 볼거는 js중 processing 과 같은 라이브러리가 있어 그것을 하려고 했지만 시간이 없어서 이번에도 canvsJS로 한다 (다음: p5.js) html 전체 코드 canvasJS코드 다음은 함수별 설명 init(): 이 함수는 캔버스를 초기화하고

우선 canvas JS 의 이해가 필요하다html : 다음은 원을 그리는 지름을 그리는 js 핵심 코드 이다.위 코드에선 우선 radius 는 원의 반지름, w2와 h2는 원의 중심 좌표this.radius.val 와 this.center.x와 this.center.y

오늘은 코드 팬에서 신기한 것을 보아 그것을 만들었다

GIS Developer 김형준 님의 유튜브 영상 을 보며 만들어본 three.js의 particle 를 해 보았습니다.우선 html 코드 입니다.영상을 보면 시간이 지난 영상이라 three.js 에서 지원 하지 않는 것도 있고 버전 도 맞추기 위한 코트를 추가로 작성