最近学习了一下《WebGL 编程指南》这本书，为了检验自己的学习成果，模仿 GitHub Skyline 实现了一个乞丐版的。

本篇文章主要缝合了官网的几个案例，并无高深或复杂的逻辑和代码； 镜头跟踪在游戏或者展馆等场景下非常常见，可以是第一人称，也可以是第三人称，本次带来的是第三人称的镜头跟踪方法 模型与动画来源 指针控制器

使用 turn.js 可以实现仿真翻书的效果。turn.js 是一个开源的 JavaScript 库，它提供了一种简单的方式来创建具有翻书效果的网页。

首先，这是一个类矩形，一张图片，进行变换。所以我们的实现流程是 这一步，我们的主要目的是了解其基本知识及概念，从中边学边画边了解。 我们首先了解一下，webgl整个绘制过程是怎样的，它与我们日常的js逻辑有啥差异。 大白话就是着色器程序就是用来设定整张画布绘制的位置和绘制的颜色…

代码片段 前言 架构和概念 抽象整体的实现思路如下 FaceMesh MediaPipe Face Mesh是一种脸部几何解决方案，即使在移动设备上，也可以实时估计468个3D脸部界标。它采用 机器学

本文内容主要包括：使用Shader着色器绘制50个基础图案、应用着色器作为网格模型的材质纹理、学会后期渲染的基本流程，并使用辉光效果创建发光物体等、使用着色器构建塞尔达旷野之息神庙铁球模型效果等。

实现这样的一个功能我们就需要引入`tensorflowjs`，使用官方训练好的`人体分割（Body Segmentation）`模型，在视频播放时将每一帧生成一直图片，放到弹幕的父元素上。

面向小白，几分钟就能学会的webGL最基础、也最核心的矩阵运算，让你对css的transfrom有更深的认识

WebGPU 是用于加速图形和计算的潜在网络标准和 JavaScript API 的工作名称，旨在提供“现代 3D 图形和计算能力”。