크롬의 개발자 도구를 활용해서 0에서부터 라이브 코딩으로 파티클 시스템을 만드는 것을 시연함.
HTML 5 CANVAS
< LIVE_CODING_PRACTICE />
A SIMPLE PARTICLE SYSTEM - seung joon choi
Developer Tools http://www.chromium.org/devtools
canvas = document.createElement('canvas')
ctx = canva.getContext('2d')
document.body.appendChild(canvas)
canvas.width = 400
canvas.height=400
ctx.fillRect(0,0,400,400)
Ptcl = new function() {}
Object() {
x=0
y=0
vx=0
vy=0
r=0
dt=0.1
}
HTML 5 CANVAS
< LIVE_CODING_PRACTICE />
A SIMPLE PARTICLE SYSTEM - seung joon choi
Developer Tools http://www.chromium.org/devtools
canvas = document.createElement('canvas')
ctx = canva.getContext('2d')
document.body.appendChild(canvas)
canvas.width = 400
canvas.height=400
ctx.fillRect(0,0,400,400)
Ptcl = new function() {}
Object() {
x=0
y=0
vx=0
vy=0
r=0
dt=0.1
}
'0.일반개발 > html5' 카테고리의 다른 글
HTML CCC/JS(jQuery) 비교 (0) | 2010.10.01 |
---|---|
HTML 5 규격 과 특징 ( 샘플 ) (0) | 2010.10.01 |
Rocket Engine Networking (0) | 2010.09.27 |
Introduction to HTML 5 (0) | 2010.09.27 |
E3 2010 Aves Engine Prototype "Suburban World" - all HTML, CSS and JavaScript (0) | 2010.09.27 |