推荐:🎉🎉🎊 三维可视化项目快速落地の开源免费框架 🎊🎉🎉

2024年 4月 12日 118.1k 0

🧊🧊🧊 icegl-three-vue-tres 🧊🧊🧊

🎉🎉🎊 三维可视化项目快速落地の开源框架 🎊🎉🎉

推荐:🎉🎉🎊 三维可视化项目快速落地の开源免费框架 🎊🎉🎉-1 推荐:🎉🎉🎊 三维可视化项目快速落地の开源免费框架 🎊🎉🎉-2 推荐:🎉🎉🎊 三维可视化项目快速落地の开源免费框架 🎊🎉🎉-1 推荐:🎉🎉🎊 三维可视化项目快速落地の开源免费框架 🎊🎉🎉-1 推荐:🎉🎉🎊 三维可视化项目快速落地の开源免费框架 🎊🎉🎉-3 推荐:🎉🎉🎊 三维可视化项目快速落地の开源免费框架 🎊🎉🎉-4

🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊🧊

如果对您有帮助,您可以点右上角 “Star⭐” 收藏一下 ,您的star就是我开发的动力,感谢!

B 站上对此项目的视频说明点击下方 👇🏻 跳转

生态 @ThreeJS-@Vue3.x-@TresJS

icegl 出品,永久开源且免费商用,持续更新 ing,请点击右上角 start⭐ 关注

本项目融合于三大生态系统中:

  • 🎲 ThreeJS * 点击详情 推荐:🎉🎉🎊 三维可视化项目快速落地の开源免费框架 🎊🎉🎉-5 ThreeJS 大名鼎鼎的基于浏览器渲染,JavaScript 语言的 3D 库。
     

  • 🍀 Vue3.x * 点击详情 推荐:🎉🎉🎊 三维可视化项目快速落地の开源免费框架 🎊🎉🎉-6 易学易用,性能出色,适用场景丰富的 Web 前端框架。
     

  • ⚡ TresJS * 点击详情 推荐:🎉🎉🎊 三维可视化项目快速落地の开源免费框架 🎊🎉🎉-7 使用 Vue3.x 组件实现声明式的 ThreeJS,做属于前端的三维项目。

🏕 点击预览:🌏opensource.icegl.cn

  • 如果访问太慢,请访问镜像站点:🌏 ice-gl.gitee.io/icegl-three-vue-tres
  • 如果有条件翻墙,也可直接访问 github 的镜像站:🌏 https://hawk86104.github.io
因项目经常更新编译,如发现访问错误,请清空浏览器缓存。

 

        

更多演示请进入预览页面

优势

  • 🌈 前端の基本素养 * FesJS 点击详情 推荐:🎉🎉🎊 三维可视化项目快速落地の开源免费框架 🎊🎉🎉-8 集成封装项目落地的常用库:图标、多语言、API 接口调用、Vuex/Pinia、model 数据封装、页面 layout/权限 access、路由管理等。

  • 🌠 像写 Vue3.x 一样写三维可视化项目点击详情 推荐:🎉🎉🎊 三维可视化项目快速落地の开源免费框架 🎊🎉🎉-9全功能版本追溯保持 threeJS 最新版本 * TresJS 最新 Vue3.x 的语法糖写法,TS/JS 通吃,让你以最新最爽快的方式构建三维可视化项目

  • 🧩 丰富的插件应用市场
    插件中心包含各式各样的项目场景和功能。插件是 ICE 社区生态中重要的一环,在应用市场中完整应用和普通插件统一称为插件。
<template>
    <TresCanvas window-size>
        <TresPerspectiveCamera />
        <TresMesh>
            <TresTorusGeometry :args="[1, 0.5, 16, 32]" />
            <TresMeshBasicMaterial color="orange" />
        </TresMesh>
    </TresCanvas>
</template>
<script setup lang="ts">
    import { useRenderLoop, useTexture } from '@tresjs/core';
    //读取材质
    const pTexture = await useTexture(['./**.jpg', './**.png']);
    const { onLoop } = useRenderLoop();
    onLoop(({ delta }) => {
        //循环render
    });
</script>

我们将会逐一把落地的项目以插件的形式加入到此开源框中...

敬请右上角一键三连: 关注 💛 点赞 ⭐ fork👣

✅ 快速开始

1、git clone 或者 直接下载 本项目

2、cd 到项目根目录

3、yarn	//安装依赖

4、yarn pre.dev	// 预览 下的调试模式

5、yarn dev // 自己项目 下的调试模式

6、yarn pre.build	//预览 下的编译打包

7、yarn build	//自己项目 下的编译打包

 

📖 文档

使用说明:🌏docs.icegl.cn

❓ 问题反馈

在使用中有任何问题,请使用以下联系方式联系我们

  • 问答社区: 图形学社区 icegl.cn

相关文章

塑造我成为 CTO 之路的“秘诀”
“人工智能教母”的公司估值达 10 亿美金
教授吐槽:985 高校成高级蓝翔!研究生基本废了,只为房子、票子……
Windows 蓝屏中断提醒开发者:Rust 比 C/C++ 更好
Claude 3.5 Sonnet 在伽利略幻觉指数中名列前茅
上海新增 11 款已完成登记生成式 AI 服务

发布评论