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

improve props types

Browse Source
This commit is contained in:
Kevin Levron 2021-04-26 18:38:17 +02:00
parent f50d66b733
commit 0bfac37f53
6 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/effects/TiltShiftPass.ts
View File

@ -1,15 +1,16 @@
import { defineComponent, watch } from 'vue'
import { defineComponent, PropType, watch } from 'vue'
import { Vector2 } from 'three'
import { ShaderPass } from 'three/examples/jsm/postprocessing/ShaderPass.js'
import EffectPass from './EffectPass'
import TiltShift from '../shaders/TiltShift'
import { Vector2PropInterface } from '../core/Object3D'
import { bindProp } from '../tools'
const props = {
blurRadius: { type: Number, default: 10 },
gradientRadius: { type: Number, default: 100 },
start: { type: Object, default: () => ({ x: 0, y: 100 }) },
end: { type: Object, default: () => ({ x: 10, y: 100 }) },
start: { type: Object as PropType<Vector2PropInterface>, default: () => ({ x: 0, y: 100 }) },
end: { type: Object as PropType<Vector2PropInterface>, default: () => ({ x: 10, y: 100 }) },
}
interface TiltShiftPassSetupInterface {

5
src/effects/ZoomBlurPass.ts
View File

@ -1,13 +1,14 @@
import { defineComponent } from 'vue'
import { defineComponent, PropType } from 'vue'
import { ShaderPass } from 'three/examples/jsm/postprocessing/ShaderPass.js'
import EffectPass from './EffectPass'
import ZoomBlur from '../shaders/ZoomBlur'
import { Vector2PropInterface } from '../core/Object3D'
import { bindProp } from '../tools'
export default defineComponent({
extends: EffectPass,
props: {
center: { type: Object, default: () => ({ x: 0.5, y: 0.5 }) },
center: { type: Object as PropType<Vector2PropInterface>, default: () => ({ x: 0.5, y: 0.5 }) },
strength: { type: Number, default: 0.5 },
},
created() {

5
src/lights/DirectionalLight.ts
View File

@ -1,11 +1,12 @@
import { defineComponent } from 'vue'
import { defineComponent, PropType } from 'vue'
import { DirectionalLight } from 'three'
import { Vector2PropInterface } from '../core/Object3D'
import Light from './Light'
export default defineComponent({
extends: Light,
props: {
target: { type: Object, default: () => ({ x: 0, y: 0, z: 0 }) },
target: { type: Object as PropType<Vector2PropInterface>, default: () => ({ x: 0, y: 0, z: 0 }) },
},
created() {
this.initLight(new DirectionalLight(this.color, this.intensity))

6
src/lights/Light.ts
View File

@ -1,6 +1,6 @@
import { DirectionalLight, Light, SpotLight } from 'three'
import { defineComponent, watch } from 'vue'
import Object3D from '../core/Object3D'
import { defineComponent, PropType, watch } from 'vue'
import Object3D, { Vector2PropInterface } from '../core/Object3D'
import { bindProp, setFromProp } from '../tools'
export interface LightSetupInterface {
@ -14,7 +14,7 @@ export default defineComponent({
color: { type: String, default: '#ffffff' },
intensity: { type: Number, default: 1 },
castShadow: { type: Boolean, default: false },
shadowMapSize: { type: Object, default: () => ({ x: 512, y: 512 }) },
shadowMapSize: { type: Object as PropType<Vector2PropInterface>, default: () => ({ x: 512, y: 512 }) },
shadowCamera: { type: Object, default: () => ({}) },
},
setup(): LightSetupInterface {

5
src/materials/StandardMaterial.ts
View File

@ -1,7 +1,8 @@
import { defineComponent, watch } from 'vue'
import { defineComponent, PropType, watch } from 'vue'
import { MeshStandardMaterial } from 'three'
import { bindProp, bindProps, propsValues } from '../tools'
import Material, { wireframeProps } from './Material'
import { Vector2PropInterface } from '../core/Object3D'
const props = {
aoMapIntensity: { type: Number, default: 1 },
@ -13,7 +14,7 @@ const props = {
envMapIntensity: { type: Number, default: 1 },
lightMapIntensity: { type: Number, default: 1 },
metalness: { type: Number, default: 0 },
normalScale: { type: Object, default: () => ({ x: 1, y: 1 }) },
normalScale: { type: Object as PropType<Vector2PropInterface>, default: () => ({ x: 1, y: 1 }) },
roughness: { type: Number, default: 1 },
refractionRatio: { type: Number, default: 0.98 },
flatShading: Boolean,

5
src/materials/Texture.ts
View File

@ -2,6 +2,7 @@ import { defineComponent, PropType, watch } from 'vue'
import { ClampToEdgeWrapping, LinearFilter, LinearMipmapLinearFilter, ShaderMaterial, Texture, TextureLoader, UVMapping } from 'three'
import { bindProp } from '../tools'
import { MaterialInjectionKey, MaterialInterface } from './Material'
import { Vector2PropInterface } from '../core/Object3D'
export interface TexureInterface {
material?: MaterialInterface
@ -25,9 +26,9 @@ export default defineComponent({
wrapT: { type: Number, default: ClampToEdgeWrapping },
magFilter: { type: Number, default: LinearFilter },
minFilter: { type: Number, default: LinearMipmapLinearFilter },
repeat: { type: Object, default: () => ({ x: 1, y: 1 }) },
repeat: { type: Object as PropType<Vector2PropInterface>, default: () => ({ x: 1, y: 1 }) },
rotation: { type: Number, default: 0 },
center: { type: Object, default: () => ({ x: 0, y: 0 }) },
center: { type: Object as PropType<Vector2PropInterface>, default: () => ({ x: 0, y: 0 }) },
},
setup(): TexureInterface {
return {}