Processing.js Start(1)

processing.js Start ( 2분소요 )
--------------

1. 웹에서 processing을 실행해보자
: html에서 processing의 기능을 javascript로 구현해놓은 processing.js를 실행시킬것이다.

2. open notepad
type following codes

-------------

<html>

<body>

void setup()

{

size(200,200);

background(125);

fill(255);

noLoop();

PFont fontA = loadFont("courier");

textFont(fontA, 14);

}

void draw(){

text("Hello Web!",20,20);

println("Hello ErrorLog!");

}

</script>

</body>

</html>
-------------
open browser and see a result

--------------
정확히는 잘모르지만 우선 주석을 달아보면 아래와 같다. ( 나중에 틀리다고 생각되면 고칠거예요^^;)

size(200,200); // 회색 사각형을 뜻한다. canvas에 width, height로도 표현가능하다.

background(125); // 회색 사각형의 회색을 의미한다 255까지 가능하낟.

fill(255); // 잘모르겠다. 어디의 fill일까? ㅎㅎ

noLoop(); // draw가 계속 호출된다. 그것을 한번만 호출하라는 뜻같다.

PFont fontA = loadFont("courier"); 객체를 생성했나보다.

textFont(fontA, 14); //체객체에 14크기를 셋팅했다.

3. 아래의 사이트의 내용을 토대로 실습을 진행해보았다.
http://processingjs.org/learning/

ps. http://cloud.github.com/downloads/processing-js/processing-js/processing-1.4.1.js 이주소로 해야지 잘된다. min version으로 하면 안된다. 이유는 모르지만 여기에 적어둔다.^^

rodi 's