여러분은 hellow world란 단어에 친숙하십니까?
프로그래밍 언어를 조금이라도 공부해보신 분들은 왠지 친숙하게 들리실 것입니다. 거의 모든 프로그래밍책의 제 1장에 나오는 .. 단어니까요^^;

프로세싱에선 이것을 어떻게 찍게할까요?

방법은 아래와 같습니다.
println("hellow~world!");

텍스트 박스에 위와 같이 작성하시고 상단에 위치한 paly버튼(ctrl+R)을 실행하시면,
텍스트 박스 하단에 위치한 상태창에 hellow~world!라는 텍스트가 입력되시는 것을 확인 하실 수 있습니다.

이 하단 창은 프로세싱에서의 코딩이 실제 잘 이루어졌는지를 확인할 수 있는 창입니다. 위와 같이 출력되셨다면, 여러분은 잘따라오고 계신겁니다.^^

println은 향후 심도 깊은 코딩을 할때, 전체 실행시 오류가 발생할때, 한줄 한줄이 제대로 실행되는지 확인하기 위한 기능으로, 앞으로 자주 쓰실 것입니다.

여기까지, 너무 지루하셨나요? 이제 실제 그림을 그려보도록 하지요.

위의 과정을 잘따라오셨다면, 실행과정에서 코딩창 외에 팝업창이 하나 뜨는 것을 확인했을것입니다. 앞서 말했듯이, 이 프로그램의 타깃은 예술가입니다. 때문에, 보다 친숙하게 다가가기위해 기본사항으로 캔버스를 열어 시각적 결과물을 확인 할 수 있도록 되어있습니다.

이 캔버스의 사이즈는 어케조정할까요?
이것이 프로그래밍 어플리케이션인 만큼, 이러한 설정 하나하나를 코딩으로 해줍니다. 하지만 그리 복잡하지 않은 코딩으로, 바로 결과를 확인 하실 수 있습니다.

캔버스 사이즈를 조정하시려면 기본 폼은 아래와 같습니다.
size(가로, 세로);

실제적인 숫자를 대입하면, size(400,400); 의 형식으로 작성하시면, 가로 세로 400픽셀의 캔버스가 그려집니다. 여기서 또하나 알아 두실 점은 실행문 뒤에 붙는 ; 의 기능입니다. 저희는 문장뒤에 끝맺음의 표시로 .을 사용하지만, 대부분의 프로그래밍 언어에서는 . 보다는 ; 를 사용해줍니다. 자주 하는 실수 중에 이러한 맺음표시를 안하시는 경우가 있습니다. 일단, 코드상 오류가 뜬다면, 맺음 표시를 하지 않았는지, 확인해주시기 바랍니다.

자, 이젠 size 조정은 아셨나요? 그렇다면 다음 순서로.. 기본 도화지 색상을 조정해볼까요? 이 코딩또한 꽤나 단순합니다.
background(컬러);

라고 입력하면 됩니다. 컬러의 경우 흑백모드(1~255), 컬러모드(R,G,B) ,색상/명도/채도(HSB,hue, saturation, brightness )등을 지원합니다.



* juro님에 의해서 게시물 복사되었습니다 (2010-12-27 00:52)