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

개요3D 이펙트를 생각할 때 Blender에서 제작할 수 있는 방법이 있다. 여기에 결과물 또한 glb로 export 해야할 때 사용되는 방법을 기술한다. 방법Sphere, Plane 등 파티클을 생성할 면을 생성한다. 해당 오브젝트에 ParticleSystem 추가 파티클 Number 개수 설정, Frame 및 Lifetime 설정, Velocity 퍼져나가는 속도 설정짧은 순간의 이펙트를 위해서 한 번에 터지는 효과로 Frame Start와 End를 같이 1로 주었고 Lifetime도 짧게 가져갔다. 이펙트에 사용할 별 모델링이 자체적으로도 회전하면서 나아가기 원해서 [Rotation] 체크, [Angular Velocity] - [Random] 설정별 모델링을 사용하기 위해서 [Rende..

개요Blender에서 glb 파일 포맷으로 export 할 때, Material 관련 애니메이션은 사용할 수 없다. 예전부터 제기되어 왔던 주제인데 아직 적용되지 않고 있는 듯 하다.Material 애니메이션 중에 가장 잘 쓸 수 있는 부분은 Alpha FadeOut 효과로, 특정 오브젝트를 투명하게 서서히 사라지게 만든다. glb/gltf 포맷에서도 마찬가지로 사용하기 위해서는 조금의 트릭이 필요하다. Alpha Fadeout을 적용하고 싶은 오브젝트를 프레임 단위로 복제하여 각각에 다른 Alpha 값을 부여하면 된다. 오브젝트를 복제한다는 것이 복잡한 오브젝트에 대해서는 꽤나 부하를 가져올 것 같은 생각이 든다. 이 부분에 대해서 Collection Instance를 테스트로 적용해보았지만 결국 오..

이전 글에서 Flipbook 형태로 되어있는 텍스쳐를 사용하여 애니메이션을 만들어 보았다. 이 작업을 스크립트를 사용하여 자동화 해보았다. [Blender] 블렌더에서 플립북 텍스쳐(FlipBook Texture) 사용하기텍스쳐를 이것 저것 사용하고 찾다보면 가끔 한 장의 텍스쳐에 바둑판 형식으로 여러 개의 그림이 그려져 있는 것을 볼 수 있다. 주로 불이나 연기 표현에서 사용한 경험이 있다.유니티에서는lightbakery.tistory.com 개요glb 파일로 이펙트를 export 하는 방법 중 하나는 Flipbook 형태로 이루어져있는 Texture를 이용하는 것이다. 하나의 Texture 이미지 안에 순차적인 움직임이 들어있는 이미지를 각각의 Plane에 적용하여 연속된 하나의 애니메이션으로 ..

Three.js 기반에 사용될 glb포맷 모델링과 이펙트 만들어야 하는 입장에서, Blender와 NodeToy는 아주 중요한 역할을 하고 있다.  웬만한 이펙트 작업은 Blender에서 Govie Tool을 이용한 파티클 애니메이션으로 이루어지지만 블렌더에서 glb 포맷으로 지원되지 않는 제한 사항이 많이 있다.  블렌더에서 glb로 넘어가지 않는 효과는 Fresnel 효과가 있다.프레넬 효과는 여러모로 가끔씩 쓰이는데 View Direction에 따라 다른 효과를 낼 수 있다. 이전 글에서는 유니티에서 만든적이 있다. [Unity] URP 셰이더 프레넬 셰이더(Fresnel Shader)프레넬(Fresnel) 효과는 게임에서 배경과 캐릭터의 분리나 강조를 위해 또는 선택되었을 때 프레넬 효과를 과장하..

웹에 쓰일 용도로 사용되는 glb/glTF 파일 포맷은 fbx와는 다르게 규칙이 적용되는 부분들이 있다.이전 글에서 썼던 대로 매뉴얼이 따로 있기도 하다. [Blender] Unity용 glb/gltf export 매뉴얼https://docs.blender.org/manual/en/4.0/addons/import_export/scene_gltf2.html# glTF 2.0 — Blender ManualThe glTF specification identifies different ways the data can be stored. The importer handles all of these ways. The exporter will ask the user to sellightbakery.tistory.co..