-
圆形进度条是一个经典的控制面板元素，常用于显示任务进度，比如用户档案的完整程度，或者升级状态。有很多方法来实现圆形进度条，比如用JS, CSS3, Canvas, SVG。本文介绍如何使用SVG结合CSS3来实现。在阅读本文之前，你最好先了解SVG的基本知识。...
-
进度条是基础的界面控件，可用于多种场合，比如任务完成进度，手机充电状态等。本文介绍一个简单实用的进度条制作方法。预期效果如下图所示：直观上，我们可以把该进度条控件分为2个部分，外部的边界用来表示固定的目标范围，里面的条形部分用来表示当前进度。外部目标范围元素的CSS代码编写如下：.pb-scope>{>>
>>>>displ...
-
本文将详细描述如何使用Three.js给3D对象添加贴图（Texture Map，也译作纹理映射，“贴图”的翻译要更直观，而“纹理映射”更准确。）。为了能够查看在线演示效果，你需要有一个兼容WebGL的现代浏览器（最好是Chrome/FireFox/Safari/Edge/IE11+）。本文的在线演示结果和代码请点击这里：
-
Depth map 深度图是一张2D图片，每个像素都记录了从视点（viewpoint）到遮挡物表面（遮挡物就是阴影生成物体）的距离，这些像素对应的顶点对于观察者而言是“可见的”。Depth map中像素点记录的深度值为lenth1；然后从视点出现，计算物体顶点v到视点的距离，记为lenth2；比较二者大小，来确定“v”是否被遮挡。该术语的同义...
-
Verlet算法是经典力学（牛顿力学）中的一种最为普遍的积分方法，被广泛运用在分子运动模拟（Molecular Dynamics Simulation），行星运动以及织物变形模拟等领域。Verlet算法要解决的问题是，给定粒子t时刻的位置r和速度v，得到t+dt时刻的位置r(t+dt)和速度v(t+dt)。最简单的方法是前向计算（考虑当前和未来）的速度位移公式...
-
1、 为什么在纹理采样时需要texture filter（纹理过滤）。
我们的纹理是要贴到三维图形表面的，而三维图形上的pixel中心和纹理上的texel中心并不一至（pixel不一定对应texture上的采样中心texel），大小也不一定一至。当纹理大于三维图形表面时，导至一个像素被映射到许多纹理像素上;当维理小于三维图形表面时，许多个...
-
通用操作
停止当前操作：ESC
快捷搜索：SPACE撤销：ctrl+z重做：ctrl+shift+z渲染：F12
单选：鼠标右键（RMB）全选：A
框选：B
刷选：C
套选：CTRL+鼠标左键（LMB）
删除：X/Delete
复制：Shift+D
添加：Shift+A取消：Esc, RMB确认：Return, LMB界面操作F5: 工具栏位置对称切换
SH...
-
使用S3TC格式存储的压缩纹理是以4X4的纹理单元块(texel blocks)为基本单位存储的，每纹理单元块(texel blocks)有64bit或者128bit的纹理单元数据(texel data)。这样就要求每张贴图长度和宽度应该是4的倍数。图像如同一般的做法按照行列顺序存放这些4X4的纹理单元块(texel blocks)，每个texel blocks被看成是一个图像的“像素...
-
在Photoshop软件中，混合是将两个图层的色彩值进行合成，从而创造出大量的效果。在这些效果的背后实际是一些简单的数学公式在起作用。下面所介绍的公式仅适用于RGB图像。CSS3中也引入了blend模式，对照Photoshop中的实现，有助于我们深入理解该方法的使用。Opacity 不透明度C=d*A+(1-d)*B
相对于不透...