这是一个创建于 704 天前的主题，其中的信息可能已经有所发展或是发生改变。
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 2022-05-16 13:12:21 +08:00 via Android
我看不懂
|
 |
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
oneisall8955 2022-05-16 15:27:14 +08:00
太秀了，大佬就是大佬
|
 |
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