高级数学编程(中韩合作) 고급수리프로그램

Advanced Mathematical Programming - Physics Library with Processing

물리 엔진(Physics Engine)은 중력, 충돌, 마찰, 강체/연체 운동 등 현실의 물리 법칙을 가상 공간에 구현하는 소프트웨어입니다. 뉴턴 역학을 기반으로 물체 간 상호작용과 운동 상태를 실시간으로 계산하여 시각화합니다.

본 교과목은 Processing을 활용해 물리 엔진의 원리를 이해하고 직접 구현하는 실습 중심 수업입니다. 입자 시스템, 충돌 감지, 힘과 운동량 시뮬레이션 등을 단계적으로 학습하며, 이를 디지털 작품 제작에 응용하는 역량을 기릅니다.

교육 목표

물리 엔진의 핵심 개념(중력, 충돌, 마찰, 운동량 등)을 이해하고, 뉴턴 역학 기반의 시뮬레이션 원리를 설명할 수 있다.
Processing 프로그래밍을 활용하여 입자 시스템, 충돌 감지, 강체/연체 운동 등 물리 기반 시뮬레이션을 직접 구현할 수 있다.
물리 엔진 프로그래밍 기술을 응용하여 게임, 인터랙티브 미디어, 디지털 시각화 등 창의적인 작품을 기획하고 제작할 수 있다.

Text

http://box2d.org/
The Nature of Code: Simulating Natural Systems with Processing, Daniel Shiffman. Dec 2012, The Nature of Code
Processing: A Programming Handbook for Visual Designers and Artists, Casey Reas and Ben Fry (Foreword by John Maeda). August 2007, MIT Press.
Processing: Creative Coding and Computational Art (Foundation), Ira Greenberg (Foreword by Keith Peters). May 2007, Friends of Ed.

Reference Sites

OpenProcessing, Mycelium, Onecm
https://openprocessing.org/browse?q=game&time=anytime&type=tags&offset=0#
Learning Processing, Daniel Shiffman. August 2008, Morgan Kaufmann.

Processing

2026.05.09
MovingMark
https://openprocessing.org/sketch/877246 https://processing.org/reference/colorMode_.html

1 Pixels 2 Processing 3 Interaction 4 Variable


void setup() void draw()
size(width, height); fullScreen();
colorMode(RGB, 255, 255, 255);  
colorMode(HSB, 360, 100, 100)];
rectMode(CENTER);
noFill(); fill(); 
strokeWeight(weight);
stroke(hue, saturation, brightness);
line(x1, y1, x2, y2);
rect(x, y, width, height);
ellipse(x, y, radius, radius);
arc(x, y, width, height, start, stop);
map(value, start1, stop1, start2, stop2);

2026.05.12

5 Conditions 6 Loop 7 Functions


background(color); 
random(high); noise(x)
frameCount, frameRate
key, keyCode, keyPressed 
mouseX, mouseY, pmouseX, pmouseY
mouseButton, mousePressed, mouseMoved, mouseDragged, mouseReleased
variable, function

Simple Logo and Pattern

2026.05.19

chap 8. Objects

8 Objects
MovingCar, RainDrop, MovingMark, MovingBezier
FaceMeshMediaPipe …
RainDrop Gravity Behavior

object-oriented programming (OOP) pptx works in Processing
https://processing.org/tutorials/objects/
https://processing.org/reference/class.html

MovingMark
https://openprocessing.org/sketch/877246

Variable


MovingMark mk1, mk2, mk3;
mk1 = new MovingMark();
mk2 = new MovingMark(100, 300, 120, 50);
mk1.draw();
mk2.draw();

chap 9. Arrays

Array


MovingMark[] mks = new MovingMark[20];
for(int i=0; i<mks.length; i++) {
  mks[i] = new MovingMark();
}
for(int i=0; i<mks.length; i++) {
  mks[i].draw();
}

2026.05.26
Variable, Array, ArrayList
ConcentricSound Sound Analysis …

ArrayList


ArrayList &ltMovingMark>mks;
mks= new ArrayList &ltMovingMark&gt();
mks.add(new MovingMark());
for(i=0; i &ltmks.size(); i++) { 
  MovingMark mk = mks.get(i);
  mk.draw();
}  
void mousePressed() {
  mks.add(new MovingMark(mouseX, mouseY, random(360), random(50,100)));
}

chap 13. Mathematics

flowers mountains faces tree
https://processing.org/examples/tree.html
https://www.openprocessing.org/curation/19/
https://openprocessing.org/sketch/90192
https://natureofcode.com/book/chapter-8-fractals/

https://www.renderforest.com/music-visualizer.html
http://www.rayban.vision/#projects/beat-detection

2026.06.02

PVector
https://processing.org/reference/PVector.html
ParticleSystemSmoke
https://processing.org/examples/simpleparticlesystem.html
https://processing.org/examples/smokeparticlesystem.html
FireWorks System
https://openprocessing.org/@u521134/2645785

chap 14. Transformations and 3D

transformation pptx
https://processing.org/tutorials/p3d/


void setup() {
  size(600, 600, P3D);
}
void draw() {
  background(32);
  translate(width/2, height/2);
  rotateX(tx);
  rotateY(ty);
  box(100);
}
void mouseDragged() {
  tx += (pmouseY - mouseY)*0.01;  
  ty += (mouseX - pmouseX)*0.01;  
}

2026.06.09

Box2D

http://box2d.org/
http://processingjs.org/
http://box2d-js.sourceforge.net/
http://www.mrdoob.com/projects/chromeexperiments/google-gravity/
http://kowon.dongseo.ac.kr/~lbg/web_lecture/pbox2d/PBox2D.pptx

http://www.creativeapplications.net/processing/kinect-physics-tutorial-for-processing/
https://www.youtube.com/watch?v=W8bukirivpU CAN Kinect Physics Tutorial

2026.06.16

The Nature of Code : Simulating Natural Systems with Processing(pdf)
https://github.com/shiffman/Box2D-for-Processing

LiquidFunProcessing

LiquidFun is based on Erin Catto’s Box2D library, which provides 2D, rigid-body simulation in games. LiquidFun extends Box2D to provide particle physics and fluid dynamics.
https://github.com/diwi/LiquidFunProcessing
https://google.github.io/liquidfun/Programmers-Guide/html/index.html

PixelFlow

A Processing/Java library for high performance GPU-Computing (GLSL). Fluid Simulation + SoftBody Dynamics + Optical Flow + Rendering + Image Processing + Particle Systems + Physics +…
https://diwi.github.io/PixelFlow/
https://vimeo.com/diwi

PixelFlow_Presentation.pptx
GLSL_Shader_Presentation.pptx
fluid_simulation_v2.pptx

https://www.youtube.com/watch?v=rSKMYc1CQHE
https://www.youtube.com/watch?v=kOkfC5fLfgE

python -m http.server 8000
http://localhost:8000/

Prof. Lee Byung Gook