Skip to content

Make Processing

2013.01.16 20:26

그림판

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

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
void setup() {
 size(1000, 700);
 background(#BDA266);
 noStroke();
 smooth();
 sb(1, 0, 0);
 pencil(1, 80, 0);
 brush(1, 0, 0);
 pallet(1, 0, 0);
 eraser(1, 0, 0);
}

void draw() {



 if (mousePressed) {

 if (640>mouseX && mouseX>50 && 610>mouseY && mouseY>120 == true) {
 line(pmouseX, pmouseY, mouseX, mouseY);
 }

 //pallet
 //red
 if (780>mouseX && 725<mouseX && 110>mouseY && 55<mouseY) {
 stroke(#c9161d);
 }
 //blue
 if (850>mouseX && 795<mouseX && 110>mouseY && 55<mouseY) {
 stroke(#0051A0);
 }
 //green
 if (920>mouseX && 845<mouseX && 110>mouseY && 55<mouseY) {
 stroke(#668733);
 }


 //brush
 if (934>mouseX && 890<mouseX && 662>mouseY && 193<mouseY) {
 stroke(0);
 strokeWeight(10);
 }
 //pencil 
 if (842>mouseX && 810<mouseX && 590>mouseY && 233<mouseY) {
 stroke(0);
 strokeWeight(2);
 }
 //eraser
 if (720<mouseX && 761>mouseX && mouseY>341 && mouseY<456) {
 stroke(#FDF8DE); 
 strokeWeight(20);
 }
 }
}

//sketch book

void sb(int s, int w, int h) {

 pushMatrix();
 scale(s);
 translate(w, h);
 noStroke(); 
 fill(#D2C197);
 rect(44, 87, 610, 530); //sketch book1
 fill(#FDF8DE);
 rect(40, 84, 612, 530); //sketch book2

 //spring
 for (int a = 0; a < 570; a = a+23) {
 noFill(); 
 smooth();
 stroke(#331B08);
 strokeWeight(8);
 arc(74+a, 87, 30, 30, PI, PI+PI/2+PI);
 }

 popMatrix();
}


//brush
void brush(float s, int w, int h) {

 pushMatrix();
 scale(s);
 translate(w, h);
 noStroke();
 fill(#E1D6AA);
 rect(890, 193, 44, 58);
 fill(#AEBAB5);
 rect(890, 238, 44, 2);
 fill(#C3D4CD);
 quad(890, 254, 934, 254, 926, 327, 900, 327);
 rect(900, 327, 26, 28);
 fill(#B9C4C0);
 rect(890, 238, 44, 18);
 fill(#AEBAB5);
 rect(900, 336, 26, 3);
 rect(900, 346, 26, 3);
 fill(#0B2218);
 quad(900, 355, 926, 355, 922, 653, 902, 653);
 ellipse(912, 652, 20, 20);

 for (int b = 0; b < 42; b = b+5) {
 stroke(#BEB282);
 strokeWeight(2);
 line(892+b, 194, 892+b, 237);
 }

 popMatrix();
}

//pallet
void pallet(float s, int w, int h) {
 pushMatrix(); 
 scale(s);
 translate(w, h);
 noStroke();
 fill(#E1D6AA);
 rect(698, 42, 256, 80);
 fill(#BEB282);
 ellipse(748, 82, 55, 55);
 fill(#C9161D);
 ellipse(748, 82, 45, 45);
 fill(#BEB282);
 ellipse(828, 82, 55, 55);
 fill(#0051A0);
 ellipse(828, 82, 45, 45);
 fill(#BEB282);
 ellipse(908, 82, 55, 55);
 fill(#66B733);
 ellipse(908, 82, 45, 45);
 popMatrix();
}

//pencil
void pencil(int s, int w, int h) {
 pushMatrix();
 scale(s);
 translate(w, h);
 noStroke();
 fill(#FCE9C3);
 triangle(751, 262, 762, 314, 740, 314);
 ellipse(751, 314, 22, 9);
 fill(#0B2218);
 rect(750, 251, 3, 17);
 rect(740, 314, 22, 273);
 ellipse(751, 588, 22, 9);
 popMatrix();
}

//eraser

void eraser(int s, int w, int h)
{
 fill(#FDF8DE); 
 rect(720, 341, 41, 115);
 fill(#C9161D);
 rect(720, 363, 41, 89);
}



그림판입니다.

컬러파레트 클릭시 컬러를 변경할 수 있고

연필, 붓 클릭시시 각각 얇은 선과 굵은 선을 사용할 수 있습니다.



db.pde

with ProcessingJS

db.pde





크리에이티브 커먼즈 코리아 저작자표시 Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락/3.0에 따라 이용하실 수 있습니다

  • profile
    smileblue 2013.01.17 00:20
    드디어 올리셨군요..^^ 소스 깔끔하네요~~ 홧팅!!!
  • ?
    백경 2013.06.04 20:07
    그래픽이 귀엽네요!

Code Sharing

소스코드를 공유하는 공간입니다.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 파일업로드 관련 공지사항 1 smileblue 2012.08.30 20578
19 Processing에서 외부 프로그램 실행 및 종료 하기! 1 DarkPanda 2016.10.31 462
18 좌표출력기 소스공유합니다 5 EX867 2016.07.21 687
17 파티클 올라가는 소스 file smileblue 2013.12.21 4439
16 회전하면서 패턴 만들기 1 file smileblue 2013.07.14 8534
15 마구 바운스 되는 원소스 file smileblue 2013.07.06 4881
14 [링크] 동전 먹는 게임 2 smileblue 2013.02.12 5968
13 [링크] 비행기 게임~ 1 smileblue 2013.02.12 4967
12 프로세싱에서 플리커(flickr)에 이미지 업로드 하기 file smileblue 2013.01.24 7103
11 A tutorial on how to use Processing on the web smileblue 2013.01.24 6462
10 간단한 프로세싱 작업을 업로드 해놓은 사이트 1 file smileblue 2013.01.24 6130
» 그림판 2 file jh 2013.01.16 5503
8 네이버 API를 이용해서 이미지 검색을 통해 썸네일 저장하는 소스 1 file smileblue 2012.12.22 6055
7 드로잉 1 file omnivore 2012.12.02 3807
6 중력가속도 소스 1 file smileblue 2012.11.12 7301
5 smile 캐릭터 file smileblue 2012.11.06 6733
4 Make Processing 로고 애니메이션 file smileblue 2012.11.03 4299
3 프로세싱 퍼즐 게임 소스 file smileblue 2012.11.03 7027
2 예전에 만들었던 게임 소스 file smileblue 2012.11.03 8116
1 ellipse 패턴 2 file smileblue 2012.11.01 7255
Board Pagination ‹ Prev 1 Next ›
/ 1

나눔글꼴 설치 안내


이 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에는 나눔글꼴이 설치되어 있지 않습니다.

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

설치 취소