本项目选择使用basis_universal压缩图片，生成.basis文件，使用ThreeJS中basisTextureLoader加载压缩后文件。

浏览器合成 从一段简单的HTML代码开始。 如下，在背景色是黑色的body上，绘制一个透明度是0.5的蓝色div。 通过拾色器，可以发现div和body相交的区域的色值是 rgb(0,0,128).

哈喽大家好啊，我是广州小井。好久没在掘金更文了，最近跑去学习 WebGL 了，然后打算把学习路径写成系列文章来分享给大家。

我们要用鼠标控制一个点的位置，首先要知道鼠标点在webgl 坐标系中的位置，这样才能让一个点出现在我们鼠标点击的位置。 接下来咱们就说一下如何获取鼠标点在webgl 坐标系中的位置。 1-获取鼠标点在

1. 初始化纹理信息 2. 加载纹理图像 加载的纹理图像不能对 canvas 造成污染。也就是说，对纹理的加载同样需要遵循跨域访问规则 3. 配置并使用纹理 4. 着色器处理

下面这张图是一辆陆虎越野车模型所用的纹理，原始分辨率为1024 x 1024。 浏览器从服务端加载这样一张图片时，其格式通常为JPEG，文件尺寸只有166KB，但是当WebGL处理一张纹理时就需要按照位图处理（这里所说的位图是指没有使用任何压缩算法的原始图片数据），如果图像中每…

继续给大家介绍下 Shader 是什么、能做什么、在哪里有用到，并且为后续古柳开始写 Three.js Shader 做个引子！

很早之前，我就关注到了Github上一款叫做shapez的高星游戏,主要玩法就和他的名字一样，是个需要利用开采器，传送带等各种工具来完成每个关卡所需要收集的开采物的游戏。。

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。