这是一个创建于 1249 天前的主题，其中的信息可能已经有所发展或是发生改变。
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)
但是作者是怎么做的呢？如何用一行代码弄出一个城市的画面？思路是啥？
它实际就一行代码：
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)
但是作者是怎么做的呢？如何用一行代码弄出一个城市的画面？思路是啥？
 | 1 yunye 2022-05-16 11:35:00 +08:00 webGL |
 | 2 theprimone 2022-05-16 11:41:26 +08:00 路过，只能说很秀 |
 | 3 runze 2022-05-16 11:53:00 +08:00 setInterval 的第一个参数可以是字符串，相当于 eval ； for 的第一部分用作变量声明； for 的第三部分正常用作判断结束，这里相当于在正常循环体前执行的循环体； 里面是一个类似的 for 循环。 但是计算原理就不懂了 |
 | 4 stevezhengs 2022-05-16 11:57:22 +08:00 太秀了吧 |
 | 5 zuiluo 2022-05-16 11:57:34 +08:00 虽然只有一行代码，但是定义了八个变量，信息量爆炸。 简单说，定时器+嵌套循环（ 6000x4000 ）。循环生成一个个宽高透明度都不同的矩形，核心是一个复杂公式（公式包括条件分支，先生成楼主体，再生成楼窗户） |
 | 6 pathletboy 2022-05-16 11:59:04 +08:00  3 |
 | 7 ccyu220 2022-05-16 12:58:00 +08:00 wocao |
 | 8 Tink PRO 我看不懂 |
 | 9 Uyuhz 2022-05-16 13:31:20 +08:00 一打开链接，我电脑花屏了.. |
 | 10 angith 2022-05-16 13:44:41 +08:00 wocao |
 | 11 bytesfold 2022-05-16 13:59:01 +08:00 太秀了。。。 |
 | 12 BrookO 2022-05-16 14:01:30 +08:00 此代码不是我这个凡人能理解的 |
 | 13 gdrk 2022-05-16 14:14:10 +08:00 艹，秀俺一脸 |
 | 16 itechify PRO 太秀了，大佬就是大佬 |
 | 17 monkeyWie 2022-05-16 15:49:27 +08:00 秀啊 |
 | 18 7gugu 2022-05-16 19:08:53 +08:00 via iPhone 牛逼疯了 |
 | 19 i0error 2022-05-16 19:14:27 +08:00 秀。。。。。 |
 | 20 AlphaTauriHonda 2022-05-16 20:19:13 +08:00 via iPhone 牛，这是怎么找到的。 |
 | 21 CSGO OP @AlphaTauriHonda 随便看一下 codepen 看到的 |
 | 22 lizhenda 2022-05-17 00:06:37 +08:00 via iPhone 难以理解… |
 | 23 Mavious 2022-05-17 06:35:05 +08:00 我看到的城市建筑是模糊的，黑白模糊滚轴前进。。。。 |
 | 25 Constantine1 2022-05-17 10:05:32 +08:00 6 |
Select Language