The most annoying video player of all time
a year ago
- #interactive-design
- #web-development
- #nostalgia
- 作者回忆了20世纪90年代街机游戏中令人沮丧却又欲罢不能的投币玩法机制。
- 受街机游戏启发,作者决定利用Media Chrome和Three.js打造一款'史上最差'视频播放器。
- 这款播放器要求用户将硬币投入3D投币口才能获得三秒播放时长,完美复刻街机操作逻辑。
- 项目使用Three.js进行3D建模,配合react-three-rapier实现物理效果,包括硬币碰撞检测。
- 硬币会根据物理参数产生逼真晃动效果,增添不可预测的趣味性。
- 播放器设有倒计时器,时间将尽时会闪烁红光制造紧张感。
- 若未及时投币,视频将自动重置,营造高压无情的游戏体验。
- 作者意外发现这个项目充满乐趣,成功将怀旧元素与交互玩法相结合。
- 文末发起挑战赛,邀请他人创作自己的'最差'播放器,最具创意的作品将获得奖励。