Animation 3

[안드로이드] 회전목마(Carousel) 애니메이션 구현하기

게임에서 아이템이나 캐릭터 선택을 할때 회전 목마처럼 돌아가는 선택 애니메이션을 자주 볼 수 있는데, 이것을 안드로이드에서 구현해 볼 수 있는 기회가 생겼다. 사실 노가다를 하면 어떻게든 구현할 수 있지만, 이번에는 문제를 분석하고 쪼개보는 연습을 겸해봤다. 💡 요구사항: 3가지 종류의 상자가 있고, 이 상자들을 돌려가면서 열 상자를 선택하게 해주세요. 1. 상자 유형 데이터화 첫번째로 해야할 일은 상자를 데이터화하는거다. enum 클래스로 상자의 이미지, 가격, 이름이 담긴 LuckyBoxType을 만들어 주었다. enum을 사용한 이유는 순차적 접근이 sealed class보다 훨씬 쉽기 때문이다. enum class LuckyBoxType( val image: Int = 0, val cost: In..

Stable Diffusion 망한 AI 작업물 모음집

유튜브에서 AI가 생각한 "나루토" 캐릭터 등등이 유행하길래 나도 만들어보고 싶어서 시도를 해보았다. Stable Diffusion에다가 Realistic Vision V2.0 모델을 적용시키고 아래 키워드들을 사용했다. img2img로 만든 것도있지만, 이누야샤의 경우는 text2img의 결과물이다. photo of , detailed faces, highres, RAW photo 8k uhd, dslr 모든 것이 나루토 정도 퀄리티만 되어도 바로 유튜브 비디오 찍어내려고 했는데... 그나마 이 이미지들도 파라미터를 조절해가면서 얻은거라... 아마도 랜덤한 파라미터를 주면서 한 캐릭터당 5장씩 뽑아내도록 자동화를 해보면 괜찮아질 수도 있을거같기도하고...ㅋㅋㅋ 캐릭터가 너무 얼탱이 없어서 올려본다.

나/이슈 2023.03.29

[Javascript] Canvas 태양, 지구와 달 애니메이션 그리기 (Circle animation)

태양을 중심으로 지구, 지구를 중심으로 달을 움직이는 애니메이션을 만들어보았다. 코딩으로하는 애니메이션에 대해서 그동안 감이 좀없고 낮설었는데, (특히 게임 스크립팅도...) 익숙해질겸 건드려보고있는데 이거...재밌다..ㅋㅋㅋㅋㅋㅋ 우선 매 프레임마다 모든 요소를 다시그려주어야한다. 어렸을때 책 귀퉁이에 한장 한장마다 그려서 쭈루루룩 넘기면서 애니메이션을 만들었던것처럼, 다음장을 넘기고 그리고를 반복한다. 반복 윈도우가 로드되면, 루프를 시작한다. 이 루프는 일정한 프레임마다 영원히 돌면서 update()를 실행시키게 된다. var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); window.onload ..