> 技术文档 > Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor

Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor

Vue3 + Three.js 这首款 3D 数字孪生编辑器一开源,3D 开发领域直接被改变了。它让开发变得更简单、更高效,还激发了大家更多的创意。

作为一个前端开发工程师,日常工作中貌似避免不了要跟 3D 打交道,智慧城市、工业数字孪生、展厅互动展示,这些都离不开 3D 开发。

可问题是,3D 开发的门槛有点高,把不少开发者都给拦住了。

Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor

不过别担心,今天给大家介绍一个超棒的开源项目 ——Three-Editor,一个基于 Three.js 的 3D 低代码编辑器平台,有了它,以后搞 3D 开发就轻松多了。

项目概述

Three-Editor 就是一个专门搞 3D 场景构建的低代码编辑器内核,目的就是把 3D 应用开发的门槛给降下来。

Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor

它搞了个可视化编辑界面,开发者和设计师用起来可方便了,能轻轻松松地创建、编辑和优化 3D 场景,那些复杂的 3D 编程细节都不用管,搞数字孪生项目效率一下就上去了。

技术架构

Three-Editor 的技术架构那可不是吹的,特别厉害:

  • 主要语言 :JavaScript,占比高达 98.3%,绝对的核心地位。
  • 前端框架 :Vue3,现在最火的框架之一。
  • 3D 引擎 :Three.js 和 Cesium.js,这两个组合在一起,3D 效果想不好都难。
  • 动画库 :GSAP,搞动画的都知道,这个库超级好用。
  • 界面组件 :dat.GUI,做界面交互的利器。
  • 构建工具 :Vite,启动速度飞快,开发体验直接拉满。

项目完全是按照现代前端开发的规矩来的,用的是 Node.js 环境(推荐 18+ 版本,现在已经支持到 Node 20.9.0 了),装依赖用的是 pnpm,又快又稳。

功能与优势

Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor

  • 高度自定义 :想怎么改就怎么改,特别灵活,自己想要啥功能都能加上。
  • 组件化架构 :功能拆成一个个组件,用起来就像搭积木一样,方便又快捷。
  • 可视化编辑 :所见即所得,界面咋显示的,最后效果就是啥样,省得老跑去看预览。
  • 案例超丰富 :不管你是想做智慧城市还是工业设备建模,都能找到对应的案例参考。
  • 支持 3Dtiles :大规模复杂场景轻松搞定,不用怕项目太大搞不定。
  • 文档很完善 :遇到问题不用慌,文档里基本都能找到答案。
项目使用场景

Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor

  • 数字孪生系统 :工厂、建筑、城市的数字映射全都能搞,线上线下实时互动,管理起来方便得很。
  • 低代码开发平台 :不会写代码也没关系,用这个平台,非专业人员也能整出很棒的 3D 应用。
  • 工业组态编辑 :工业监控和数据可视化的需求,它都能满足,工程师们能快速搞出靠谱的监控界面。
  • 交互式展示 :展览、教育、营销这些地方,用它的视觉和交互效果,直接把人的眼睛给抓住。
项目案例相关
  • Github 地址:https://github.com/z2586300277/three-editor
  • 在线编辑器预览:https://z2586300277.github.io/threejs-editor/#/editor
  • 在线编案例展示:https://z2586300277.github.io/three-editor/dist/#/example
  • 相关文档:https://z2586300277.github.io/three-editor/docs/dist
结语

说实话,Vue3 + Three.js 这首款 3D 数字孪生编辑器一开源,3D 开发领域直接被改变了。

它让开发变得更简单、更高效,还激发了大家更多的创意。

首款 3D 数字孪生编辑器一开源,3D 开发领域直接被改变了。

它让开发变得更简单、更高效,还激发了大家更多的创意。

不管你是专业开发的老手,还是刚入行的新手,这工具都特别实用。真心希望大家都能去试试,给它点支持,一起把数字孪生技术往前推一把。

模型岗位需求

大模型时代,企业对人才的需求变了,AIGC相关岗位人才难求,薪资持续走高,AI运营薪资平均值约18457元,AI工程师薪资平均值约37336元,大模型算法薪资平均值约39607元。
Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor

掌握大模型技术你还能拥有更多可能性

• 成为一名全栈大模型工程师,包括Prompt,LangChain,LoRA等技术开发、运营、产品等方向全栈工程;

• 能够拥有模型二次训练和微调能力,带领大家完成智能对话、文生图等热门应用;

• 薪资上浮10%-20%,覆盖更多高薪岗位,这是一个高需求、高待遇的热门方向和领域;

• 更优质的项目可以为未来创新创业提供基石。

可能大家都想学习AI大模型技术,也想通过这项技能真正达到升职加薪,就业或是副业的目的,但是不知道该如何开始学习,因为网上的资料太多太杂乱了,如果不能系统的学习就相当于是白学。为了让大家少走弯路,少碰壁,这里我直接把全套AI技术和大模型入门资料、操作变现玩法都打包整理好,希望能够真正帮助到大家。

读者福利:如果大家对大模型感兴趣,这套大模型学习资料一定对你有用

零基础入门AI大模型

今天贴心为大家准备好了一系列AI大模型资源,包括AI大模型入门学习思维导图、精品AI大模型学习书籍手册、视频教程、实战学习等录播视频免费分享出来。

有需要的小伙伴,可以点击下方链接免费领取【保证100%免费

点击领取 《AI大模型&人工智能&入门进阶学习资源包》*

1.学习路线图

Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor
Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor
Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor
Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor
如果大家想领取完整的学习路线及大模型学习资料包,可以扫下方二维码获取
在这里插入图片描述

👉2.大模型配套视频👈

很多朋友都不喜欢晦涩的文字,我也为大家准备了视频教程,每个章节都是当前板块的精华浓缩。(篇幅有限,仅展示部分)

Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor

大模型教程

👉3.大模型经典学习电子书👈

随着人工智能技术的飞速发展,AI大模型已经成为了当今科技领域的一大热点。这些大型预训练模型,如GPT-3、BERT、XLNet等,以其强大的语言理解和生成能力,正在改变我们对人工智能的认识。 那以下这些PDF籍就是非常不错的学习资源。(篇幅有限,仅展示部分,公众号内领取)

Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor

电子书

👉4.大模型面试题&答案👈

截至目前大模型已经超过200个,在大模型纵横的时代,不仅大模型技术越来越卷,就连大模型相关的岗位和面试也开始越来越卷了。为了让大家更容易上车大模型算法赛道,我总结了大模型常考的面试题。(篇幅有限,仅展示部分,公众号内领取)

Vue3 + Three.js 首款 3D 数字孪生编辑器!正式开源!_three-editor

大模型面试

**因篇幅有限,仅展示部分资料,**有需要的小伙伴,可以点击下方链接免费领取【保证100%免费

点击领取 《AI大模型&人工智能&入门进阶学习资源包》

**或扫描下方二维码领取 **

在这里插入图片描述