← Timur Yılmaz
效果目录 · 现场演示

艺术与画廊

作品配得上的那块屏幕

为艺术家、画廊和体验空间的项目准备:光的真实计算、自行生长的纹样、只在一个角度才读得出的装置。

12 个演示——全部实时。勾选您喜欢的,清单会在下面自动生成。您也可以看完整目录

E70错视变形艺术 · 画廊
镜头在转——那行字只有在一个角度才出现
散落在空中的数百个物体, 只有从一个视点 对齐并组成那行字。这是文艺复兴时期发现的错视画法;每个物体都被放在穿过那一台相机的光线上不同的深度处。给艺术、画廊和体验空间的项目量身定制。
E53路径追踪真正的全局光照
等一下——让噪点自己解析成照片 · 拖动可以转动镜头
从每一个像素向场景里射出一条光线,光线在表面之间反弹,试图抵达光源。红墙旁边的白球 自己就偏向了红色 ——这不是画上去的,是光真的从那里弹过来才出现的。电影特效里用的那套方法,在浏览器里跑的版本。
E34真正的流体模拟我们的签名引擎 · artistboya
拖动——颜料真的在流、在打旋、在混合
不是模仿而是物理:流体方程在每一帧都被求解(扩散、压力、涡量)。用在哪里:首屏开场——这是我们的签名。
E42四散的字母物理 + 字体
点一下——品牌名炸开,碎片随重力落下
那行字化成上千个立方体,被物理甩得四散,然后又自己聚拢回来。用在哪里:发布时刻、404。
E60晶体生长扩散受限聚集
点一下——让一枚新的晶体从那里开始生长
玻璃上的霜花、铜结晶和闪电共同的数学。随机游走的粒子在第一次碰到团块的地方冻住——所以尖端越长越大,内部却一直挨饿。 没有人画这个纹样,它自己就出现了。
E59液滴粒子流体 + 表面张力
拖动——让液滴融合、分离、飞溅
不是在网格上,而是 780 个独立粒子 上求解的流体。每个粒子测量邻居的密度并推开或吸引;表面张力就此产生。液滴是真的在融合、在断裂——不是画出来的。
E55焦散——穿过玻璃罐的光光的聚焦
移动指针——让光源跟着您走
一罐水在地面上投下的那张颤动的亮网。光在液面折射,在某些点上聚集;亮度就从这种聚集中产生。每一帧都会计算一次液面的斜率。
E50自己长出来的纹样反应扩散

会动的纹样

像化学反应一样生长的有机质感。

点住并拖动——纹样会从那里开始繁殖
两种化学物质扩散并发生反应(Gray-Scott)。斑马纹、珊瑚、一块颜料污渍——全都出自同一个方程。
E45数字大理石纹土耳其纸上大理石纹 · 独此一家

大理石纹

水滴落进水里,梳子划过,纹样就此诞生。

点一下——让新的一滴落下
真正的土耳其大理石纹数学:每一滴都把底下的整幅纹样一圈圈推开;梳子按正弦波扫过。全世界没有第二家有——一个从我们自己的文化里长出来的签名效果。
E25液化的字体Synchronized Studio
滚动速度把那行字融化 · 指针让它起波
那行字作为一张纹理,在显卡上被弯折。用在哪里:宣言段落、品牌口号。
E33画作变形转场Awwwards 上的悬停经典
把指针移上去——一幅画像墨一样变成另一幅
两张图像通过一张噪声图相互流入。用在哪里:画廊悬停、系列切换。
E1612fps 的"手绘"节奏Prometheus Fuels
60 fps——数字
有台阶感——手绘的感觉
同一段动画,两种节奏。有台阶感的那一种让人觉得是"手绘的"——这就是 2021 年度网站的秘诀。

喜欢的那几个编号记下了吗?

您只要说一句"我想在站点上放 E05、E11 和 E13"就够了——我们一起商量每一个放在哪个板块、怎么呈现,并按您的情况调整。这个目录还在继续扩充。

聊聊您的品牌
已选 0 个效果