用途:在卡片式内容中提供数字故障风格的转场效果,让画面像屏幕损坏般撕裂切换,用于营造“出问题了”的紧张感,或表达黑客、错误、系统宕机等科技隐喻。资料标注的适用调性为 news、tech,推荐时长为 0.4–0.7 秒。
安装:运行 npx hyperframes add glitch,生成 compositions/glitch.html。
接入方式:在页面中以 div 引用该合成,设置 data-composition-src="compositions/glitch.html",并通过 data-start、data-duration、data-track-index、data-width、data-height 等属性控制起始时间、时长、轨道与尺寸。
参数:故障强度、RGB 位移、扫描线等参数位于 shader 内部,资料未提供具体可调项名称与取值范围。
搭配建议:适合与 chromatic-radial-split、flash-through-white 组合使用(news/tech 场景)。限制:不建议在 brand、emotional、minimalist 等调性中滥用,会破坏整体风格。其他平台支持、收费与授权信息暂未提供。