Skip to content

Make Processing

조회 수 15663 추천 수 0 댓글 2
Atachment
첨부파일 '2'
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print

 프로세싱의 편리한 점은 인터랙션 코딩하기 쉽다는 것이다.

사진 전공자로서 프로그래밍(?)이라고는 대학교 2학년때 배운 HTML 이 전부였다.

전공자가 아니라도 기본 문법만 이해한다 충분한 결과물을 얻을 수 있을 것으로 예상한다.


기본에 업로드한 소스들은 설명과 기본 내용이 부족하여 최근 드로잉 관련해서 코딩놀이를 하고 있어서 마우스 입력에 관한

간단한 예제를 올려 보고자 한다.



///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

void setup()
{
  size(500, 500);                //  화면 사이즈
  background(255);          // 배경색상(0 은 검은색, 255는 흰색)
}


void draw()
{
  if(mousePressed == true)                  // 만약 마우스를 클릭하면(true)
  {
    line(pmouseX, pmouseY, mouseX, mouseY);           // 마우스 위치에 라인을 그린다.
  }
  if(keyPressed == true)                        // 만약 키보드를 누르면
  {
    save("draw.jpg");                            // draw.jpg 파일로 화면을 저장해라 (control + k) 로 확인가능
  }
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


pmouseX

http://processing.org 의 설명을 보면


"The system variable pmouseX always contains the horizontal position of the mouse in the frame previous to the current frame."


나도 영어가 짧기때문에..^^;;  암튼 "현재 프레임 이전의 마우스 좌표를 포함한다"

즉 바로 이전 프레임은 마우스 위치를 리턴해주는 것이다.

그리고 mouseX는 현재의치를 리턴 해주기때문에


line(pmouseX, pmouseY, mouseX, mouseY);   


위와 같다면 바로 전 프레임과 현재프레임을 연결하는 라인이 연속적으로 그려지게 된다.

mouse.gif 


위의 이미지에서 처럼 검은 사각형의 연속된것이 선이라고 볼경우 현재 프레임은 mouseX , 이전 프레임은 pmouseX가 되는것이다.


자~ 그럼 그림을 그려봅시다..^^


참 ! 키보드를 누르면 현재 그린 그림이 스케치폴더(Control+K)에 저장됩니다.


draw.jpg 

타블렛이 필요할것 같군요emoticon


?
  • ?
    서성 2009.09.08 17:30

    트루는 왜 적어주는 거에요?

  • profile
    smileblue 2009.09.08 20:04

    mousePessed 의 경우  boolean(참/거짓)의 속성을 가지고 있어서 마우스를 눌렀을 경우 True 가 되고 그렇지 않을 경우 False가 됩니다.

     

    위의 소스에서 true 를 넣어 더 확실하게 해주면 좋겠죠? emoticon


프로세싱 사용자 포럼

프로세싱에 관한 무한한 이야기

  1. 전역변수를 이용한 원 움직이기

    This browser does not have a Java Plug-in. Get the l...
    Date2009.07.13 Bysmileblue Reply0 Views11382 file
    Read More
  2. mouseX, mouseY, pmouseX, pmouseY 기본 예제

    프로세싱의 편리한 점은 인터랙션 코딩하기 쉽다는 것이다. 사진 전공자로서 프로그래밍(?)이라고는 대학교 2학년때 배운 HTML 이 전부였다. 전공자가 아니라도 기본 문법만 이해한다 충분한 결과물을 얻을 수 있을 것으로 예상한다. 기본에 업로드...
    Date2009.06.29 Bysmileblue Reply2 Views15663 file
    Read More
  3. ellipse design

    1.jpg end.jpg color.gif 원본 김연아 사진을 원이 들어간 이미지로 만드는 간단한 소스 입니다. color.gif 파일의 색상을 불러와 마우스를 클릭 할때마다 원이 생성됩니다. Enter를 누르면 end.jpg파일로 저장이됩니다. // 2009.6.23 // Programi...
    Date2009.06.23 Bysmileblue Reply0 Views12851 file
    Read More
  4. Processing(프로세싱)에서 프린터기로 출력 하는 방법

    프로세싱이 1.0.5 버전까지 업데이트 되면서 베타 버전에서는 꿈꿀수 없는 많은 부분이 가능해졌다. (개인적으로 3D 에서 smooth() 가 적용되는 것이 최고.^-^) 하지만 여전히 프린터로 출력 하는 함수가 없는 관계로 자바에서 그부분을 프로그램 해서 사용해...
    Date2009.06.19 Bysmileblue Reply8 Views16912 file
    Read More
  5. user line drawing

    사용자가 입력한 라인 드로잉을 회전시켜 하나의 패턴으로 만들 수 있다. 중요 사용함수 rotate(); vertex(); 결과물 미리보기(click) // 2009.5.13 // Programing : Lee, jae-joong // E-mail : only104@naver.com // Homepage : http://smileblue.co.kr f...
    Date2009.03.25 Bysmileblue Reply2 Views14635 file
    Read More
  6. bezier를 이용한 line drawing

    베지어와 랜덤 함수 그리고 rotate 를 이용한 라인 드로잉. 변수 값을 수정하면 더욱 다양한 모양이 가능하겠네요.^_______^ 사용 중요 함수 bezier(); rotate(); 이미지를 클릭해서 보세요~ // 2009.3.19 // Programing : Lee, jae-joong // E-mail : only104...
    Date2009.03.19 Bysmileblue Reply0 Views18531 file
    Read More
  7. processing line drawing

    베지어와 랜덤 함수를 이용한 라인 드로잉 나름 이쁘지 않나요?^^;; 코딩된 소스를 PDF 라이블러리를 이용해 PDF파일로 출력후 PDF 파일을 일러스트레이터에서 불러와 수정 편집. 사용 중요 함수 bezier(); // 2009.3.16 // Programing : Lee, jae-joong // E-...
    Date2009.03.16 Bysmileblue Reply0 Views15180 file
    Read More
  8. 공 튀기기 (Sin함수)

    싸인함수를 이용한 공튀기기 사용 중요 함수 sin(); // 2008.12.22 // Programing : Lee, jae-joong // E-mail : only104@naver.com // Homepage : http://smileblue.co.kr float a=0; void setup() { size(600, 300); smooth(); } void draw() { background(...
    Date2008.12.22 Bysmileblue Reply0 Views16496 file
    Read More
  9. 타이머(timer)

    프로세싱을 이용한 타이머 시간, 분, 초를 컴퓨터로 받아와 비주얼적으로 표현 하였다. 사용 중요 함수 int s = second(); // Values from 0 - 59 int m = minute(); // Values from 0 - 59 int h = hour(); // Values from 0 - 23 // 2008.12.22 // Programin...
    Date2008.12.22 Bysmileblue Reply1 Views16662 file
    Read More
Board Pagination ‹ Prev 1 2 3 4 5 6 7 8 9 10 Next ›
/ 10

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Designed by sketchbooks.co.kr / sketchbook5 board skin

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Copyright (c) 2012 Make Processing. All Right Reserved.

smileblue

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소