Lobo_Corp/playground-frontend
1
0
Fork 0
Code Pull Requests Actions Packages Projects Releases Activity

feature/clothsimulation #28

Merged
lobo merged 8 commits from feature/clothsimulation into main 2026-02-24 09:31:35 +01:00
Conversation 0 Commits 8 Files Changed 24 +10 -5
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 746022c48d - Show all commits

15
src/app/pages/algorithms/cloth/cloth.component.ts
View File

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
import {MatCard, MatCardContent, MatCardHeader, MatCardTitle} from '@angular/material/card';
import {TranslatePipe} from '@ngx-translate/core';
import {BabylonCanvas, RenderConfig, SceneEventData} from '../../../shared/rendering/canvas/babylon-canvas.component';
import { ComputeShader, StorageBuffer, MeshBuilder, ShaderMaterial, ShaderLanguage } from '@babylonjs/core';
import {ComputeShader, StorageBuffer, MeshBuilder, ShaderMaterial, ShaderLanguage, ArcRotateCamera} from '@babylonjs/core';
import {CLOTH_FRAGMENT_SHADER_WGSL, CLOTH_INTEGRATE_COMPUTE_WGSL, CLOTH_SOLVE_COMPUTE_WGSL, CLOTH_VELOCITY_COMPUTE_WGSL, CLOTH_VERTEX_SHADER_WGSL} from './cloth.shader';
@Component({
@@ -172,11 +172,16 @@ export class ClothComponent {
shaderLanguage: ShaderLanguage.WGSL
});
clothMaterial.backFaceCulling = false;
clothMaterial.setStorageBuffer("positions", positionsBuffer);
clothMesh.material = clothMaterial;
clothMaterial.setStorageBuffer("positions", positionsBuffer);
clothMesh.material = clothMaterial;
const camera = scene.activeCamera as ArcRotateCamera;
if (camera) {
camera.alpha = Math.PI / 4;
camera.beta = Math.PI / 2.5;
camera.radius = 15;
}
// --- 6. RENDER LOOP ---
scene.onBeforeRenderObservable.clear();
@@ -194,14 +199,14 @@ export class ClothComponent {
const dispatchXVertices = Math.ceil(numVertices / 64);
const dispatchXConstraints = Math.ceil(numConstraints / 64);
csIntegrate.dispatch(dispatchXVertices, 1, 1);
/*csIntegrate.dispatch(dispatchXVertices, 1, 1);
// For XPBD stability, you often run the solver multiple times (substeps)
for (let i = 0; i < 5; i++) {
csSolve.dispatch(dispatchXConstraints, 1, 1);
}
csVelocity.dispatch(dispatchXVertices, 1, 1);
csVelocity.dispatch(dispatchXVertices, 1, 1);*/
});
}
}