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

Merge pull request #130 from semleti/master

Browse Source 
Upgrade three@138 and devcontainer.json
This commit is contained in:
Kevin LEVRON 2022-03-28 22:20:19 +02:00 committed by GitHub
commit bfaee20496
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
.devcontainer/devcontainer.json Normal file
View File

@ -0,0 +1,9 @@
{
"image": "node:17",
"features": {
"git": "latest"
},"extensions": [
"johnsoncodehk.volar",
],
"forwardPorts": [3000]
}

4
package.json
View File

@ -9,7 +9,7 @@
},
"devDependencies": {
"@rollup/plugin-replace": "^3.0.0",
"@types/three": "^0.136.0",
"@types/three": "^0.138.0",
"@typescript-eslint/eslint-plugin": "^5.2.0",
"@typescript-eslint/parser": "^5.2.0",
"@vitejs/plugin-vue": "^2.2.0",
@ -27,7 +27,7 @@
"rollup-plugin-dts": "^4.0.0",
"rollup-plugin-esbuild": "^4.1.0",
"stats.js": "0.17.0",
"three": "^0.136.0",
"three": "^0.138.3",
"typescript": "^4.1.5",
"vite": "^2.6.13",
"vue": "^3.2.20",

4
src/components/meshes/Gem.js
View File

@ -5,7 +5,7 @@ import {
FrontSide,
LinearMipmapLinearFilter,
Mesh as TMesh,
RGBFormat,
RGBAFormat,
WebGLCubeRenderTarget,
} from 'three'
@ -32,7 +32,7 @@ export default defineComponent({
},
methods: {
initGem() {
const cubeRT = new WebGLCubeRenderTarget(this.cubeRTSize, { format: RGBFormat, generateMipmaps: true, minFilter: LinearMipmapLinearFilter })
const cubeRT = new WebGLCubeRenderTarget(this.cubeRTSize, { format: RGBAFormat, generateMipmaps: true, minFilter: LinearMipmapLinearFilter })
this.cubeCamera = new CubeCamera(this.cubeCameraNear, this.cubeCameraFar, cubeRT)
bindProp(this, 'position', this.cubeCamera)
this.addToParent(this.cubeCamera)

4
src/components/meshes/MirrorMesh.js
View File

@ -2,7 +2,7 @@ import { defineComponent } from 'vue'
import {
CubeCamera,
LinearMipmapLinearFilter,
RGBFormat,
RGBAFormat,
WebGLCubeRenderTarget,
} from 'three'
@ -27,7 +27,7 @@ export default defineComponent({
},
methods: {
initMirrorMesh() {
const cubeRT = new WebGLCubeRenderTarget(this.cubeRTSize, { format: RGBFormat, generateMipmaps: true, minFilter: LinearMipmapLinearFilter })
const cubeRT = new WebGLCubeRenderTarget(this.cubeRTSize, { format: RGBAFormat, generateMipmaps: true, minFilter: LinearMipmapLinearFilter })
this.cubeCamera = new CubeCamera(this.cubeCameraNear, this.cubeCameraFar, cubeRT)
this.addToParent(this.cubeCamera)

4
src/components/meshes/RefractionMesh.js
View File

@ -3,7 +3,7 @@ import {
CubeCamera,
CubeRefractionMapping,
LinearMipmapLinearFilter,
RGBFormat,
RGBAFormat,
WebGLCubeRenderTarget,
} from 'three'
@ -29,7 +29,7 @@ export default defineComponent({
},
methods: {
initMirrorMesh() {
const cubeRT = new WebGLCubeRenderTarget(this.cubeRTSize, { mapping: CubeRefractionMapping, format: RGBFormat, generateMipmaps: true, minFilter: LinearMipmapLinearFilter })
const cubeRT = new WebGLCubeRenderTarget(this.cubeRTSize, { mapping: CubeRefractionMapping, format: RGBAFormat, generateMipmaps: true, minFilter: LinearMipmapLinearFilter })
this.cubeCamera = new CubeCamera(this.cubeCameraNear, this.cubeCameraFar, cubeRT)
bindProp(this, 'position', this.cubeCamera)
this.addToParent(this.cubeCamera)

4
src/core/CubeCamera.ts
View File

@ -1,5 +1,5 @@
import { defineComponent, inject, onUnmounted, PropType } from 'vue'
import { CubeCamera, LinearMipmapLinearFilter, Mesh, RGBFormat, WebGLCubeRenderTarget } from 'three'
import { CubeCamera, LinearMipmapLinearFilter, Mesh, RGBAFormat, WebGLCubeRenderTarget } from 'three'
import Object3D from './Object3D'
import { RendererInjectionKey } from './Renderer'
@ -26,7 +26,7 @@ export default defineComponent({
}
const renderer = rendererC.renderer, scene = rendererC.scene
const cubeRT = new WebGLCubeRenderTarget(props.cubeRTSize, { format: RGBFormat, generateMipmaps: true, minFilter: LinearMipmapLinearFilter })
const cubeRT = new WebGLCubeRenderTarget(props.cubeRTSize, { format: RGBAFormat, generateMipmaps: true, minFilter: LinearMipmapLinearFilter })
const cubeCamera = new CubeCamera(props.cubeCameraNear, props.cubeCameraFar, cubeRT)
const updateRT = () => {
props.hideMeshes.forEach(m => { m.visible = false })