分类 front-end 中的文章

Blink Worker纸上谈兵

简单看了下chromium文档中关于worker的除基本使用之外的部分内容,虽然没什么用

  • worker类型
  • 生命周期
  • 进程与线程模型
  • 资源处理
……

阅读全文

MapboxGL简析(一):渲染

简单分析下mapbox在渲染过程中都做了些什么,包括

  1. map对象: html元素、事件与渲染器
  2. 渲染原理相关: 渲染器、渲染流程、渲染对象及渲染区域
……

阅读全文

深入学习Three.js核心对象之(三)Material

这次分析构成模型对象的另一个重要元素:Material(材质)。

主要介绍:

  • Material的属性及WebGLRenderer的处理: 属性分类、预处理宏与自定义标记
  • 部分属性解读(Todo): 融合属性、深度测试、模板测试、裁剪、多边形偏移等
……

阅读全文

深入学习Three.js核心对象之(二)Geometry

这次分析构成模型对象的重要元素之一:Geometry(几何体)。

主要介绍:

  • Geometry的属性: 基础属性与动画属性
  • Geometry的方法: 基础变换、Mesh与顶点合并、点面法线、包围盒/球计算
  • BufferGeometry 与 DirectGeometry(Todo)
……

阅读全文

深入学习Three.js核心对象之(一)Object3D

从底层对象开始,看看Threejs如何利用图形学知识,通过各种数据对象构建场景,最终通过渲染器绘制出来。

先来看看最基础的Object3D对象,内容包含:

  • 官方demo引入: 主要对象分析
  • Object3D的属性: 位置、欧拉角、四元数、变换矩阵等
  • Object3D的变换: 以世界空间或模型空间为参考系的基础变换
……

阅读全文