知方号

知方号

学前基础、如何学习3D

# 3.学前基础、如何学习Web3D可视化(WebGL Threejs Blender建模)

视频:Web 3D可视化学习技术栈选择 (opens new window)

下面主要大家谈谈怎么学习Web3D可视化,具体说就是怎么学习WebGL、Three.js、3D建模等。

# 学前Web前端基础

在学习WebGL和Three.js之前,首先确保你有web前端基础,最差也要掌握HTMl、CSS、JavaScript(含es6),对nodejs也要有一定的了解,主要是搭建开发环境也离不开nodejs,如果你没有相关基础请提前学习。

如果没有前端基础,请学习Web前端入门视频教程 (opens new window)

# Web3D项目开发——前端基础

WebGL和threejs入门,对web前端要求比较低,如果是开发web3d项目,你肯定需要系统学习web前端,毕竟web3d也是建立在普通web前端基础上。

关于web前端技术栈,你可以通过b站视频(web前端都需要学习什么? (opens new window))了解。

# three.js广泛应用

Three.js是一款基于原生WebGL封装通用Web 3D引擎,在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。

只要你有Web3D可视化的需求,基本上都可以首选学习Three.js。

# 如何学习Three.js

有没有原生WebGL基础,你都可以直接学习Three.js,刚刚入门three.js时候,可以先不用学习WebGL,当你需要进阶深入学习Three.js的时候,最好先去学学原生WebGL,了解了解图形学相关理论知识,即便只是稍微入门WebGL,那对于three.js深入学习帮助都是很大的。

# WebGL

原生WebGL和图形学是Three.js的底层知识,学习难度相对大些,尤其是没有计算机图形学基础的同学。

我的建议是通过咱们课程先入门原生WebGL,渲染管线和着色器语法有一定的了解,最后根据个人情况考虑要不要深入学习图形学相关理论知识。

关于计算机图形学相关的理论书籍,初学者也不用上来就看,可以有一定three.js和原生WebGL基础在翻看。

书籍推荐:入门:《WebGL编程指南》图形学:《交互式计算机图形学基于WebGL的自顶向下方法》

# 3D建模——Blender

有些Web3D可视化项目,可能需要通过3D建模软件绘制模型,一般可以通过Blender、3dmax、c4d等任何三维软件实现。

对于3D建模,一般工作的时候,都是美术负责,当然部分公司,也可能会要求程序员3D建模。

即使公司日常是美术负责3D建模,不过作为WebGL开发,学习一下3D建模知识也是有一定必要性的,这对于Web3d项目开发还是很有帮助的,只不过要求没有美术那么高而已。

关于3D建模,对于程序员而言,可以选择Blender学习,Blender更轻量,且开源免费。

如果你们公司的美术用的三维软件不是Blender,其实你也可以建议学习下,这样与threejs配合更加方便。

Bledner视频教程——Web3D方向 (opens new window)

# Cesium

Cesium也是一款WebGL的3D引擎,相比Three.js封装更进一步,主要是给GIS行业使用,并不像three.js那么通用,如果你不是GIS专业方向,可以不用学习,如果你是GIS方向,可以同时学习WebGL、Three.js和Cesium。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至lizi9903@foxmail.com举报,一经查实,本站将立刻删除。