分类 front-end 中的文章
MapboxGL简析(二):变换
MapboxGL简析(一):渲染
深入学习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的变换: 以世界空间或模型空间为参考系的基础变换
Web通信中的跨文档通信
跨文档通信(cross-document messaging)与消息通道通信(channel messaging)简介
……TypeScript装饰器整理及用例介绍
使用TypeScript开发Web应用的最佳实践
TS的开发经验总结,主要包含以下几个方面的内容
- 编译工具的特点与比较
- 语言特性的选择与使用
- 模块系统与自定义类型
- 其他使用技巧
Canvas2D渲染库简析:(三)Pixi
fabric和konva主要是用于实现编辑器的场景,而Pixi则是一个高性能2D动画渲染库,通常用于一些H5的小游戏或可交互页面。
本次通过以下几个方面来对其进行分析:
- WebGL与Canvas渲染器
- 资源加载器与纹理
- 场景、精灵与图形对象
- 变换、交互及动画处理