使用CSS和DOM渲染3D世界

回想起到2001年1月的时光迷雾-真人秀电视时尚又新鲜，'Dubya'正在打开椭圆形办公室的盒子，而Tantek Celik（他是盒子模型的黑客名人）-首先介绍了使用互动的想法CSS边框无需图形即可创建对角线 。 他的“正多边形研究”表明，通过更改CSS边框属性的厚度，可以创建简单的几何形状。

我清楚地记得当时被这个想法迷惑不解，但它似乎也太模糊了，无法在日常Web开发中真正有用。 诚然，一些开发人员设法摆脱了脆弱的DIV纠缠徽标（凯文（Kevin）在Tech Times版中做了SitePoint徽标）和简单图表，但总的来说，更多的是关于血腥而非实用程序。

它花了五年半的时间，但是我们自己的James Edwards（《 JavaScript选集》的合著者）实际上提出了该技术的实际应用。 James利用Tantek的想法，一些JavaScript和一些严肃的数学知识，构建了一个有效的动态3D渲染引擎 。 该引擎采用简单的2D平面图，并将它们变成一个阴影3D世界，用户可以自由浏览。 很棒的东西。

我应该明确指出，就像Tantek的原始演示一样，在现阶段，这是对可能的探索，而不是可行的应用程序。 您希望这种应用程序会在不久的将来落入动态SVG中。

尽管如此，我仍然怀着对Wolfenstein 3D泛滥的美好回忆，不得不承认，有一天会在一个由CSS砖建造的纳粹要塞中徘徊的想法具有一定的吸引力。

From: https://www.sitepoint.com/render-3d-worlds-using-css-and-the-dom/