glTF(7)
-
[Blender] glb, gltf 파일 Alpha 애니메이션 자동화 스크립트
개요Blender에서 glb 파일 포맷으로 export 할 때, Material 관련 애니메이션은 사용할 수 없다. 예전부터 제기되어 왔던 주제인데 아직 적용되지 않고 있는 듯 하다.Material 애니메이션 중에 가장 잘 쓸 수 있는 부분은 Alpha FadeOut 효과로, 특정 오브젝트를 투명하게 서서히 사라지게 만든다. glb/gltf 포맷에서도 마찬가지로 사용하기 위해서는 조금의 트릭이 필요하다. Alpha Fadeout을 적용하고 싶은 오브젝트를 프레임 단위로 복제하여 각각에 다른 Alpha 값을 부여하면 된다. 오브젝트를 복제한다는 것이 복잡한 오브젝트에 대해서는 꽤나 부하를 가져올 것 같은 생각이 든다. 이 부분에 대해서 Collection Instance를 테스트로 적용해보았지만 결국 오..
2024.09.27 -
[Blender] 블렌더에서 플립북 텍스쳐(FlipBook Texture) 스크립트 자동화 적용
이전 글에서 Flipbook 형태로 되어있는 텍스쳐를 사용하여 애니메이션을 만들어 보았다. 이 작업을 스크립트를 사용하여 자동화 해보았다. [Blender] 블렌더에서 플립북 텍스쳐(FlipBook Texture) 사용하기텍스쳐를 이것 저것 사용하고 찾다보면 가끔 한 장의 텍스쳐에 바둑판 형식으로 여러 개의 그림이 그려져 있는 것을 볼 수 있다. 주로 불이나 연기 표현에서 사용한 경험이 있다.유니티에서는lightbakery.tistory.com 개요glb 파일로 이펙트를 export 하는 방법 중 하나는 Flipbook 형태로 이루어져있는 Texture를 이용하는 것이다. 하나의 Texture 이미지 안에 순차적인 움직임이 들어있는 이미지를 각각의 Plane에 적용하여 연속된 하나의 애니메이션으로 ..
2024.09.24 -
[Web] glb 파일 포맷 -NodeToy 팁(Fresnel 효과, Object Scale 사용하기)
Three.js 기반에 사용될 glb포맷 모델링과 이펙트 만들어야 하는 입장에서, Blender와 NodeToy는 아주 중요한 역할을 하고 있다. 웬만한 이펙트 작업은 Blender에서 Govie Tool을 이용한 파티클 애니메이션으로 이루어지지만 블렌더에서 glb 포맷으로 지원되지 않는 제한 사항이 많이 있다. 블렌더에서 glb로 넘어가지 않는 효과는 Fresnel 효과가 있다.프레넬 효과는 여러모로 가끔씩 쓰이는데 View Direction에 따라 다른 효과를 낼 수 있다. 이전 글에서는 유니티에서 만든적이 있다. [Unity] URP 셰이더 프레넬 셰이더(Fresnel Shader)프레넬(Fresnel) 효과는 게임에서 배경과 캐릭터의 분리나 강조를 위해 또는 선택되었을 때 프레넬 효과를 과장하..
2024.08.28 -
[Blender] glb/glTF 용 텍스쳐 알파 적용하기
웹에 쓰일 용도로 사용되는 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..
2024.06.17 -
[Blender] Volumetric Fluid (유체 볼륨) glb/gltf에서 사용하기
이전에 glb/glft 파일로 웹에서 물결을 표현하기 위해서 nodetoy 사이트의 셰이더를 이용한 적이 있다.아쉬운 부분은 하나의 평면 메쉬에 대해서 물결치는 느낌을 줄 수밖에 없었다는 점이다. 원형 평면의 테두리를 조금 말아서 볼륨있게 만들기는 했다. NodeToy app.nodetoy.co 블렌더 자체에서 [Wave] Modifier를 이용해 유체 볼륨을 표현한 유튜브를 참고하여 응용해보았다. 먼저, UV Sphere를 새로 하나 만들고, 메쉬를 더 높게 설정하였다. 이후 위에 반을 날리고 Fill로 채운다. "I" 단축키를 눌러 Inset으로 윗 면을 나눈 후 마지막에는 "M" 단축키를 눌러 [At Center] 설정을 한다. 유체의 움직임이 들어갈 윗면을 선택한 후 "Ctrl + G"..
2024.06.13 -
[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 select one of the following forms: glTF Separate (.gltf + .bin + textures) This produces a JSON text-based .gdocs.blender.orghttps://github.com/Khro..
2024.06.04