谁知道这种画面网页代码怎么创出出来的？

[CSGO]

https://codepen.io/KilledByAPixel/pen/QWQyMbY

它实际就一行代码：

setInterval('for(c.width=w=99,++t,i=6e3;i--;c.getContext`2d`.fillRect(i%w,i/w|0,1-d*Z/w+s,1))for(a=i%w/50-1,s=b=1-i/4e3,X=t,Y=Z=d=1;++Z<w&(Y<6-(32<Z&27<X%w&&X/9^Z/8)*8%46||d|(s=(X&Y&Z)%3/Z,a=b=1,d=Z/w));Y-=b)X+=a',t=9)

但是作者是怎么做的呢？如何用一行代码弄出一个城市的画面？思路是啥？

[yunye]

webGL

[theprimone]

路过，只能说很秀

[runze]

setInterval 的第一个参数可以是字符串，相当于 eval ；
for 的第一部分用作变量声明；
for 的第三部分正常用作判断结束，这里相当于在正常循环体前执行的循环体；
里面是一个类似的 for 循环。

但是计算原理就不懂了

[stevezhengs]

太秀了吧

[zuiluo]

虽然只有一行代码，但是定义了八个变量，信息量爆炸。

简单说，定时器+嵌套循环（ 6000x4000 ）。循环生成一个个宽高透明度都不同的矩形，核心是一个复杂公式（公式包括条件分支，先生成楼主体，再生成楼窗户）

[pathletboy]

https://observablehq.com/@darabos/decoding-a-city-in-a-bottle
这里有生成器

[ccyu220]

wocao

[Tink]

我看不懂

[Uyuhz]

一打开链接，我电脑花屏了..

[angith]

wocao

[bytesfold]

太秀了。。。

[BrookO]

此代码不是我这个凡人能理解的

[gdrk]

艹，秀俺一脸

[zanxj]

@Uyuhz #10 该换电脑了

[Uyuhz]

@zanxj 刚换的幻 16..

[itechify]

太秀了，大佬就是大佬

[monkeyWie]

秀啊

[7gugu]

牛逼疯了

[i0error]

秀。。。。。

[AlphaTauriHonda]

牛，这是怎么找到的。

[CSGO]

@AlphaTauriHonda 随便看一下 codepen 看到的

[lizhenda]

难以理解…

[Mavious]

我看到的城市建筑是模糊的，黑白模糊滚轴前进。。。。

[CSGO]

@Mavious 是这样啊，问题是确实是 3d ，以及看上去就一航代码，让我感到不可思议。

[Constantine1]

6