WebGL教程_Three.js教程_郭隆邦技术博客 郭隆邦_技术博客 一对一班

Three.js和前端结合

学习Three.js的群体有些是前端工程师,对前端知识很了解,有些是非前端出身,对前端了解很少。初学three.js对前端的要求并不高,只要对HTML、CSS、JavaScript知识简单学习即可。如果开发项目的话,作为WebGL/Threejs工程师对前端掌握程度肯定要和普通前端工程师一样,除非你的工作都是围绕底层图形学内容进行,这样的话对前端要求比较低。Web3D项目都是运行在前端Web页面浏览器环境,WebGL工程师需要和普通前端工程师一样写一些和3D场景交互前端UI组件,比如按钮、进度条、拖动条等等。

下面的阐述默认你对前端内容不是很了解。

如果你初次接触WebGL和Threejs,对前端并不了解,建议你按照下面关键词顺序去百度了解。

关键词:HTML、CSS、JavaScript、jquery、vuejs、nodejs

原生HTML/CSS/JavaScript

如果你没有前端基础,初次接触WebGL/Threejs,如果有编程基础的话,建议你首先花费几天时间简单了解HTML、CSS和JavaScript基础知识。稍微有一些前端基础,就可以直接学习Threejs相关课程。

如果你想开发一个Web3D项目,肯定不能只是简单了解一下HTML、CSS和JavaScript,需要深入学习HTML、CSS和JavaScript,还需要学习jquery、Nodejs、Vuejs等相关知识。

jquery库

jquery是一个非常流行的操作DOM的库,相比较直接使用原生JavaScript要方便些,可以去了解下。

对于一个非常简单的threejs项目,你可以使用原生HTML/CSS/JavaScript去写UI界面,如果为了更加方便可以使用jquery.js前端库。

前端框架vuejs

随着前端项目越来越多复杂,交互性越来越强,使用前端框架进行开发势在必行,Vuejs是国内应用比较广泛的框架之一,类似的前端框架还有Angular和React。在Threejs项目中使用哪一个,你可能会思考,个人感觉你熟悉哪个或者说公司用的哪个就使用哪个前端框架。如果你都不了解的话,建议先学习vuejs,先对前端框架有一定的认识,使用vuejs等前端框架相比较使用jquery更适用于大型项目。

Nodejs

作为一个前端工程师或者说WebGL/Threejs工程师,肯定要对nodejs有一定的了解,比如通过Nodejs搭建一个本地服务器,通过Nodejs写一个项目的开发环境。

UI组件

使用Threejs开发项目的时候,你可能需要写一些前端组件,比如按钮、进度条等。你可以不借助库或框架,直接使用原生HTML/CSS/JavaScript去写,也可以找一些开源UI组件库,比如基于vuejs框架的UI组件库element-ui。

本站版权所有,本站任何内容未经允许不得转载   备案号:豫ICP备16004767号 QQ群:187740169 (WebGL-Three.js教程)   邮箱:guolongbang@163.com