HỒ SƠ TRẢI NGHIỆM — 2026
Fruit
Jelly.
Mềm như thạch. Đáp lại từng cái chạm.
Một đĩa thạch trái cây có thể kéo giãn, ấn lõm, bóp chặt, cắt đôi và dập khuôn ngay trên trình duyệt. ToanKhonTech dựng Fruit Jelly Studio để cho thấy cảm giác chạm cũng có thể được thiết kế.
Xem năm thao tác
Từ hình ảnh đến cảm giác
Màn hình phẳng. Cảm giác thì không.
Phần lớn website chỉ để nhìn. Fruit Jelly Studio đặt câu hỏi ngược lại: nếu mỗi cú chạm đều nhận về độ nảy, độ lún và âm thanh riêng, người xem sẽ ở lại bao lâu? Câu trả lời là một đĩa thạch để nghịch, không cần đọc hướng dẫn dài.
NĂM THAO TÁC
Mỗi cú chạm. Một cách đáp lại.
- 01
Kéo
Giữ một điểm rồi kéo: thạch giãn ra và rung lại khi thả tay. Bật di chuyển cả mảnh để nhấc lên và bày đĩa.
- 02
Ấn
Chạm mặt thạch rồi kéo xuống để ấn lõm. Ấn càng sâu, vết lõm càng rõ trước khi hồi lại.
- 03
Bóp
Giữ rồi kéo xuống để nén cả mảnh. Buông tay, vật liệu tự trở về hình dáng ban đầu.
- 04
Dao
Kéo một đường qua mảnh đang nằm phẳng. Vết cắt đi hết bề dày và tách thành hai mảnh độc lập.
- 05
Khuôn
Chọn sao, tim, hoa hoặc tròn rồi chạm lên quả. Khuôn tạo lỗ thật và một miếng thạch mới bật lên.
Ngôn ngữ của sự mềm mại
Nền kem. Chữ nghiêng. Thạch là nhân vật chính.
Giao diện lùi lại như một chiếc khay sứ: nền kem ấm, chữ có chân nghiêng, đường viền mảnh. Sắc màu rực rỡ dành trọn cho trái cây. Mỗi mảnh là một khối lưới có thể tích thật, nên vết cắt đi hết bề dày và thạch rung theo lực tay.
Thạch
Trong, bóng, nảy lại nhanh.
Pudding
Đục, tắt rung sớm, giữ dáng chắc.
Mochi
Mờ, mềm nhất, giãn dài và hồi chậm.
- mảnh tối đa trên một đĩa
- 14
- bước hoàn tác
- 20
- px cạnh dài của ảnh xuất
- 2048
- chậm khi xem lại chuyển động
- ×2
Chạm thử.
Ảnh ở đây chỉ giữ lại một khoảnh khắc. Mở website để tự kéo, cắt, dập khuôn và nghe thạch đáp lại.
Giao diện tiếng Việt · cần trình duyệt hỗ trợ WebGL.Trải nghiệm dự án
Vai trò của TKT
Một đĩa thạch. Nhiều cách chơi.
Fruit Jelly Studio là dự án trình diễn năng lực tương tác 3D của ToanKhonTech. Mô phỏng ưu tiên cảm giác chạm hơn độ chính xác vật lý, mỗi đĩa tối đa 14 mảnh; dự án không đại diện cho kết quả kinh doanh của khách hàng.
- Năm thao tác: kéo, ấn, bóp, cắt và dập khuôn
- Ba chất liệu Thạch, Pudding, Mochi với độ mềm và đàn hồi riêng
- Hoàn tác, làm lại và xem lại chuyển động chậm gấp đôi
- Ảnh 2048 px và video WebM kèm âm thanh ASMR
- Hai thử thách: cắt đôi cân bằng, bày đĩa theo mẫu
- Cảm ứng, phím tắt và chế độ giảm chuyển động
Thực hiện 2026 / Bản chạy tương tác
TOANKHONTECH
Thương hiệu của bạn chạm vào sẽ ra sao?
Cùng biến sản phẩm của bạn thành một trải nghiệm khách hàng muốn chạm, thử và chia sẻ.
Trao đổi về dự án của bạn