- 4-1 Why Particle Systems Matter
- 4-2 A Single Particle
- 4-3 An Array of Particles
- 4-4 A Particle Emitter
- 4-5 A System of Emitters
- 4-6 Inheritance and Polymorphism
- 4-7 Particle Systems with Forces
- 4-8 Particle Systems with Repellers
- 4-9 Image Textures and Additive Blending
https://youtu.be/syR0klfncCk?si=qhFGDXfc_NyzJyWH
HTML에서 파티클 스크립트 추가하기
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.3/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.3/addons/p5.sound.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8" />
</head>
<body>
<main>
</main>
<script scr="particle.js"></script> //파티클 스크립트 작성해주기!
<script src="sketch.js"></script>
</body>
</html>
chaptor 2에서 만들었든 mover를 particle로 바꾸고 gravity만 남겨두기
// Particle systems
let particle;
function setup() {
createCanvas(400, 400);
particle = new particler(200,200);
}
function draw() {
background(220);
let gravity = createVector(0, 0.2);
particle.applyForce(gravity);
paritcle.update();
paritcle.edges();
particle.show();
}
파티클에서 꼭 결정되어야하는 속성들
