RPGMV 플러그인
2016.10.06 18:23

CSS 캔버스 필터

조회 수 910 추천 수 0 댓글 0
Atachment
첨부 '1'
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
 
English Translation : http://biud436.tistory.com/66
 

소개

이 플러그인은 기본 캔버스에 CSS 필터를 적용합니다. CSS 필터는 브라우저에 내장된 기본 기능이며 이 기능은 이미지를 흐림이나 색상반전 효과 등 다양한 효과를 별도의 작업 없이 매우 빠르게 적용할 수 있게 해줍니다. 예를 들면, 게임에 오류가 나는 경우, 오류 텍스트 이외의 화면은 흐릿하게 변하는 효과도 이에 속합니다.

 

3.PNG

 

 

사용법

플러그인을 다운로드 받고 프로젝트 폴더 내 js/plugins 경로에 플러그인을 추가해주시기 바랍니다. 그런 다음 플러그인 관리에서 RS_SimpleCanvasFilter.js 플러그인을 선택하고 추가합니다.

 

플러그인 커맨드

이 플러그인은 10개의 필터를 제공합니다. 필터는 다중으로 적용할 수도 있습니다.

 

CanvasFilter Whole blur 5px

 

CanvasFilter Whole brightness 0.5

 

CanvasFilter Whole contrast 150%

 

CanvasFilter Whole dropShadow 16px 16px 20px gray

 

CanvasFilter Whole grayscale 50%

 

CanvasFilter Whole hueRotate 50deg

 

CanvasFilter Whole invert true

 

CanvasFilter Whole opacity 25%

 

CanvasFilter Whole saturate 30%

 

CanvasFilter Whole sepia 60%

 

일반적으로 여러 개의 필터를 캔버스에 포함할 수 있습니다.

 

아래 명령을 사용하면 여러 개의 필터를 적용할 수 있습니다.

 

CanvasFilter Whole setMultipleFlag true

 

하나의 필터만 적용하려면 이 명령을 사용하세요.

 

 

CanvasFilter Whole setMultipleFlag false

 

캔버스에 적용된 모든 필터를 제거합니다.

 

CanvasFilter Whole clear

 

스크립트 호출

다음 코드를 통해 여러가지 작업을 할 수 있습니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 /**
   * @method setCanvasFilter
   * @param {String} filterName blur, brightness, contrast, grayscale, hueRotate, opacity, saturate, sepia
   * @param {Number} amount 효과의 정도 (필터 마다 다릅니다)
   * @param {Boolean} isMultipleFilters 필터를 여러 개 적용할 지 여부
   * @param {Canvas} target 이 값을 생략하면 메인 캔버스가 지정됩니다.
   */
  Graphics.setCanvasFilter(filterName, amount, isMultipleFilters, target);
 
  /**
   * @method setClearCanvasFilter
   * @param {Canvas} target 이 값을 생략하면 메인 캔버스가 지정됩니다.
   */
  Graphics.setClearCanvasFilter(target);
 
  /**
   * @method setCanvasDropShadowFilter
   * @param {Number} hShadow 그림자 크기(가로), px 단위
   * @param {Number} vShadow 그림자 크기(세로), px 단위
   * @param {Number} blur 흐림 효과, px 단위
   * @param {String} color 색상명
   * @param {Boolean} isMultipleFilters 필터를 여러 개 적용할 지 여부
   * @param {Canvas} target 이 값을 생략하면 메인 캔버스가 지정됩니다.
   */
  Graphics.setCanvasDropShadowFilter(hShadow, hShadow, blur, color, isMultipleFilters, target);
 
  /**
   * @method setCanvasInvert
   * @param {Boolean} activate 반전 필터를 활성화 할 지 여부
   * @param {Boolean} isMultipleFilters 필터를 여러 개 적용할 지 여부
   * @param {Canvas} target 이 값을 생략하면 메인 캔버스가 지정됩니다.
   */
   */
  Graphics.setCanvasInvert(activate, isMultipleFilters, target);
cs

 

 

다운로드

Github RAW

 

버전 로그

2016.10.06 (v1.0.0) - 출시일

 

Credit and Thanks

Biud436

 

사용 조건

무료 게임 또는 상업적인 게임에서 모두 사용 가능합니다.

?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수 추천 수
76 RPGMV 플러그인 Mog_Battle_hud(MZ버전도 있습니다) 스트레이보우 2021.03.05 1376 0
75 RPGMV 플러그인 컷신 플러그인 스트레이보우 2020.10.30 1915 0
74 RPGMV 플러그인 업적플러그인 스트레이보우 2020.09.02 1628 0
73 RPGMV 플러그인 게임에서 제공해주는 노래가 아닌 외부에서 다운받고 안에 넣어쓰려면 어떻게 해야하나요? 3 BigOrca 2019.07.26 1190 0
72 RPGMV 플러그인 Ghost Effect 러닝은빛 2019.01.20 940 0
71 RPGMV 플러그인 커스텀 숫자 입력 패드 1 file 러닝은빛 2018.10.19 1011 0
70 RPGMV 플러그인 9마리 이상의 몬스터 설정 | More Enemies 러닝은빛 2018.08.31 760 0
69 RPGMV 플러그인 동적 맵 타일 수정 플러그인 베지테리안카카오 2018.07.17 818 0
68 RPGMV 플러그인 RMMV 옵션 창에 메시지 속도 및 글자 크기 변경 기능 추가 file 러닝은빛 2018.07.15 1395 0
67 RPGMV 플러그인 한글 데미지 표시 file 러닝은빛 2018.07.09 1060 0
66 RPGMV 플러그인 [ MV ] 심장[체력표시 하트] 플러그인 file 수성의물 2018.07.01 1718 0
65 RPGMV 플러그인 [鳥小屋] 실적 플러그인(인게임 트로피 시스템) file 이니군 2017.10.31 1292 0
64 RPGMV 플러그인 [RPG MV] 퀘스트 마커 지속 표시 플러그인 file lklslel 2017.04.09 1392 0
63 RPGMV 플러그인 Mirror Area - RPG Maker MV 2 file 러닝은빛 2017.01.03 4728 0
62 RPGMV 플러그인 Keyboard Event - RPG Maker MV 1 러닝은빛 2017.01.03 2051 0
61 RPGMV 플러그인 Wav 파일 암호화 도구 - RMMV 1 file 러닝은빛 2016.11.30 1228 1
» RPGMV 플러그인 CSS 캔버스 필터 file 러닝은빛 2016.10.06 910 0
59 RPGMV 플러그인 화면 다중 분할 플러그인(Multiple Viewports) 러닝은빛 2016.08.25 1173 0
58 RPGMV 플러그인 텍스트 입력창(Keyboard Input Dialog) 1 file 러닝은빛 2016.08.09 1416 1
57 RPGMV 플러그인 맵상에서 캐릭터 스프라이트 이미지를 offset해주는 플러그인 file lklslel 2016.07.19 1069 0
Board Pagination Prev 1 2 3 4 Next
/ 4






[개인정보취급방침] | [이용약관] | [제휴문의] | [후원창구] | [인디사이드연혁]

Copyright © 1999 - 2016 INdiSide.com/(주)씨엘쓰리디 All Rights Reserved.
인디사이드 운영자 : 천무(이지선) | kernys(김원배) | 사신지(김병국)