분류 전체보기(287)
-
[Blender] 파티클을 glb/gltf로 export 하기
블렌더에는 파티클 시스템이 있다. Emitter를 이용해서 많은 파티클을 뿜어낼 수 있다.길을 따라서 연기가 나는 파티클을 웹에서 구현하고자 여러 방법을 찾아보았다. glb/gltf는 파티클을 직접 받을 수는 없고 ShapeKey, Timeline Animation에 의해서 애니메이션을 사용할 수 있다.결국, 많은 파티클은 각각의 애니메이션으로 변환되어야 한다는 말이다. 이런 과정을 도와주는 Tool이 있다. 위의 영상을 참고하였으며, 해당 툴을 사용하기 위해서는 아래의 사이트에서 Govie Tool 압축 파일을 다운로드 받아야 한다. Govie Tools - Making 3D Interactions for WebNow you need to download and install the Govie ..
2024.05.28 -
[Unity] VFX를 이용해 모닥불 만들기
지금 껏 셰이더 그래프, 파티클로만 에셋을 만들다가 불 표현을 어떻게 하면 좀 더 사실적으로 만들 수 있을 지를 생각해보았다. Unity에서도 쓸 수 있는 VFX 기술을 이용해서 가능할 것이라고 생각했고, 도전해봤다. 유튜브를 참고했다. 버전: HDRP 2021.3.12f1 영상에서 쓰이는 텍스쳐는 아래 유니티 블로그에서 무료로 Flipbook 형태로 바둑판 처럼 이루어진 텍스쳐를 받아서 사용하였다. Free VFX image sequences and flipbooks | Unity BlogIt is not so common to have either resources or budget to author smoke, fire and explosion flipbooks in video game ind..
2024.05.21 -
[Unity E-Book] 모바일 게임 퍼포먼스 최적화하기(Profiling, Memory, Code Architecture)
매일 그렇듯 짬을 내어 공부하다가 유니티 블로그의 최적화 글을 읽었는데 정리를 해서 메모해두면 너무 좋을 것 같아서 이번 글에 정리해본다. " Optimize your mobile game performance: Tips on profiling, memory, and code architecture from Unity’s top engineers" Optimize your mobile game performance: Tips on profiling, memory, and code architecture from Unity’s top engineers | Unity BloWhen profiling your game, we recommend that you cover both spikes and the c..
2024.05.09 -
[Web] Three.js에 대한 간단한 정리
유니티의 WebGL과 Three.js는 둘 다 웹을 타겟으로 하는 그래픽 툴이다.Three.js특징 및 장점- JavaScript 라이브러리, GLSL을 사용한다.- 웹 브라우저에서 3D 애니메이션을 빌드하는 데에 좋다.- MIT 라이센스로 오픈 소스이다.- WebXR을 지원한다.- 복잡한 애니메이션을 쉽게 만든다.- 브라우저 Plugin이 필요 없다.- 다양한 브라우저를 지원한다.- git을 통한 수 많은 사람들이 개발에 참여한다.-JavaScript로 작성된 라이브러리는 플러그인 필요 없이 WebGL과 원활하게 작동한다. 단점- 효과적인 사용을 위해서 JavaScript와 3D 수학에 대한 이해가 필요하다. Unity WebGL 빌드와 비교Unity WebGL- HTML5, JavaScript,..
2024.05.03 -
[Unity] Unity Muse 사용해보기(3) -Sprite 편
Unity 버전 : 2022.3.24f1 Muse Sprite를 사용하기 위해서 Muse 홈페이지에서 Sprite 항목의 [Get started]를 클릭한다. 패키지 매니저에서 설치가 된 것을 볼 수 있다. 설치가 잘 되었다면 상단 Muse 탭에서 [New Sprite Generator]를 찾아볼 수 있다. 해당 메뉴를 누르면 Sprite를 만들 수 있는 [New Muse Generator] 창이 생성된다. 간단하게 프롬프트에 "Elephant"를 입력하여 나오는 결과물을 확인하였다. 퀄리티는 나름 나쁘지 않아 보인다. 이번에는 왼쪽 하단 Input Image란에 강아지 얼굴을 그려놓고 "dog"를 입력하여 이미지를 생성하였다. 많이 이상한데? 다음엔 생성형 AI에서 많이 쓰는 "maste..
2024.05.02 -
[Unity] Unity Muse 사용해보기(2) -Animation 편
순서 상으로는 Sprite 편이 맞지만 Animation이 매우 궁금하므로 Animation에 대해서 알아보도록 하겠다. Unity 버전 : 2022.3.24f1 Muse 웹 페이지에서 Animate에 Get started를 눌러 패키지 설치를 진행한다. *Muse Animate Tool의 최신 버전은 1.0.0-exp.10이다. 설치가 잘 되었다면 상단 Muse 탭에 [New Animate Generator] 메뉴가 생성된다. "dance hiphop and headspin"을 입력하였으나 헤드스핀은 하지 않았다. Kpop idol dance.....(ㅋㅋㅋㅋ 이게 아이돌 댄스라니) 이번엔 Generations를 4로 올려서 한 번에 4개의 애니메이션이 생성되게 하였다. Kpop idol..
2024.04.30