LINEFORM LAB
INTERACTIVE STUDY / 002
A FORM THAT RESPONDS TO YOU

线条成像.

让图像随线条流动,让鼠标参与其中。

HAND / 螺旋实时绘制
你的浏览器需要支持 Canvas 才能查看动态效果。MOVE YOUR CURSOR
移动鼠标推开图形,移开后自动复位LIVE
IMAGE × FORM × INTERACTION

同一张图,四种表达。

图像提供轮廓,线条和圆点将它画出来。时间带来自然流动,鼠标让局部形态发生变化。

  1. 01

    选择图像

    使用内置轮廓,或导入自己的 Logo、文字、剪影、照片。透明底图像读取轮廓,普通照片读取明暗。

  2. 02

    替换图元

    同一图像可切换成螺旋、波纹、点阵或短线。图像亮度控制起伏与大小。

  3. 03

    让鼠标参与

    靠近时局部推开或聚拢,移开后柔和复位。暂停自动流动后,鼠标感应依然有效。

图像亮度 → 图元形态
鼠标距离 → 局部位移

触屏可点按画布,页面仍可正常上下滚动。

初始螺旋效果参考 SUPERWORLD 的 Houdini 教程

全部效果均由网页实时绘制。