前端3D开发，你需要了解的知识汇总

2024-06-08 16:27:56

# 前端基础

语言基础：要对html/css/javascript有一定了解；目前很多项目也使用typescript来代替javascript；大概了解vue/react/jquery等，WebGL项目一般都是一个前端项目的一部分，所有会结合前端框架进行传输和交互。

工程化：项目运行环境搭建，一般选择node.js环境或者搭建apache环境；项目规范化；项目测试等。

WebGL/Canvas/SVG：Canvas画布，html的一个元素，支持2D和3D绘图；WebGL，3D绘图协议，允许在Canvas上进行绘图；SVG，与Canvas没什么关系，是html用来绘制矢量图的标准。

计算几何

坐标系，矩阵运算，向量运算，四元数，旋转计算，

点线面的表达，多边形计算，基础几何体，样条曲线曲面，球面计算，

碰撞盒/碰撞体，八叉树算法，

渲染基础

渲染管线，着色方式，光栅化，

光照模型，相机投影计算，阴影生成原理，纹理映射/过滤，渲染顺序，

消隐技术，明暗处理，

着色器概念及应用，贴图，

缓冲区，片元，像素，纹理，深度，

alpha混合，模板测试，

mipmap，抗锯齿，颜色矫正，色调映射，HDR，

动画基础，

BRDF模型，

各类引擎

基于WebGL的3D渲染/游戏引擎：three.js, babylon.js, laya3d

基于WebGL的2D渲染/游戏引擎: cocos, laya, sprite.js,

非WebGL游戏引擎：Unity3D，Unreal

物理引擎: box2d.js, matter.js, cannon.js, oimo.js,

动画/数学库: matrix.js, tween.js,

3D数据文件

基础3D模型数据：索引，顶点，法线，纹理（uv），颜色，

空间数据：matrix，rotate，translate，scale，

动画数据：骨骼索引，骨骼，蒙皮权重，骨骼变换矩阵，等等。

应用方向

目前应用方向十分广泛，比如常见的VR看房，app小游戏，活动宣传动画，模拟器，地图等等。比较适合轻量级和传播广泛的应用程序，不适合中重度游戏开发。

前端3D开发，你需要了解的知识汇总相关推荐

【前端开发基础】HTML基础知识汇总
目录一.HTML简介目标 1.网页 1.1 什么是网页 1.2 什么是HTML 1.3 网页的形成总结 2.常用浏览器浏览器内核 3.Web标准(重点) 3.1 为什么需要web标准 3.2 ...
WebAR｜前端开发者开发WebAR资源最全大汇总
关于WebAR WebAR就是在Web端集成AR的功能.WebAR使用WebRTC,WebGL和现代传感器API的组合技术,通过Web浏览器提供对基于Web的增强现实的访问与实现. WebAR优缺点 ...
web前端技巧-ES6新特性与重点知识汇总（三）
ES6的新特性到这里就是第三期了也是最后一期,今天我们将把剩余的几个ES6特性介绍完毕,希望能够给同学带来帮助,还是带好小本本我们开始了. 十三.Promise Promise 是异步编程的一种解决方 ...
web前端技巧-ES6新特性与重点知识汇总（一）
前端开发使用ES6框架已经不是什么新鲜的事情了,现如今也有越来越多的同学选择使用它,但随着ES6的更新迭代,一些新的特性很多同学并不了解,今天小千就来给大家介绍一下,记得收藏一下啦. 一.ES6变量声 ...
web前端技巧-ES6新特性与重点知识汇总（二）
ES6框架的新特性我们今天再来介绍其他的一些,还是带好写本本做好笔记,我们马上开始. 七.扩展运算符扩展运算符(spread)是三个点(-).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔 ...
前端3D技术起源与发展
文章目录 1. 3D技术是什么 2. SGI(硅谷图形公司)与OpenGL 3. Khronos Group(科纳斯组织) 4. WebGL 5. three.js 6. react-three-fi ...
python开发微信群_Python编程：微信群聊程序的开发与进/线程知识汇总(附代码)
本文承接上篇文章的客户端-服务器聊天对话程序,进一步设计开发了微信群聊的python模拟程序,涉及的python知识点为:Python实战:聊天软件开发与TCP/Socket编程知识汇总(附代码)和 ...
达内html5是什么,Web前端工程师应该知道的HTML5相关知识有哪些
今天小编要跟大家分享的文章是关于Web前端工程师应该知道的HTML5相关知识有哪些?随着互联网技术的快速发展,人们对互联网的使用越来越大,对于界面和用户体验的要求越来越高.因此Web前端越来越火,前端 ...
《Unity 4 3D开发实战详解》一6.7 物理引擎综合案例
本节书摘来异步社区<Unity 4 3D开发实战详解>一书中的第6章,第6.7节,作者: 吴亚峰 , 杜化美 , 张月霞 , 索依娜责编: 张涛,更多章节内容可以访问云栖社区" ...

最新文章

热门文章