7.threejs充电桩科技风物联网管理系统可视化大屏管理系统

xiefandaren

单节购买160:点击跳转

整体项目效果预览：https://www.bilibili.com/video/B ... id_from=333.999.0.0

成品前端首页预览效果：https://xiefansq.cn/threejsP/2024/4/11/#/
成品前端-首页-登录-后台预览效果：https://xiefansq.cn/threejsP/2024/4/16-1/#/

真.前后端项目https://xiefansq.cn/threejsP/2024/4/19/#/

---

成品前端首页源码下载地址：

游客，如果您要查看本帖隐藏内容请回复

本次我们的案例是一个 涉及到
--UI
--GLB模型拉调整
--vue前端
--django python后端

课程免费部分的ui预览教程

如果无法播放，请点击此处在新窗口打开

ui设计工程文件，仅对付费学员开放：

游客，如果您要查看本帖隐藏内容请回复

1.前端部分目前免费在b站开发浏览

因为跟付费课程核心部分有点边缘 我有点舍不得吧这些部分放到我的个人网站占带宽

由于ui动不动1个小时 我实在不想剪辑了 然后也不是我们课程核心部分就直接放出来吧

2.前端目前ui部分做的三张概念图

前台页面




登录页面



后台页面



3.顶层概念图和参考

顶层概念规划



设计参考
美术参考网站
vj光厂：https://www.vjshi.com/?auction_i ... tm_content=pinpaici

easyV：https://login.easyv.cloud/login



3.ui教程正式部分

正片直接跳转https://www.bilibili.com/video/B ... 76d9c0c0ed674116c57




教程正式部分


1模型得美术得积木搭建
2项目数据架构得顶层逻辑设计
3前后端项目得架构
4 打通前后台数据-上 架构基础测试页面逻辑
5 打通前后台数据-下 前端测试页面完善和书写后端接口
6.切图逻辑介绍公共ui的前端开发UI规划
7.公共ui标题的组件的书写
8 ui小标题的封装逻辑开发
9首页UI充电桩详情模块开发
10 运营收益 echart表格的开发
11 饿了吗Element 自定义Table表格书写
12 首页右侧UI设计 小小标签效果轻松拿下
13 中间和包围ui设计以及全局的一个宽高判断
14 三维模型导入进入threejs开发流
15 搞定threejs模型的页面加载前面画布小问题的修正
16 前后端点位数据的梳理 往前端地图上面撒点
17 threejs标签canvas映射 标签撒点和朝向摄像机运算
18 地图站点之间连线，原理逻辑，以及连线模型制作
19 地图线条shader 点位旋转动画 地图背景圆盘动画
20 点击交互盒子的添加以及悬浮交互的动画逻辑添加
21首页完结前端uiVUE组件和threejs场景的逻辑联动
22 登录页面的逻辑完结
23 后台编辑器页面的UI书写
24 后台三维场景的载入 三维场景ui界面的基础构建
25 后台撒点 洒标记标签 以及css3D标签画布拓展搭建
26 控制器TransomControl解耦threejs编辑器逻辑大作战
27 根据缓存threejs模型数据构建json数据发送给后台 完结项目


教程正片

游客，如果您要查看本帖隐藏内容请回复

jiquan123

帅惨咯，大大无敌！！！

文字o墨竹

1111111111111111111111111111111

Vanki

1111111111111111111111111111111111111111111111111111111111111

文字o墨竹

dfffffffffffffffffffffffffffffffffffffff

flyromance

1231231231231

苏苏

帅惨咯，大大无敌！！！

wilinz

haihaihai

shixiaohu123456

好的很 好的很呀