토요일 아침입니다. 상쾌하게 조깅을 하고, 맛있는 시리얼을 먹은 뒤, 따뜻한 캐모마일 차와 함께 조용히 컴퓨터 앞에 앉았습니다. 달력을 보니 곧 오랜 친구의 생일이라 p5.js로 축하 카드를 만들기로 했습니다. 색종이를 날리는 축하 카드는 어떨까요? 보라색, 분홍색 색종이, 별 모양, 네모 모양 색종이, 빠르게 날리는 색종이, 천천히 떨어지는 색종이 등 여러 가지 모양과 움직임을 가진 색종이들이 한꺼번에 화면에서 터지는 축하 카드를 만들어보기로 했습니다. / 이는 파티클 시스템입니다. 색종이 조각(confetti)이라는 파티클을 다루는 파티클 시스템입니다. Particle 클래스를 다시 설계해서 색상, 모양, 움직임 등을 저장하는 변수를 넣을 수 있습니다.
--- p.185

지금까지 만든 플래피 버드 게임은 마우스 클릭으로 조작했습니다. 이제는 컴퓨터가 직접 게임을 플레이하도록 만들고, 신경진화를 통해 게임하는 방법을 학습시켜보겠습니다. ml5.js에는 신경진화 기능이 내장되어 있어서, 비교적 쉽게 구현할 수 있습니다. 첫 번째 단계는 새에게 ‘뇌’를 심어서 스스로 날갯짓을 할지 말지 결정할 수 있게 만드는 것입니다.
--- p.557

좋은 무작위 숫자 생성기는 서로 연관성이 없고 규칙성이 보이지 않는 숫자들을 만듭니다. 하지만 자연스럽고 생동감 있는 움직임을 프로그래밍할 때는 약간의 무작위성만 있으면 충분합니다. 오히려 완전히 균일한 무작위성은 부자연스러울 수 있습니다. 켄 펄린(Ken Perlin)이 만든 펄린 노이즈(Perlin noise) 알고리즘은 이러한 부분을 고려해 만들어졌습니다. 이 알고리즘은 연속해서 나오는 숫자들이 서로 비슷한 값을 갖도록 합니다. 이렇게 하면 숫자들 사이의 변화가 부드러워져서, 완전히 무작위인 경우보다 더 자연스러운 느낌을 줍니다. 그래서 펄린 노이즈는 구름, 풍경, 대리석 무늬 같은 자연스러운 패턴을 만드는 데 많이 사용됩니다.
--- p.21

다음 그림은 이 책의 내용을 바탕으로 생태계를 만들 때 도움이 될 만한 아이디어를 제공하는 그림입니다. 새로운 개념과 기술을 배울 때마다 이 그림이 어떻게 발전하는지 살펴보세요. / 이 책의 주된 목적은 알고리즘과 행동 원리를 보여주는 것이기 때문에, 예제들은 대부분 원 같은 간단한 도형 하나로만 이루어져 있습니다. 하지만 여러분은 이보다 더 창의적인 생각을 가지고 있을 거예요. 그러니 여러분이 그린 요소들로 디자인에 도전해보세요. 만약 디자인을 코드로 옮기는 게 처음이라면, 이 책의 일러스트레이터인 재나 마시가 쓴 가이드를 참고해보세요. 부록에 있는 이 가이드는 코드로 그림을 그리는 방법을 알려줍니다.
--- p.32

attract() 메서드의 코드를 다시 살펴보세요. 나누기 기호가 보이나요? 나누기 연산은 할 때마다 ‘만약 거리가 아주 작거나 (더 심각하게는!) 0이 되면 어떻게 될까?’라는 질문을 해봐야 합니다. 0으로 나누는 것은 불가능하고, 0.0001 같은 아주 작은 수로 나누면 사실상 10,000을 곱하는 것과 같습니다! 이는 실제 중력 공식에서는 문제가 없을 수 있지만, p5.js는 실제 세계가 아닙니다. p5.js에서는 mover가 attractor에 너무 가까워질 수 있고, 그러면 힘이 너무 강해져서 mover가 화면 밖으로 날아갈 수 있습니다. / 반대로, mover가 attractor에서 500픽셀 떨어져 있다고 가정해봅시다. 거리를 제곱하기 때문에 이는 힘을 250,000으로 나누는 셈이 됩니다. 그러면 힘이 너무 약해져서 거의 효과가 없어 보일 수도 있습니다.
--- p.106

시에르핀스키 삼각형만큼 흥미롭지는 않습니다. 앞서 언급했던 것처럼 256개의 기초 규칙 집합의 대부분은 그다지 멋진 패턴을 만들지 못합니다. 하지만 두 가지 상태만 가진 단순한 셀들로도 자연에서 볼 수 있는 놀라운 패턴을 만들어낼 수 있다는 사실은 정말 신기합니다. 예를 들어 그림 7.18의 고둥 껍질은 울프럼의 규칙 30이 만드는 패턴과 비슷한 모양을 가지고 있습니다. 이를 통해 셀룰러 오토마타가 자연의 패턴을 모방하고 새로운 패턴을 만드는 데 얼마나 유용한지 알 수 있습니다. / 그럼 다양한 규칙 집합이 만드는 결과를 더 자세히 살펴보기 전에, p5.js로 울프럼의 기초 셀룰러 오토마타를 만들고 화면에 표시하는 방법을 배워보겠습니다.