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

wip

Browse Source
This commit is contained in:
Kevin Levron 2020-10-04 01:44:47 +02:00
parent 08bc80d1cf
commit 864adc1379
6 changed files with 34 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/materials/Material.js
View File

@ -42,6 +42,10 @@ export default {
this.material.envMap = texture;
this.material.needsUpdate = true;
},
setRefractionMap(texture, ratio) {
this.material.refractionRatio = ratio;
this.setEnvMap(texture);
},
_addWatchers() {
// don't work for flatShading
['color', 'depthTest', 'depthWrite', 'fog', 'opacity', 'side', 'transparent'].forEach(p => {

24
src/materials/RefractionMap.js Normal file
View File

@ -0,0 +1,24 @@
import { CubeRefractionMapping } from 'three';
import CubeTexture from '../core/CubeTexture';
export default {
extends: CubeTexture,
inject: ['material'],
props: {
refractionRatio: { type: Number, default: 0.98 },
},
created() {
this.texture.mapping = CubeRefractionMapping;
this.material.setRefractionMap(this.texture, this.refractionRatio);
},
unmounted() {
this.material.setEnvMap(null);
},
methods: {
refreshTexture() {
this.createTexture();
this.material.setRefractionMap(this.texture, this.refractionRatio);
},
},
__hmrId: 'RefractionMap',
};

1
src/materials/index.js
View File

@ -8,3 +8,4 @@ export { default as ToonMaterial } from './ToonMaterial.js';
export { default as Map } from './Map.js';
export { default as EnvMap } from './EnvMap.js';
export { default as RefractionMap } from './RefractionMap.js';

2
src/meshes/Gem.js
View File

@ -14,7 +14,7 @@ import useBindProp from '../use/useBindProp.js';
export default {
extends: Mesh,
props: {
cubeRTSize: { type: Number, default: 512 },
cubeRTSize: { type: Number, default: 256 },
cubeCameraNear: { type: Number, default: 0.1 },
cubeCameraFar: { type: Number, default: 2000 },
autoUpdate: Boolean,

2
src/meshes/MirrorMesh.js
View File

@ -11,7 +11,7 @@ import useBindProp from '../use/useBindProp.js';
export default {
extends: Mesh,
props: {
cubeRTSize: { type: Number, default: 512 },
cubeRTSize: { type: Number, default: 256 },
cubeCameraNear: { type: Number, default: 0.1 },
cubeCameraFar: { type: Number, default: 2000 },
autoUpdate: Boolean,

5
src/meshes/RefractionMesh.js
View File

@ -12,9 +12,10 @@ import useBindProp from '../use/useBindProp.js';
export default {
extends: Mesh,
props: {
cubeRTSize: { type: Number, default: 512 },
cubeRTSize: { type: Number, default: 256 },
cubeCameraNear: { type: Number, default: 0.1 },
cubeCameraFar: { type: Number, default: 2000 },
refractionRatio: { type: Number, default: 0.98 },
autoUpdate: Boolean,
},
mounted() {
@ -33,7 +34,7 @@ export default {
this.scene.add(this.cubeCamera);
this.material.envMap = cubeRT.texture;
this.material.refractionRatio = 0.95;
this.material.refractionRatio = this.refractionRatio;
this.material.needsUpdate = true;
},
updateCubeRT() {