mirror of
https://gitee.com/ice-gl/icegl-three-vue-tres.git
synced 2025-04-05 06:22:43 +08:00
更新说明
This commit is contained in:
hawk86104
parent
44b971df93
commit
fdc9864f04
@ -1,10 +1,10 @@
|
||||
/*
|
||||
* @Description:
|
||||
* @Description:
|
||||
* @Version: 1.668
|
||||
* @Autor: 地虎降天龙
|
||||
* @Date: 2023-10-16 10:53:09
|
||||
* @LastEditors: 地虎降天龙
|
||||
* @LastEditTime: 2024-03-25 21:06:01
|
||||
* @LastEditTime: 2024-05-20 21:33:11
|
||||
*/
|
||||
import { defineBuildConfig } from '@fesjs/fes'
|
||||
import addExtraScriptPlugin from './src/common/addExtraScriptPlugin'
|
||||
@ -20,66 +20,69 @@ export default defineBuildConfig({
|
||||
{
|
||||
name: 'preview',
|
||||
path: '/',
|
||||
title: '📀 预览演示'
|
||||
title: '📀 预览演示',
|
||||
},
|
||||
{
|
||||
path: 'https://gitee.com/ice-gl/icegl-three-vue-tres',
|
||||
title: '📜 源码地址'
|
||||
title: '📜 源码地址',
|
||||
},
|
||||
{
|
||||
title: '📚 说明文档',
|
||||
children: [
|
||||
{
|
||||
path: 'http://docs.icegl.cn',
|
||||
title: '🧊 TvT框架文档'
|
||||
}, {
|
||||
path: 'https://threejs.org/docs/index.html#manual/zh/introduction/Creating-a-scene',
|
||||
title: '🎲 three.js'
|
||||
}, {
|
||||
path: 'https://tresjs.org/guide/',
|
||||
title: '⚡ tres.js'
|
||||
}, {
|
||||
path: 'https://fesjs.mumblefe.cn/',
|
||||
title: '💠 fes.js'
|
||||
title: '🧊 TvT框架文档',
|
||||
},
|
||||
]
|
||||
{
|
||||
path: 'https://threejs.org/docs/index.html#manual/zh/introduction/Creating-a-scene',
|
||||
title: '🎲 three.js',
|
||||
},
|
||||
{
|
||||
path: 'https://tresjs.org/guide/',
|
||||
title: '⚡ tres.js',
|
||||
},
|
||||
{
|
||||
path: 'https://fesjs.mumblefe.cn/',
|
||||
title: '💠 fes.js',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: 'https://icegl.cn/',
|
||||
title: '🧊 ICEGL官网'
|
||||
title: '🧊 ICEGL官网',
|
||||
},
|
||||
{
|
||||
path: 'https://space.bilibili.com/410503457',
|
||||
title: '🅱️ B站主页'
|
||||
title: '🅱️ B站主页',
|
||||
},
|
||||
{
|
||||
title: '👨🏫 课程中心',
|
||||
children: [
|
||||
{
|
||||
path: 'https://icegl.cn/courses',
|
||||
title: '🌁 WebGL初/中/高级教程'
|
||||
}, {
|
||||
path: 'https://www.bilibili.com/video/BV1iR4y1C7LQ/',
|
||||
title: '🏙 WebGL Shader初级教程'
|
||||
}, {
|
||||
path: 'https://study.163.com/course/introduction/1213599804.htm?inLoc=ss_ssjg_tjlb_webgl&share=1&shareId=1033552384',
|
||||
title: '🌇 WebGL Shader中级教程'
|
||||
title: '🌁 WebGL初/中/高级教程',
|
||||
},
|
||||
]
|
||||
{
|
||||
path: 'https://www.bilibili.com/video/BV1iR4y1C7LQ/',
|
||||
title: '🏙 WebGL Shader初级教程',
|
||||
},
|
||||
{
|
||||
path: 'http://m.study.163.com/provider/480000002303414/index.htm?share=2&shareId=480000002303414',
|
||||
title: '🌇 WebGL Shader中级教程',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: 'https://icegl.cn/ask',
|
||||
title: '🙋♀️ 社区问答'
|
||||
title: '🙋♀️ 社区问答',
|
||||
},
|
||||
{
|
||||
path: 'https://icegl.cn/p/aboutus',
|
||||
title: '💫 关于我们'
|
||||
}
|
||||
title: '💫 关于我们',
|
||||
},
|
||||
],
|
||||
},
|
||||
viteOption: {
|
||||
plugins: [
|
||||
addExtraScriptPlugin()
|
||||
]
|
||||
plugins: [addExtraScriptPlugin()],
|
||||
},
|
||||
});
|
||||
})
|
||||
|
||||
@ -4,42 +4,28 @@
|
||||
* @Autor: 地虎降天龙
|
||||
* @Date: 2024-01-26 16:14:33
|
||||
* @LastEditors: 地虎降天龙
|
||||
* @LastEditTime: 2024-03-27 17:15:33
|
||||
-->
|
||||
<!--
|
||||
* @Description:
|
||||
* @Version: 1.668
|
||||
* @Autor: 地虎降天龙
|
||||
* @Date: 2024-01-25 10:23:43
|
||||
* @LastEditors: 地虎降天龙
|
||||
* @LastEditTime: 2024-01-26 16:00:29
|
||||
* @LastEditTime: 2024-05-18 09:23:28
|
||||
-->
|
||||
|
||||
<template></template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import * as THREE from "three"
|
||||
import * as THREE from 'three'
|
||||
import { useTresContext } from '@tresjs/core'
|
||||
|
||||
const props = withDefaults(defineProps<{
|
||||
texture: string
|
||||
}>(), {
|
||||
})
|
||||
const props = withDefaults(
|
||||
defineProps<{
|
||||
texture: string
|
||||
}>(),
|
||||
{},
|
||||
)
|
||||
const { scene } = useTresContext()
|
||||
|
||||
const loader = new THREE.CubeTextureLoader()
|
||||
const texture = loader.setPath(props.texture).load([
|
||||
'pos-x.jpg',
|
||||
'neg-x.jpg',
|
||||
'pos-y.jpg',
|
||||
'neg-y.jpg',
|
||||
'pos-z.jpg',
|
||||
'neg-z.jpg',
|
||||
]);
|
||||
const texture = loader.setPath(props.texture).load(['pos-x.jpg', 'neg-x.jpg', 'pos-y.jpg', 'neg-y.jpg', 'pos-z.jpg', 'neg-z.jpg'])
|
||||
//该纹理贴图将会被设为场景中所有物理材质的环境贴图。 然而，该属性不能够覆盖已存在的、已分配给 MeshStandardMaterial.envMap 的贴图。默认为null。
|
||||
scene.value.environment = texture
|
||||
|
||||
//在渲染场景的时候将设置背景，且背景总是首先被渲染的。 可以设置一个用于的“clear”的Color（颜色）、一个覆盖canvas的Texture（纹理）， 或是 a cubemap as a CubeTexture or an equirectangular as a Texture。
|
||||
scene.value.background = texture
|
||||
|
||||
</script>
|
||||
</script>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
* @Autor: 地虎降天龙
|
||||
* @Date: 2024-05-10 10:11:04
|
||||
* @LastEditors: 地虎降天龙
|
||||
* @LastEditTime: 2024-05-17 16:29:58
|
||||
* @LastEditTime: 2024-05-21 10:42:16
|
||||
*/
|
||||
export default {
|
||||
name: 'tresEditor',
|
||||
@ -27,11 +27,10 @@ export default {
|
||||
title: 'three原生Editor',
|
||||
},
|
||||
{
|
||||
src: `1、载入原生Three.js编辑器的Json文件</br>
|
||||
2、导出拆解Json的Zip包【测试用】</br>
|
||||
3、载入拆解后的Zip包了【测试用】</br>
|
||||
4、--- 生成插件包【ZIP格式】---</br>
|
||||
5、按照文档中的方法安装插件：<a style="color: #5384ff;" href="https://docs.icegl.cn/docs/three-vue-tres/plugin/manage.html#创建插件" target="_blank">插件管理</a></br>`,
|
||||
src: `<a style="color: #5384ff;" href="https://docs.icegl.cn/docs/three-vue-tres/editor/totvt.html" target="_blank">使用教程详见:导出/安装TvT插件包</a></br>
|
||||
1、载入原生Three.js编辑器的Json文件</br>
|
||||
2、--- 生成插件包【ZIP格式】---</br>
|
||||
3、按照文档中的方法安装插件：<a style="color: #5384ff;" href="https://docs.icegl.cn/docs/three-vue-tres/plugin/manage.html#创建插件" target="_blank">插件管理</a></br>`,
|
||||
type: 'text',
|
||||
name: 'simpleImport',
|
||||
title: '插件生成器',
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user