[손에 잡히는 프로세싱] p035 샘플 - 마우스를 따라 원그리기

 

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>processing.js 예제01</title>
<script type="text/javascript" src="http://processingjs.org/js/processing.min.js"></script>
<script type="text/processing" data-processing-target="my_canvas">
void setup() {
        size(480, 120);
        smooth();
}

void draw() {  
        if (mousePressed) {
            fill(0);
        } 
        else {
            fill(255);
        }
        ellipse(mouseX, mouseY, 80, 80)
}
</script>
</head>
<body>
<canvas id="my_canvas"></canvas>
</body>

 

 

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED