转行前端：之3D可视化方向

看了three.js的教程http://www.webgl3d.cn/Three.js/

简直酷毙了

她的应用主要是物联网3D可视化

现在我们Web页面的交互界面主要呈现为2D的交互效果，比如按钮、输入框等。

但随着物联网的发展,工业、建筑等各个领域与物联网相关Web项目网页交互界面都会呈现出3D化的趋势。物联网相比较传统互联网更强调的是人与物、物与物的联系，当人与物进行交互的时候，比如你通过网页页面远程控制工厂中的一台机器启动或关停，你可以在网页上通过div元素写一个按钮，然后表示机器设备的开关，当然你也可以把该设备以3D的形式展示在网页上，然后就像玩游戏一样直接点击模型上的开关按钮，这两种方式肯定是3D的方式更为直观，但开发成本也比较大。

**职业方向**

JD
    - 从技术实现的角度参与项目前期脑暴
    - 独立完成 Web 页面开发和部署
    - 熟悉 Web 前端开发，熟悉 Vue 框架
    - 熟悉 Threejs 等 Web 3D 库
    - 对技术和审美都有追求
    - 接触过后台开发
    - 热爱图形学

创意策划 Creative Strategist
网站开发 Web Developer 
视觉设计 Visual Designer
三维模型 3D Modeler

技术驱动型创意,除创意和设计之外的技术基因
新奇的交互网页 ；用 Unity、Processing，制作 实时交互程序 ；
和 C4D、Blender、Houdini 一起输出有趣的 三维动画 。

Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。

WebGL 是一项在网页浏览器呈现3D画面的技术，有别于过去需要安装浏览器插件，通过 WebGL 的技术，只需要编写网页代码即可实现3D图像的展示。WebGL 可以为 Canvas 提供硬件3D加速渲染，这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。

WebGL和Three.js学习顺序？

如果你急于要实现一个Web3D功能，时间有限，也没有图形学基础，个人建议直接学习先Three.js即可，以后想深入掌握，可以学习原生WebGL和图形学相关知识。

如果时间比较充足，又希望有更大的成长空间，学习底层原生WebGL肯定是必要的，可以WebGL和Threejs结合着学习，顺序也不是非常重要。

前端工程师

如果你是前端工程师，突然接触到Web3D应用开发，对于你来说，前端的生态肯定是非常熟悉了，如果不了解WebGL和3D应用开发这一块，这种情况下，需要学习的自然是底层WebGL知识和Three.js基础知识，还有实战中不同Web3D应用项目，如何去开发，程序员和3D美术之间又应该如何配合，需要去学习实战项目的开发流程。

没有编程基础

如果你首次接触WebGL或Three.js，没有任何编程基础，只要学习能力强，学习是没有问题的，很多时候学习能力比你的基础更为重要。

没有编程基础首先要做的是建立编程的感觉，WebGL开发使用的是JavaScript语言，自然需要找一些基础的JavaScript语言教程学习一下，然后简单补充下HTML和CSS知识，再去学习Three.js课程。

有编程基础-不了解前端

部分初学者，有编程基础，但是不了解前端，这种情况下你肯定首先需要补充的是HTML、CSS、JavaScript等前端知识，然后在学习Threejs和WebGL。刚开始学习Threejs和WebGL对前端要求不高，稍微有点基础即可，但是如果是为了开发项目，对前端的要求和普通前端一样，需要掌握JavaScript、HTML、CSS、http、vuejs、nodejs等知识。