개발 · 컴퓨터공학

Half Edge Data Structure

Half Edge 하프 엣지(half edge)라는 개념이 있다.mesh에서 절반 엣지라고? 근데 보니까 어렵지 않은 개념인 듯 했다. 보통 이렇게 메쉬에서 뚜껑을 떼어내는 상황이라면,일반적인 상황이라면 오른쪽처럼 기둥의 옆면이 늘어나겠지만, half edge의 상황이라면 또 하나의 edge가 있어서중간 그림처럼 옆면 face의 edge와 윗면 뚜껑 face의 edge가 따로 분리되어있는 것이다. 즉 어떻게 보면 중첩된 edge 정보다 있다고 봐도 무방하다.하지만 이 경우 필요한 edge에 한해서 half edge를 생성하는 순서인 것 같다.

2024. 10. 22. 15:48

개발 · 컴퓨터공학/Physical Simulation

three.js GPGPU SPH - GLSL 1 version shader

glsl version 1 shader precision mediump float;struct Particle{ float pressure; float density; vec3 currentForce; vec3 velocity; vec3 position;};uniform float particleMass;uniform float viscosity;uniform float gasConstant;uniform float restDensity;uniform float boundDamping;uniform float radius;uniform float radius2;uniform float radius3;uniform float radius4;uniform float radius5;..

2024. 10. 22. 11:27

개발 · 컴퓨터공학

Qt Creator 멤버변수 자동생성

이 프로퍼티의 멤버변수를 생성하자. 멤버변수를 생성할 프로퍼티에 커서를 두고 오른쪽 클릭.Generate Missing Q_PROPERTY Members로 생성하면 이렇게 자동으로 멤버변수가 생성 되었다.

2024. 10. 22. 03:58

개발 · 컴퓨터공학/Physical Simulation

three.js GPGPU SPH - three.js GLSL shader version

GLSL RWStructuredBufferHLSL의 여러 문법이 생각보다 GLSL과 많이 다르다. #version 450struct Particle{ float pressure; float density; vec3 currentForce; vec3 velocity; vec3 position;}float particleMass;float viscosity;float gasConstant;float restDensity;float boundDamping;float radius;float radius2;float radius3;float radius4;float radius5;float pi;int particleLength;float timestep;vec3 boxSize;layo..

2024. 10. 21. 11:36

개발 · 컴퓨터공학/Physical Simulation

three.js GPGPU SPH - Compute Shader Texture

기존 Update 파트 show sphere의 경우 여기는 그래픽 엔진으로 렌더링하지만, three.js에서는 mesh로 하고 있다. 주의할 것은 unity 프로젝트에서는 shader의 property에 접근해서 매 프레임마다 shader의 값이 얼마인지를 반영할 수 있었는데. 이렇게 buffer를 통해서 shader와 CPU 스크립트를 동기화하여,번거롭게 GPU에서 CPU로 데이터를 전달하지 않아도 되는 방법이다. 근데 문제는 three.js에는 이걸 어떻게 대체하냐는 것이다. https://threejs.org/docs/#api/en/textures/DataTexture three.js docs threejs.org찾아보니 DataTexture라는 타입을 이용해서 GPU에 전달하는 buffer처럼 사..

2024. 10. 20. 11:19

개발 · 컴퓨터공학/Physical Simulation

three.js GPGPU SPH lineSegments, gui

파티클 큐브 생성무작위 배열로 설정하였지만, 그래도 cube의 각 cell안에 들어있는 형태로 변경해보자. function spawnParticlesInBox( particleMesh: THREE.InstancedMesh, numToSpawn: THREE.Vector3, // x, y, z로 몇 개씩 스폰할지 설정 spawnCenter: THREE.Vector3, // 스폰할 박스의 중심 particleRadius: number, // 입자의 반지름 spawnJitter: number // 입자가 얼마나 엇나가도록 할지 설정 (jitter)) { let index = 0; for (let x = 0; x 여기서 jitter를 0으로 하고 출력하면, 반듯하게 나온다.다만..

2024. 10. 19. 11:38