本系列为 Three.js journey 教程学习笔记。
先前我们一直使用立方体,本节我们将学习一下其他几何体。
Threejs 中几何体的基类是 BufferGeometry
,而 BufferGeometry 是面片、线或点几何体的有效表述。包括顶点位置,面片索引、法相量、颜色值、UV 坐标和自定义缓存属性值。使用 BufferGeometry 可以有效减少向 GPU 传输上述数据所需的开销。
本系列为 Three.js journey 教程学习笔记。
画布充满窗口,resize,像素比,双击全屏等功能
本系列为 Three.js journey 教程学习笔记。
Camera 相机
查看 Three.js 的文档,可以看到 Camera 是一个抽象类,一般不直接使用,其他类型的 Camera 实现了这个抽象类。有
本系列为 Three.js journey 教程学习笔记。
Animation 动画
Three.js 中的动画与其他 Canvas 动画类似,都是使用了 requestAnimationFrame
api,接下来就详细讲讲基于时间间隔动画、Threejs 内置的时钟、以及第三方动画库
本文将开始讲述动画编程的部分,会从基本的运动属性开始:速度、向量和加速度
本文将讲述一些 canvas 相关的绘图技术,其中包括:
本文将讲述一些 canvas 动画绘图中三角学的应用,其中包括:
前端动画的开发一直是我所热衷探索与研究的内容,本文将描述什么是拟真的动画效果,目前所流行的 React 动画库,以及一些基于 framer-motion 动画库的 demos。
掌握 React Hooks api 将更好的帮助你在工作中使用,对 React 的掌握更上一层楼。本系列将使用大量实例代码和效果展示,非常易于初学者和复习使用。
截至目前,学习了官方的这么多 hooks api,我们也可以创造一些自己的 hooks,甚至官方也在鼓励开发者将组件逻辑抽象到自定义 hooks 中,方便复用。
自定义 Hook 是一个函数,其名称以 “use” 开头,函数内部可以调用其他的 Hook。
通过自定义 Hook,可以将组件逻辑提取到可重用的函数中。
掌握 React Hooks api 将更好的帮助你在工作中使用,对 React 的掌握更上一层楼。本系列将使用大量实例代码和效果展示,非常易于初学者和复习使用。
接下来我们要一起学习 useRef hook,它可以让我们直接访问到组件中的的 Dom 节点。我们今天通过一个 input 输入框获取焦点的需求为例,来学习一下 useRef。