개요글래스모피즘(GlassMorphism)이란?- 유리처럼 반투명하고 흐릿한 시각 효과를 주는 디자인 트렌드. 배경 효과로 Gaussian Blur를 주로 사용한다. 이런 효과를 3D 모델에서도 볼 수 있는 방법에 대해서 연구해보고 적용해보았다. 적용 방법예전에 작성했던 글에서 비슷한 기능을 사용했던 적이 있다. [Blender] Volumetric Fluid (유체 볼륨) glb/gltf에서 사용하기이전에 glb/glft 파일로 웹에서 물결을 표현하기 위해서 nodetoy 사이트의 셰이더를 이용한 적이 있다.아쉬운 부분은 하나의 평면 메쉬에 대해서 물결치는 느낌을 줄 수밖에 없었다는 점이다. 원형lightbakery.tistory.com Three.js의 예시도 참고했다. three.js ex..

유니티에서는 셰이더를 이용해서 물 표현이 가능하다. 이렇게 만든 물에 오브젝트와 인터랙션이 가능한 물 파동 효과를 넣는다면 훨씬 사실적인 표현을 할 수 있을 것이다. 표현 방법에는 여러가지가 있다. 하나씩 알아보고 정리하면 좋을 것 같다. VFX로 물 표현 응용하기VFX도 물 표현이 가능하다. Asset Store에 정말 괜찮은 유료에셋이 있는 것을 발견했다.직접 만들기에는 연구할 시간이 필요해서 대략적으로 분석만 해보았다. Boat VFX | 시각 효과 파티클 | Unity Asset StoreAdd depth to your next project with Boat VFX from RealtimeVFXStore. Find this & more 시각 효과 파티클 on the Unity Asset St..

나무와 풀에 적용될 바람 셰이더를 이전에 만든 줄 알았는데 없어서 글을 쓰게 되었다.아래의 유니티 공식 영상을 참고하였다. 모델을 구하거나 셰이더그래프를 만드는 방법은 해당 영상 앞부분을 살펴보거나 다른 데에서 찾을 수 있기 때문에 생략한다. Fragment ShaderBush BaseMap 텍스쳐를 [Sample Texture 2D] 노드로 가져왔고 색을 수정해야할 오브젝트가 있어서 [BaseColor] 프로퍼티를 만들어 곱한 후 [Base Color]에 연결했다.NormalMap도 가져와서 [Normal Strengh]를 높여야 해서 해당 노드를 사용했고 최종적으로 [Normal]에 연결했다.여기서, 노말의 [Sample Texture 2D] - [Type] - [Normal]로 설정을 해야 노..

지금 껏 셰이더 그래프, 파티클로만 에셋을 만들다가 불 표현을 어떻게 하면 좀 더 사실적으로 만들 수 있을 지를 생각해보았다. 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..

매일 그렇듯 짬을 내어 공부하다가 유니티 블로그의 최적화 글을 읽었는데 정리를 해서 메모해두면 너무 좋을 것 같아서 이번 글에 정리해본다. " 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..

Unity 버전 : 2022.3.24f1 Muse Sprite를 사용하기 위해서 Muse 홈페이지에서 Sprite 항목의 [Get started]를 클릭한다. 패키지 매니저에서 설치가 된 것을 볼 수 있다. 설치가 잘 되었다면 상단 Muse 탭에서 [New Sprite Generator]를 찾아볼 수 있다. 해당 메뉴를 누르면 Sprite를 만들 수 있는 [New Muse Generator] 창이 생성된다. 간단하게 프롬프트에 "Elephant"를 입력하여 나오는 결과물을 확인하였다. 퀄리티는 나름 나쁘지 않아 보인다. 이번에는 왼쪽 하단 Input Image란에 강아지 얼굴을 그려놓고 "dog"를 입력하여 이미지를 생성하였다. 많이 이상한데? 다음엔 생성형 AI에서 많이 쓰는 "maste..