Webgl 使用纹理时报警告:GL_INVALID_OPERATION: The texture is a non-power-of-two texture. 导致贴图失败,显示黑色

为什么自定义的纹理没有显示出来?这是因为 WebGL 对纹理有一种严格的限制,在两个维度上都不是 2 的幂。2 的幂是1,2,4,8,16,32,64,128,256,512,1024,2048,等等。假如 3D 物体的面长宽是 256 x 256。256 是 2 的幂,而自定义的纹理图的长宽为 320 x 240。这两个都不是2的幂,因此尝试显示纹理时会显示失败。在着色器中,当调用 texture2D 并且引用的纹理设置不正确时,WebGL 将使用黑色的颜色(0,0,0,1)代替 继续阅读

Webgl 难记词汇及笔记[一]

坐标系统 Coordinate System

顶点 / 片元(片段)着色器 Vertex Shader / Fragment Shader(Pixel Shader)

球坐标系的基向量
r, 就是向量的本身的长度, 也就是, r = 根号(x^2 + y^2 + z^2), r 的方向是 radial direction, 就是本身那个向量的方向。
phitheta 是两个角度.物理书中,一般习惯是,
theta 是向量和 z 轴的夹角。phi 是向量在 xy 平面上的投影和 x 轴的夹角 继续阅读

iphone input 输入框设置 readonly 依然出现光标、点击 input 依然出现虚拟键盘问题

处理 input 输入框时,搞移动端开发必然会遇到一些坑,如虚拟键盘被遮挡、虚拟键盘显示异常等、使用 fixed 布局失效等问题。本次提一个在使用 input 输入框结合做选择器组件时会遇到的一个坑,背景是点击输入框弹出一个时间、地址选择器。在 iphone 下 input 输入框设置了 readonly 依然出现光标、点击 input 依然会先出现虚拟键盘,导致交互不太友好 继续阅读