mirror of
https://github.com/troisjs/trois.git
synced 2024-11-23 20:02:32 +08:00
pixel ratio #88
This commit is contained in:
parent
1c5a1942f8
commit
60eee1a544
@ -1,7 +1,7 @@
|
||||
/* eslint-disable no-use-before-define */
|
||||
import { Camera, Scene, WebGLRenderer, WebGLRendererParameters } from 'three'
|
||||
import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer'
|
||||
import { ComponentPublicInstance, defineComponent, InjectionKey, PropType } from 'vue'
|
||||
import { ComponentPublicInstance, defineComponent, InjectionKey, PropType, watchEffect } from 'vue'
|
||||
import { bindObjectProp } from '../tools'
|
||||
import { PointerInterface, PointerPublicConfigInterface } from './usePointer'
|
||||
import useThree, { SizeInterface, ThreeConfigInterface, ThreeInterface } from './useThree'
|
||||
@ -108,6 +108,7 @@ export default defineComponent({
|
||||
shadow: Boolean,
|
||||
width: String,
|
||||
height: String,
|
||||
pixelRatio: Number,
|
||||
xr: Boolean,
|
||||
props: { type: Object, default: () => ({}) },
|
||||
onReady: Function as PropType<(r: RendererInterface) => void>,
|
||||
@ -147,6 +148,10 @@ export default defineComponent({
|
||||
const three = useThree(config)
|
||||
bindObjectProp(props, 'props', three.renderer)
|
||||
|
||||
watchEffect(() => {
|
||||
if (props.pixelRatio) three.renderer.setPixelRatio(props.pixelRatio)
|
||||
})
|
||||
|
||||
const renderFn: {(): void} = () => {}
|
||||
|
||||
return {
|
||||
|
Loading…
Reference in New Issue
Block a user