程序员三大浪漫之一

我写博客吧，好像就正经不起来。总会夹杂点杂七杂八的东西。

先说正题吧。

所谓程序员三大浪漫嘛，编译原理，图形学，操作系统（不是我说的，逃

这次说的是图形学。

我好想有个坏毛病，发现个什么好玩的，自己其实根本不懂就喜欢拽着人乱说。

最过分的一次是表彰大会上大礼堂给全学院人讲信息安全（当时到底怎么想的简直不要脸

所以还是继续不要脸一次。

如果现在有人问我，怎样开始喜欢上编程，写点什么项目可以获得最大的成就感。答案肯定是写光线追踪。

唉，自己过去对图像以及显卡的了解真是太 Naive 了……简直等于什么都没有啊。

先上文

用 JavaScript 玩转计算机图形学(一)光线追踪入门

光线追踪的js实现，总共500行代码不到，循序渐进。

最神奇的地方在于，超简单的原理带来了超乎想象的效果。

如果有一点 3D 软件的使用经验和游戏开发经验的话，原理非常直白（当然还要懂点数学和物理，我这种渣水平就够）

但是效果实在是，出人意料。光看图感觉不到，自己敲完代码跑出来，太神奇了（或者是我太无知了 = =）

上图，为了帮助理解，自己改了 3x SSAA ，抗锯齿效果杠杠。

（下图分别是 1x，2x，3x， 反射都是3次追踪。为什么没有 4x ？因为 4x 跑了5分钟然后浏览器跪了……)

附上改的渣代码，确实就是 super-simpling 而已。

function rayTraceReflection(scene, camera, maxReflect) {

        scene.initialize();
        camera.initialize();

        var ssaa = 1; //抗锯齿等级
        var rawPixels = new Array();
        for (var i = 0; i < h * ssaa; i++) {
            rawPixels[i] = new Array();
        }

        for (var y = 0; y < h * ssaa; y++) {
            var sy = 1 - y / (h * ssaa);
            for (var x = 0; x < w * ssaa; x++) {
                var sx = x / (w * ssaa);
                var ray = camera.generateRay(sx, sy);
                rawPixels[y][x] = rayTraceRecursive(scene, ray, maxReflect);
            }
        }

        var i = 0;
        for (var y = 0; y < h * ssaa; y += ssaa) {
            for (var x = 0; x < w * ssaa; x += ssaa) {
                var color = Color.black;
                for (var yi = 0; yi < ssaa; yi++) {
                    for (var xi = 0; xi < ssaa; xi++) {
                        color = color.add(rawPixels[y + yi][x + xi])
                    };
                };
                pixels[i++] = color.r / (ssaa * ssaa) * 255;
                pixels[i++] = color.g / (ssaa * ssaa) * 255;
                pixels[i++] = color.b / (ssaa * ssaa) * 255;
                pixels[i++] = 255;
            }
        }
        ctx.putImageData(imgdata, 0, 0);
    }

接下来是希望实现正交相机，融合光线，用其他语言（比如C井）实现玩玩这样……

期待什么年代游戏可以 real-time ray tracing ，那会是怎样一番光景啊……（看看现在 tone tracing 的效果都已经如此惊艳了）

说到游戏，不得不提下一个话题。

Ori And The Blind Forest

这个游戏跟 ray tracing 没什么关系，这是一个2D游戏。

与其说游戏，不如说是艺术。第一眼看上去以为是个设计作品，类似可交互动画这样。

结果分分钟打脸，手残党被虐哭……

分分钟成为自己最喜欢的游戏。

和我一起呐喊，软人希！

（Steam平台有售，强烈推荐体验。这个主题只说了这么几句不是没话说，恰是因为实在有太多话说了）

这就是本周的Sean Talk，我们下周见！（设么鬼……什么时候有这个系列了，不要说得好像要开每周专栏了一样好吧><）

完了，书单又多了一本，PBRT……