Web3D/trois
1
0
Fork 0
mirror of https://github.com/troisjs/trois.git synced 2024-11-24 04:12:02 +08:00
Code Issues Projects Releases Wiki Activity

improve liquid plane

Browse Source
This commit is contained in:
Kevin Levron 2021-03-14 11:44:32 +01:00
parent 458193be4a
commit bf597573b2
2 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/liquid/LiquidEffect.js
View File

@ -10,6 +10,7 @@ import {
WebGLRenderTarget, WebGLRenderTarget,
} from 'three'; } from 'three';
// shaders from https://github.com/evanw/webgl-water
function LiquidEffect(renderer) { function LiquidEffect(renderer) {
this.renderer = renderer; this.renderer = renderer;
this.width = 512; this.width = 512;

11
src/components/liquid/LiquidPlane.js
View File

@ -19,9 +19,7 @@ export default {
this.liquidEffect = new LiquidEffect(this.three.renderer); this.liquidEffect = new LiquidEffect(this.three.renderer);
this.rendererComponent.onMounted(() => { this.rendererComponent.onMounted(() => {
this.liquidEffect.renderer = this.rendererComponent.renderer; this.liquidEffect.renderer = this.rendererComponent.renderer;
this.three.onBeforeRender(() => { this.three.onBeforeRender(this.liquidEffect.update);
this.liquidEffect.update();
});
}); });
this.material = new MeshStandardMaterial({ color: this.color, side: DoubleSide, metalness: this.metalness, roughness: this.roughness, this.material = new MeshStandardMaterial({ color: this.color, side: DoubleSide, metalness: this.metalness, roughness: this.roughness,
@ -45,10 +43,7 @@ export default {
this.mesh = new Mesh(this.geometry, this.material); this.mesh = new Mesh(this.geometry, this.material);
this.initObject3D(this.mesh); this.initObject3D(this.mesh);
}, },
// mounted() { unmounted() {
// }, this.three.offBeforeRender(this.liquidEffect.update);
// unmounted() {
// },
methods: {
}, },
}; };