地虎降天龙
地虎降天龙 图形社区官方人员
也许宇宙中最反直觉的真理是,你给别人的越多,你得到的也越多。

注册于 2年前

回答
87
文章
16
关注者
12

请问 开启了浏览器硬件加速嘛?

问题描述还是过少了,没办法回答
资源的读取 我现在还是极力推荐这个免费插件;谁用谁爽
https://www.icegl.cn/tvtstore/resourceManager

场景内的东西其实涉及的比较多,模型,素材,材质,读取的其他资源等等
首先是自己读取的素材 进行释放,然后再递归场景内的元素 逐一释放
这部分 进入调试模式 查看 场景内的物体元素
image.png

类似代码这里:

function disposeNode(node) {
    if (!node) return;

    // 释放几何体
    if (node.geometry) {
        node.geometry.dispose();
    }

    // 释放材质
    if (node.material) {
        if (Array.isArray(node.material)) {
            // 如果材质是数组(多材质)
            node.material.forEach((material) => material.dispose());
        } else {
            node.material.dispose();
        }
    }

    // 释放纹理(如果材质中有纹理,纹理由 WebGL 管理,需要单独释放)
    if (node.material && node.material.map) {
        node.material.map.dispose();
    }

    // 递归释放子节点
    if (node.children) {
        while (node.children.length > 0) {
            disposeNode(node.children[0]);
            node.remove(node.children[0]);
        }
    }
}

npm install gl-matrix -S

import * as glMatrix from 'gl-matrix';
glMatrix.mat3

看一下 是不是需要 增加 依赖

const { mat3 } = require("gl-matrix"); // 引入 gl-matrix 的 mat3 模块

这部分真没尝试过,因为不是原生的dom
需要跟踪下生命周期了

有什么报错提示吗?

此插件会在后续的版本修复此问题。
现版本的更改方法如下:
修改文件:src/plugins/tvtCharts/components/pie/index.vue
52行: reCalcMeshList 函数中
57行后改为:

        if (slice) {
            const shape = createPieShape(props.radius, slice)
            let geometry = new THREE.ExtrudeGeometry(shape, { bevelEnabled: false, depth: props.depth })
            meshList.push({ geometry, slice, radians, data })
            radians += slice
        }

嗯 很多效果 都是不支持的喔
不然不会很多着色器 和 原生粒子发射器

发布
问题