转行前端:好酷——3D可视化方向

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

简直酷毙了,各种酷酷酷的动态效果,可以上官方文档借鉴几个demo玩玩。

她的应用主要是物联网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等知识。

猜你喜欢

转载自juejin.im/post/6911903028840775693