Website tiệm máy ảnh film với 5 model 3D nhìn qua ống ngắm: xoay vòng lấy nét có độ sâu trường ảnh và bokeh thật, đổi khẩu, bấm máy có tiếng màn trập + ảnh lấy liền hiện hình dần; giả lập 4 loại phim, đặt tráng scan, dải phim cuộn ngang.
▶ Demo thực tế của template — giao diện, hiệu ứng và chuyển động khi chạy.
Điểm nổi bật
◆Intro lá khẩu 8 cánh mở từ lỗ kim ra toàn màn hình, như ống kính từ f/22 lên f/1.4 — không có số %
◆Ống ngắm 3D: khung ngắm, vòng lấy nét & khẩu thật — vật trước/sau mờ theo khoảng cách, đèn xa thành bokeh; nút chọn chủ thể để kéo nét tới
◆Bấm máy: đèn flash, tiếng màn trập tổng hợp, chụp đúng khung hình 3D thành ảnh lấy liền trắng xoá rồi hiện hình dần, đếm số kiểu còn lại
◆4 loại phim giả lập màu + hạt + quầng đỏ, shop 4 máy 3D, tính tiền tráng scan + ngày trả, dải phim có lỗ răng cưa; song ngữ
Kỹ thuật
5 model GLB (Tripo) · hậu kỳ DOF từ depth texture (bokeh 24 mẫu) · chụp canvas thành ảnh
Bảng màu
Font chữ
Source Serif 4 · Space Mono
Công nghệ
Three.js · GLSL post-processing · GLTF + meshopt · Web Audio · Motion · Lenis · Vite · Tripo 3D · GPT Image
