작아지게 - 살짝



작아지게 - 보통




스케일 방향을 조절하여 오목하고 볼록한 느낌을 바꿀 수 있습니다.




커지게 - 살짝



커지게 - 보통



커지게 - 많이




'GameProgramming' 카테고리의 다른 글

메세지 기반 프로그래밍 2  (0) 2016.05.18
카드게임  (0) 2016.05.09
클릭 시 물결 효과 주기  (0) 2016.03.04
0~3 로 4방향 만들기  (0) 2016.03.03
[cocos2d-x] 외곽선 따기  (0) 2016.03.03
[cocos2d-x] Scale + Ease  (0) 2016.03.02
Posted by pjc0247
TAG cocos2d-x

어두운 부분을 좀더 어둡게 하고, 밝은 부분은 더 밝게 하여 전체적으로 강조 효과를 줄 수 있다.

카툰 렌더링된 이미지에 어울리며, 이외의 이미지에는 이상한 결과가 나온다.


DST : GL_DST_COLOR;
SRC : GL_SRC_COLOR;


'GameProgramming > TODO' 카테고리의 다른 글

조명 효과  (0) 2016.03.03
스킬 시전 효과  (0) 2016.03.03
심장 박동 효과 내기  (0) 2016.03.03
Posted by pjc0247
TAG cocos2d-x



밝은 배경




어두운 배경


TODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODO

'GameProgramming > TODO' 카테고리의 다른 글

조명 효과  (0) 2016.03.03
스킬 시전 효과  (0) 2016.03.03
심장 박동 효과 내기  (0) 2016.03.03
Posted by pjc0247
TAG cocos2d-x



TODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODOTODO

'GameProgramming > TODO' 카테고리의 다른 글

조명 효과  (0) 2016.03.03
스킬 시전 효과  (0) 2016.03.03
심장 박동 효과 내기  (0) 2016.03.03
Posted by pjc0247
TAG cocos2d-x





구해진 외곽선을 사용한 예제,
마우스 커서가 올라오면 밝아진다.


만약 외곽선으로 스프라이트 뒤에 글로우 효과 등을 주고 싶다면 다른 방법을 사용하는것이 편리합니다.
해당 방법은 후에 다시 작성하도록 하겠습니다.



응용 - 2
캡처 때문에 프레임이 내려가서 선이 보이는데,
선이 보이지 않도록 처리하는것이 가능한다.


Posted by pjc0247
TAG cocos2d-x



Scale


Scale + EaseExponentialOut


Scale + EaseCircleActionOut


Scale + EaseBackOut


Scale + EaseElasticOut


Scale + EaseBounceOut


Scale + EaseSineOut


Scale + EaseQuadraticActionOut


Posted by pjc0247
TAG cocos2d-x

사용자의 입력을 기다리는 상태(예를들어 Press any key to continue 같은...)의 오브젝트들은 화면상에서 약간 강조되어야 할 필요가 있습니다.

이러한 오브젝트(또는 텍스트)에 약간 동적인 효과를 주면 유저의 시선을 끌 수 있고 입력을 재촉하는 효과 또한 낼수 있습니다.




위의 샘플과 코드는 유저의 인풋을 재촉하기 위해서 텍스트 오브젝트를 매우 빠른 속도로 진동시키는 효과를 주는 예제입니다.
진동하는 주기가 길어지면(애니메이션 시간이 길어지면) 더이상 진동하는것처럼 느껴지지 않아 답답하고, 진동의 폭이 커지면 글자를 읽기가 어지러워지므로 파라미터는 적당히 조절하여야 합니다.


텍스트가 멈춘 상태로 있을 때 보다 훨신 심심하지 않아진 결과를 볼 수 있습니다.

Posted by pjc0247
TAG cocos2d-x

게임 화면을 구성할 때, 몇몇 오브젝트들은 가만히 세워놓기에는 너무 심심합니다.


그래서 IDLE 상태에서의 애니메이션을 넣는 방법을 주로 사용하는데, 이는 스프라이트 애니메이션을 이용한 방법이 가장 일반적이지만, 당연히 제작 코스트가 올라가게 되고, 저같이 리소스를 대부분 줏어다 프로토타이핑 하는 입장에서는 불가능한 부분이 많습니다...

아래에서는 단일 이미지를 이용해 오브젝트의 IDLE 상태를 조금은 심심하지 않게 만드는 법에 대해서 알아봅니다.


아래 예제 코드의 파라미터들을 적당히 조절하여야지, 그림에 맞는 최상의 효과를 볼 수 있습니다.


Skew 이용하기

SKEW를 이용하면 로테이션으로는 할 수 없는 특이한 효과들을 줄 수 있습니다.
예를들어 아래의 코드에서는 X에 SKEW를 적용하여 몬스터의 머리 부분만 흔들흔들하도록 애니메이션을 주고 있습니다.






Move 이용하기

가장 기본적인 액션이지만, 나름대로의 효과를 낼 수 있습니다.
아래의 코드는 용이 공중에 떠있는듯 한 효과를 냅니다. 만약 그림자 텍스쳐가 분리되어 있는 상태라면 그림자만 땅에 붙여서 더 좋은 효과를 볼 수 있습니다.






Scale 이용

주로 인물의 포트레이트 이미지에 Scale을 이용하여 호흡하는 듯 한 효과를 낼 수 있습니다. 






Posted by pjc0247
TAG cocos2d-x

액션을 몇가지 섞어서, 사용자가 오브젝트를 터치했을 때 반응을 주는 반응 이펙트를 만들어 낼 수 있다.




Posted by pjc0247
TAG cocos2d-x

setAntiAliasTexParameters

- GL_TEXTURE_MIN_FILTER = GL_LINEAR
- GL_TEXTURE_MAG_FILTER = GL_LINEAR


* 늘리고자 하는 텍스쳐가 사진일때





setAliasTexParameters

- GL_TEXTURE_MIN_FILTER = GL_NEAREST
- GL_TEXTURE_MAG_FILTER = GL_NEAREST



* 늘리고자 하는 텍스쳐가 도트일때



Posted by pjc0247
TAG cocos2d-x