摘要：
简介 本文在光线追踪的基础之上，为了追求渲染速度和效率，去除了光线的反射、去除了透视投影（如我前面两篇干货8和干货9，所以渲染虽然是3D场景，其实不是真实看到的，但不影响实验），进行了一些有趣的尝试。此文将分享这两天尝试的成果：3D雕刻。 3D雕刻，顾名思义--在... 阅读全文
随笔档案-2013年03月
码农干货系列【9】--javascript光线追踪基础
2013-03-12 16:31 by 【当耐特】, 3673 阅读, 收藏, 编辑
摘要：
简介 光线追踪(ray tracing)（也叫raytracing或者光束投射法)是一个在二维(2D)屏幕上呈现三维(3D)图像的方法。为了尝试光线追踪算法，并且尽可能得保证javascript代码精炼，我做了一些尝试。 射线与球体相交检测 最开始尝试了射线与球体的相交检测（不计算交点），只判断相交还是未相交。代码如下所示: var Vector3 = function (x, y, z)... 阅读全文
码农干货系列【8】--世界上最简单的3D渲染(no webgl)
2013-03-10 21:02 by 【当耐特】, 4659 阅读, 收藏, 编辑
摘要：
简介 进行上图所示的3D格子地板的渲染，需要进行Canvas的像素级别操作，从视点连接屏幕（屏幕就是canvas）中的所有像素点，形成大量的射线，倘若射线与地板相交，把交点以及交点的颜色反馈给屏幕(canvas)。如下图所示: 像素操作 在进行3D渲染之前，必须了解Canvas的像素操作相关概念。在给定了width和height的canvas上，在坐标(x ,y)上的像素的inde... 阅读全文
