体验档案 — 2026
Fruit
Jelly.
像果冻一样柔软。 回应每一次触碰。
一盘水果果冻，可以在浏览器中拉伸、按压、挤捏、切开和压模。ToanKhonTech 打造 Fruit Jelly Studio，证明触感同样可以被设计。
查看五种操作
交互体验 · 软体物理 3D 网页软体物理 / 浏览器TOANKHONTECH © 2026
从画面到触感
屏幕是平的。 感觉不是。
大多数网站只供观看。Fruit Jelly Studio 反过来提问：如果每一次触碰都能得到专属的弹性、凹陷和声音，访客会停留多久？答案是一盘可以随手把玩的果冻，无需冗长说明。
五种操作
每一次触碰。 都有专属回应。
- 01
拉伸
按住一点并拖动：果冻被拉长，松手后回弹颤动。开启整块移动即可拿起并摆盘。
- 02
按压
触碰表面并向下拖动即可压出凹陷。按得越深，凹痕越明显，随后慢慢恢复。
- 03
挤捏
按住并向下拖动以压缩整块果冻。松手后，材质会恢复原来的形状。
- 04
刀
在平放的果冻上划一条线。切口贯穿整个厚度，分成两块独立的果冻。
- 05
模具
选择星形、心形、花形或圆形，再点击水果。模具会压出真实的孔洞，并弹出一块新果冻。
柔软的视觉语言
奶油底色、斜体字。 果冻才是主角。
界面像一只瓷盘般退居幕后：温暖的奶油色、倾斜的衬线字体、纤细的线条。所有鲜艳的色彩都留给水果。每一块都是具有真实体积的网格，因此切口贯穿整个厚度，果冻也会随手上的力度颤动。
果冻
透明有光泽，回弹迅速。
布丁
不透明，颤动很快平息，形状稳定。
麻糬
哑光、最柔软，拉得最长，回弹较慢。
- 每盘最多块数
- 14
- 撤销步数
- 20
- 导出照片长边像素
- 2048
- 动作回放慢放
- ×2
我们的角色
一盘果冻。 多种玩法。
Fruit Jelly Studio 是 ToanKhonTech 展示 3D 交互能力的项目。模拟以触感优先于物理精确度，每盘最多 14 块。体验界面为越南语，项目不代表客户的商业成效。
- 五种操作：拉伸、按压、挤捏、刀切与压模
- 果冻、布丁、麻糬三种材质，各有柔软度与弹性
- 撤销、重做与半速动作回放
- 2048 px 照片与带 ASMR 音效的 WebM 视频
- 两个挑战：均匀切半、按样式摆盘
- 触控、键盘快捷键与减少动态效果支持
创作于 2026 年 / 可运行的交互体验
TOANKHONTECH
您的品牌， 触碰起来是什么感觉？
把您的产品变成客户愿意触碰、尝试并分享的体验。
聊聊您的项目