什么是图形学

什么是图形学

• 图形学的定义：计算机图形学（Computer Graphics，简称 CG）是利用计算机来合成视觉信息，我们的数字信息只有 0、1，我们需要执行某种计算把它变成人类能通过感官感知到的信息。计算机图形的发展使用户能更容易与计算机互动，更好的明白和解释多种类型的数据。

• 图形学的应用：游戏 & XR、动画电影、电影特效、影视布景、工业设计、建筑设计、医疗、教育、计算机辅助工程、仿真、无人驾驶

• 前端的图形学：Canvas、WebGL、WebGPU。

• 战未来：WebGPU、WebAssembly。

前端图形学的应用场景

• 3D 模型交互，使用 Cesium (opens new window) + ThingJS (opens new window) 实现智慧城市或者园区工厂项目

• 2D 游戏开发，使用 Cocos (opens new window) 开发游戏项目

• K 线图

3D 基础知识

• Models

• 坐标系

• 点、线、面

• 建模方式：多边形建模、雕塑建模、CAD 建模、扫描建模 photogrammetry、程序建模

• Material & Shaders

• 材质的几大核心：漫反射、光泽度、表面高度、透明度

• UV Unwrapping

• Texture：指的是位图，把一张图贴到一个模型的表面

• Rigging & Animation

• Staging & Rendering：场景（布局）、灯光、相机、离线渲染、实时渲染 real time

常用库和引擎

• Threejs (opens new window)、React Three Fiber (opens new window)、Aframe (opens new window)

• Babylon.js (opens new window)

• PlayCanvas (opens new window)

• Unreal Engine (opens new window)

• Unity (opens new window)

• Bevy (opens new window)

• Godot (opens new window)