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: lights

Browse Source
This commit is contained in:
Kevin Levron 2021-04-19 19:57:10 +02:00
parent 8adb685c56
commit 65eb3d9450
3 changed files with 26 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/lights/Light.ts
View File

@ -1,14 +1,12 @@
import { DirectionalLight, Light, SpotLight } from 'three'
import { DirectionalLight, Light, LightShadow, SpotLight } from 'three'
import { defineComponent, watch } from 'vue'
import Object3D from '../core/Object3D'
import { bindProp, setFromProp } from '../tools'
interface LightInterface {
interface LightSetupInterface {
light?: Light
}
type LightWithTarget = SpotLight | DirectionalLight
export default defineComponent({
extends: Object3D,
name: 'Light',
@ -19,40 +17,44 @@ export default defineComponent({
shadowMapSize: { type: Object, default: () => ({ x: 512, y: 512 }) },
shadowCamera: { type: Object, default: () => ({}) },
},
setup(): LightInterface {
setup(): LightSetupInterface {
return {}
},
unmounted() {
const light = this.light as LightWithTarget
if (light && light.target) this.removeFromParent(light.target)
if (this.light instanceof SpotLight || this.light instanceof DirectionalLight) {
this.removeFromParent(this.light.target)
}
},
methods: {
initLight(light: Light) {
this.light = light
const lightWithTarget = light as LightWithTarget
if (lightWithTarget.target) {
bindProp(this, 'target', lightWithTarget.target, 'position')
}
if (this.light?.shadow) {
this.light.castShadow = this.castShadow
setFromProp(this.light.shadow.mapSize, this.shadowMapSize)
setFromProp(this.light.shadow.camera, this.shadowCamera)
if (light instanceof LightShadow) {
light.castShadow = this.castShadow
// @ts-ignore
setFromProp(light.shadow.mapSize, this.shadowMapSize)
// @ts-ignore
setFromProp(light.shadow.camera, this.shadowCamera)
}
['color', 'intensity', 'castShadow'].forEach(p => {
watch(() => this[p], () => {
// @ts-ignore
watch(() => this[p], (value) => {
if (p === 'color') {
light.color.set(this.color)
light.color.set(value)
} else {
// @ts-ignore
light[p] = this[p]
}
})
})
this.initObject3D(this.light)
if (lightWithTarget.target) this.addToParent(lightWithTarget.target)
this.initObject3D(light)
if (light instanceof SpotLight || light instanceof DirectionalLight) {
bindProp(this, 'target', light.target, 'position')
this.addToParent(light.target)
}
},
},
__hmrId: 'Light',

5
src/lights/RectAreaLight.ts
View File

@ -17,9 +17,8 @@ export default defineComponent({
const watchProps = ['width', 'height']
watchProps.forEach(p => {
watch(() => this[p], () => {
light[p] = this[p]
})
// @ts-ignore
watch(() => this[p], () => { light[p] = this[p] })
})
if (this.helper) {

5
src/lights/SpotLight.ts
View File

@ -16,9 +16,8 @@ export default defineComponent({
const watchProps = ['angle', 'decay', 'distance', 'penumbra']
watchProps.forEach(p => {
watch(() => this[p], () => {
light[p] = this[p]
})
// @ts-ignore
watch(() => this[p], () => { light[p] = this[p] })
})
this.initLight(light)