2014-01-26 3 views
0

엄지 그리드를 만들었습니다. 특정 엄지 손가락을 누르면 화면에 추가 된 엄지 손가락에 연결된 이미지가 나타납니다. 내가 loadImages를 setup()에 작성해야한다는 것을 알고 있지만,이 작업을 수행하는 방법에 대해서는 약간 혼란 스럽다.화면에 도형 가져 오기

PShape[] Quotes = new PShape[6]; 
int qLength = Quotes.length; 

setup() { 
    size(1024, 768); 
} 

draw() { 
    stroke(bruin); 
    strokeWeight(5); 
    fill(wit); 

    rectMode(CORNER); 
    rect(guide, 280, bBorder, 145); 

    noStroke(); 
    fill(bruin); 
    rect(guide, 280, bBorder, 40); 

    textFont(kaffeesatzFont); 
    textSize(30); 
    fill(wit); 
    text("Quotes", 80, 308); 

    createGridQ(); 

} 

void createGridQ(){ 

    xOffset = 30; 
    yOffset = 325; 
    xSize = 50; 
    ySize = 38; 
    padding = 10; 
    xPos = padding + xOffset; 
    yPos = yOffset; 
    cols = 3; 

    for(int j = 0; j < qLength; j++){ 
     // Grid 
     xPos = xOffset + ((j % cols) * (xSize+padding)); 
     yPos = yOffset + ((j/cols) * (ySize+padding)); 

     Quotes[j] = loadShape("Q" + j + ".svg"); 
     shape(Quotes[j], xPos, yPos); 


     if((mouseX >= xPos) && (mouseX <= xPos+xSize) && 
      (mouseY >= yPos) && (mouseY <= yPos+ySize)){ 

      cursor(HAND); 

      if (mousePressed){ 
       cursor(HAND); 

       Quotes[j] = loadShape("Q" + j + "groot" + ".svg"); 
       shape(Quotes[j], width/5, height/2-200); 
      } 
     } 
    } 
} 

답변

0

당신은 PImage을 선언하고 웹 URL에서로드하거나 데이터 또는 (당신의 .pde 파일이있는) 소스 디렉토리로 배치하고 거기에서로드하여 이미지를로드 할 수 있습니다.

그래서

Processing loadImage Reference

PImage img; 
img = loadImage("laDefense.jpg"); 
, 사용 및 데이터 폴더에 해당 이미지를 배치 할 이미지의 이름으로 "laDefense.jpg"를 대체합니다. 그 후, 이미지를 장면에 배치하고 모양대로 조작 할 수 있습니다.

+0

저는 이것을 알고 있습니다. 문제는 마우스를 클릭했을 때 나타나는 모양에 연결된 엄지 손가락을 클릭했을 때 (mousePressed), 분명히 클릭했을 때 화면에 추가되기를 원합니다. – user3221136

+0

미리 사용되는 모든 이미지를 알고 있다면 설치 프로그램의 이미지를 원하는 데이터 구조로로드하십시오. 이미지 인덱스와 위치를 가진 객체의 다른 데이터 구조를 저장하십시오. 엄지 손가락을 클릭하면 클릭 위치와 이미지 색인이 작성된 모든 그리기 루프에 저장되고 모든 개체를 그리는 목록을 반복합니다. – aclegg3

관련 문제