一、原理 1.实现环境贴图和漫反射 2.利用法线贴图对环境贴图进行干扰，让环境贴图有扭曲的效果 3.利用环境贴图代替漫反射的基础色 二、效果 三、代码

1. 介绍 听起来这个名词很厉害，其实本质就是实现物体的半透明效果 2. 代码实现 直接给颜色设置透明度出来是这样 确实设置成功，颜色也变淡了，但是按理来说前面应该会透出其他面的颜色，就像玻璃窗户一样

我们在工作中或多或少都会接触到三维可视化的相关内容，神秘而酷炫它可以更直观地描述物质和更清晰地传递讯息，给产品带来更高的可玩性及更多创造力。

在之前的文章 如何利用矩阵实现平移、缩放、旋转等 3D 变换 中，我们可以发现，文章中渲染的立方体看起来有点奇怪。我们在现实世界中看到的物体都是近大远小，但是我们没有做透视处理立方体远近都一样大导致看

本文不会涉及到具体的代码。 CPU 和 GPU 都属于处理单元，但是结构不同。形象点来说，CPU 就像个大的工业管道，等待处理的任务只能依次的通过这跟管道，所以CPU处理这些任务的速度完全取决于处理单个任务的时间。 CPU管道虽然只能让任务一个一个依次执行，但是CPU处理单个任…

前言 事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视

前言 终于到周末了，前几篇的文章一直给大家介绍2d，canvas 和svg的一些东西。7月份我打算输出3篇万字长文带大家系统地学习可视化表达的3种方式，svg、canvas、webgl。所以这是第一篇

在前端领域我们可以通过四种方式来绘制图形，包括 HTML+CSS、SVG、Canvas2d 还有 WebGL，其中 WebGL 属于非常少用的一种绘图方式，尽管如此，其却有着无可替代的位置。接下来，让我们从这四种绘图方式开始，来了解下 WebGL 吧。 HTML+CSS 是最常…

看了饿了么小小倩老师的canvas作品，心血来潮，学着做了个3D地球，也算是入坑WebGL了吧。之前有用过原生的canvas画2D的图形，这次则是用了Three.js和stats.js的3D框架，边学边练手，效果还算比较满意...毕竟第一次接触WebGL 代码还有很多不足，求大…