Skip to content

Make Processing

2017.05.24 04:39

png 이미지 불러오기

so0
조회 수 64 추천 수 0 댓글 1
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print

아래의 코드로 png 파일을 불러오게 되면 사진이 깨져서 나오게 되는데 이유를 모르겠습니다.ㅠㅠ
<html>
<head>
<meta charset="UTF-8">
<title>못 자는 밤 </title>
<style type="text/css">
body{background-color: black;}
mycanvas{
 outline: none;
}
</style>
<script src="processing-1.4.1.js"></script>
</head>
<body>
<script type="text/processing" data-processing-target="mycanvas">




PImage img1;
PImage img2;

void setup(){
  size(1400,800);
  background(0);
  img1=loadImage("못자는밤-8.png");
  img2=loadImage("icon2_못자는밤-8.png");
  
}
void draw(){
  fill(0,5);
  image(img1,700,300, 380,306);
  image(img2,20,20,54,36);
  rect(0,0,1450,1000);
  if(mousePressed == true){
  fill(255,0);
  stroke(255);
  ellipse(mouseX,mouseY,300,300);
  //ellipse(pmouseX,pmouseY,30,30);
  }
}

void keyPressed() {
  background(0);
  
 }
</script>
<canvas id="mycanvas"></canvas>
</body>
</html>


못 자는 밤
body{background-color: black;}
mycanvas{
 outline: none;
}




PImage img1;
PImage img2;

void setup(){
  size(1400,800);
  background(0);
  img1=loadImage("못자는밤-8.png");
  img2=loadImage("icon2_못자는밤-8.png");
  
}
void draw(){
  fill(0,5);
  image(img1,700,300, 380,306);
  image(img2,20,20,54,36);
  rect(0,0,1450,1000);
  if(mousePressed == true){
  fill(255,0);
  stroke(255);
  ellipse(mouseX,mouseY,300,300);
  //ellipse(pmouseX,pmouseY,30,30);
  }
}

void keyPressed() {
  background(0);
  
 }
  • profile
    smileblue 2017.05.25 00:08
    안녕하세요~~
    우선은 이미지 파일명은 영문으로 하셔야 할것 같습니다.
    영문이 아니면 인식하지 못할수 있습니다.

    그리고 파일 확장자가 대문자가 아닌지 그리고 png 가 맞는지 확인하셔야 하고요 혹시나 RGB가 아닌 CMYK 이미지 형식이 아닌지도 확인해 보셔야 합니다..
    화이팅!!

Q&A

질문하는 공간입니다. 회원이면 누구나 질문/답변 할 수 있습니다.

List of Articles
번호 제목 글쓴이 날짜 조회 수
284 센서에대해 질문이 있습니다. Riemeo 2017.09.29 46
283 프로세싱으로 애니메이션을 구현해야 하는데요.. 고단비 2017.09.09 103
282 프로세싱에서 문자출력관련해서 질문있습니다. 쮸쀼 2017.08.29 68
281 프로세싱 게임만들 때 공 대신에 저희가 원하는 캐릭터 객체로 변경이 가능한가요? 4 이치 2017.08.07 130
280 프로세싱에서 한글을 어떻게 치는지 모르겠습니다... 1 코딩초짜 2017.08.06 93
279 서울지역 프로세싱 스터디 같이 하실 분ㅜㅜ!! baroomy 2017.08.03 92
278 Bluetooth 문의 olivetree 2017.06.22 82
277 blend 오류 1 최민아 2017.06.09 77
276 혹시 프로세싱 과외 해주실 분 안계시니요? Rk22 2017.06.08 119
275 프로세싱 초보자입니다! 1 2017.06.07 133
274 너무 길긴한데 뭐가 오륜지 모르겠어서 질문드립니다 ㅜㅜ 1 믱읭 2017.06.04 68
273 openprocessig 예제 사용하기 comki 2017.06.02 61
272 프로세싱에서 simple timer사용하는방법좀 알려주세요 너무급합니다 ㅜ 1 lea 2017.05.30 52
» png 이미지 불러오기 1 so0 2017.05.24 64
270 프로세싱 한글 세팅 관련 질문 1 Mccy 2017.05.20 61
269 processing.js 관련 질문드려요! so0 2017.05.10 63
268 폰트와 마우스스프레드 3 so0 2017.05.04 90
267 동영상 랜덤 재생에 관해 질문드립니다. evergreen 2017.05.01 83
266 웹사이트 만들때 프로세싱으로 만든 코드 결합 질문 드려요 2 so0 2017.05.01 70
265 Kinect와 유니티를 이용해서 미디어아트를 해보려고 합니다. 1 SongD 2017.04.14 195
Board Pagination ‹ Prev 1 2 3 4 5 6 7 8 9 10 ... 15 Next ›
/ 15

나눔글꼴 설치 안내


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

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

설치 취소