웹에서 파티클을 쉽게 적용할 수 있는 툴이 있어서 소개하려고 한다. Three NebulaA WebGL based 3D particle system engine for ThreeJsthree-nebula.org  GitHub - creativelifeform/three-nebula: WebGL based particle system engine for three.jsWebGL based particle system engine for three.js. Contribute to creativelifeform/three-nebula development by creating an account on GitHub.github.com  MIT License라 자유롭게 사용 가능하고 코드를 몰라도 직관적인 UI로..

웹에 쓰일 용도로 사용되는 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..

이전에 glb/glft 파일로 웹에서 물결을 표현하기 위해서 nodetoy 사이트의 셰이더를 이용한 적이 있다.아쉬운 부분은 하나의 평면 메쉬에 대해서 물결치는 느낌을 줄 수밖에 없었다는 점이다. 원형 평면의 테두리를 조금 말아서 볼륨있게 만들기는 했다. NodeToy app.nodetoy.co 블렌더 자체에서 [Wave] Modifier를 이용해 유체 볼륨을 표현한 유튜브를 참고하여 응용해보았다. 먼저, UV Sphere를 새로 하나 만들고, 메쉬를 더 높게 설정하였다. 이후 위에 반을 날리고 Fill로 채운다. "I" 단축키를 눌러 Inset으로 윗 면을 나눈 후 마지막에는 "M" 단축키를 눌러 [At Center] 설정을 한다. 유체의 움직임이 들어갈 윗면을 선택한 후 "Ctrl + G"..