Mars3D所涉及的开发,是属于 Web前端 的开发范畴。
# 1. Mars3D所涉及的知识领域
Mars3D是涉及三个知识领域 : Web前端、计算机图形学、地理信息系统(GIS)的跨界SDK
相关学习资料: 可视化基础知识-文档 (opens new window)、 GIS基础知识-文档 (opens new window)、 GIS基础知识-培训视频 (opens new window)
# 2. Mars3D所涉及的开发语言
主要是涉及Web前端
知识范畴的Html
、CSS
、JavaScript
3大基础语言, 这是最基础的,可以基于原生JS下的相关技术栈进行开发。
- Html (opens new window): 定义了网页的内容,如:网页基础骨架与标签、表单、表格、多媒体等。
- CSS (opens new window): 描述了网页的布局,如:盒子模型、浮动、定位、渐变、转换、过渡、动画等。
- JavaScript (opens new window) : 控制了网页的行为,如:函数的调用和方法、argument对象、DOM、事件、算法、面向对象等。
当前现代Web前端技术栈流行的Vue
、React
、Angular
3大框架也支持使用,如果有使用到这3大框架的其中之一,又涉及到ES6+
、TypeScript
、LESS
等等开发语言和知识点。
- Vue3 (opens new window):开发框架熟悉
- Vite (opens new window):开发环境
- TypeScript (opens new window) - 熟悉
TypeScript
基本语法 - ES6+ (opens new window) - 熟悉 es6 基本语法
- Ant Design Vue (opens new window):UI 控件库
- ESlint (opens new window):代码检查工具
- IconPark (opens new window):UI 图标库
需要有一定的知识储备,包括 vue3.0 中的 composition Api 模式等,建议浏览下Web前端知识视频讲解 (opens new window)
计算机图形学涉及WebGL技术栈的glsl(OpenGL Shading Language)
(opens new window)语言,跟C语言很类似,不过目前只有部分特效等高级功能中才涉及glsl,初学者可以先忽略学习,后期需要时再涉猎下。
# 2.1 Web前端基础知识学习
因为这些知识都是Web前端范畴下的知识内容,我们就不在此班门弄斧了,具体请参考其他各大社区和网站自行学习相关基础知识。
# 2.2 各开发语言技术栈下的开源代码
参考Mars3D开源仓库清单下载对应技术栈的代码进行学习或使用。目前主要分原生JS、Vue、React、Angular、Electron、uniapp
等类型。