nicenote/docs/fea/webgl/intro.md
2023-10-30 10:49:45 +08:00

1.5 KiB
Raw Blame History

nav group
title path
前端 /fea
title order path
💊 webGL 9 /webGL

💊 webGL

介绍

基本对象

一个基本的3d场景需要包括的以下几个必备要素

  • 场景scence
  • 相机camera
  • 相机创建实例图THREE.PerspectiveCamera(fov, aspect, zNear, zFar)
  • 渲染器renderer

绘制方法

  • 网孔Meshes推荐
  • 多边形Polygons
  • 顶点Vertices

其它

  • 材料Materials
  • 纹理Textures
  • 光照Lights
  • 变换Transforms
  • 矩阵Matrices
  • 相机Cameras
  • 视角Perspective
  • 视窗Viewports
  • 着色器shader

pixi

一款基于webGL的 2d渲染引擎用来写一些bit游戏还是挺好用的。

threeJs

目前比较热门的基于webgl的框架缺点是每个版本之间的接口差异较大所以使用的时候需要根据版本来找对应的接口文档

本文会更多的以threejs为基础框架来展开深入构建一个3Dweb世界

参考的文档有以下:

  1. pixi中文
  2. PIXI API大全
  3. bit 贴图大全
  4. threeJs
  5. puxiao的教程