목록Interactive(HTML Canvas ・three.js ・game) (12)

My Boundary As Much As I Experienced

펄린 노이즈(Perlin Noise)를 이용하여 예쁜(?) 무작위성을 주기

펄린 노이즈(Perlin Noise)란?펄린 노이즈(Perlin Noise)는 컴퓨터 그래픽스와 애니메이션에서 자연스러운 텍스처와 패턴을 생성하기 위해 사용되는 알고리즘이다. 켄 펄린(Ken Perlin)이 개발한 이 기법은 랜덤한 값을 기반으로 하지만, 부드럽고 연속적인 변화를 가지도록 설계되어 구름, 산맥, 물결 등의 자연 현상을 시뮬레이션하는 데 유용하다. 펄린 노이즈는 각기 다른 해상도의 노이즈를 합성하여 복잡하고 디테일한 결과를 얻는 프랙탈 노이즈 생성에도 자주 사용된다. p5.js에서의 펄린 노이즈p5.js에선 noise함수를 이용하여 펄린 노이즈를 만들 수 있다. 안에 좌표가 될 숫자값을 하나 넣어줘야한다. 그리고 p5.js의 기본적인 사용성 중 하나인데, draw함수는 1초에 60프레임으로..
Interactive(HTML Canvas ・three.js ・game)/CSS・Canvas ・ p5.js ・ Pixi.js 2024. 5. 17. 02:18
p5.js로 크리에이티브 코딩을 시작했다.

내가 요새 듣는 강의인 Nature of Code는 자바스크립트로 인터랙티브 코딩을 배우는 강의이다. 이 NoC는 20년 전에 먼저 책으로 나왔는데, Java의 Processing을 기반으로 되어있는 책이었다고 한다.그러나 감사하게도 2020년대에 The Coding Train이란 유튜버가 자바스크립트의 p5.js로 강의를 리뉴얼하였고,덕분에 내가 편하게 들을 수 있는 것이다. 인터랙티브한 프로덕트들, 특히 게임을 만들기 위한 첫걸음이라고 생각한다. 홧팅~ https://thecodingtrain.com/tracks/the-nature-of-code-2 The Coding TrainAll aboard the Coding Train with Daniel Shiffman, a YouTube channel d..
Interactive(HTML Canvas ・three.js ・game)/CSS・Canvas ・ p5.js ・ Pixi.js 2024. 5. 17. 00:43
이전 Prev 1 2 Next 다음