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,
} from 'three';
// shaders from https://github.com/evanw/webgl-water
function LiquidEffect(renderer) {
this.renderer = renderer;
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.rendererComponent.onMounted(() => {
this.liquidEffect.renderer = this.rendererComponent.renderer;
this.three.onBeforeRender(() => {
this.liquidEffect.update();
});
this.three.onBeforeRender(this.liquidEffect.update);
});
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.initObject3D(this.mesh);
},
// mounted() {
// },
// unmounted() {
// },
methods: {
unmounted() {
this.three.offBeforeRender(this.liquidEffect.update);
},
};