Đèn bàn kính màu Tiffany

Dùng three.js để tạo một cảnh tương tác một trang về "đèn bàn kính màu Tiffany", trong đó toàn bộ nội dung được tạo thủ tục bằng mã — không tải bất kỳ ảnh, mô hình hoặc phông chữ bên ngoài nào.

Bối cảnh là một căn phòng tối vào đêm khuya: bàn gỗ, bức tường và một chiếc đèn bàn đang sáng. Chao đèn được ghép từ hàng trăm mảnh kính không đều, viền bằng nẹp chì, với đường gợn sóng lượn sò ở mép dưới; hoa văn gợi nhắc đến chim ruồi, dâm bụt đỏ, hoa ly hồng và những thân lá uốn lượn. Kính phải mang chất bán trong suốt có đèn chiếu từ sau — phía mỗi mảnh gần bóng đèn hơn sẽ sáng hơn, còn bề mặt có những gợn nhẹ đặc trưng của kính thủ công. Đế và thân đèn bằng đồng, phủ lớp patina xanh do oxy hóa và chạm nổi hoa văn cuộn. Bên trong bóng đèn có thể thấy dây tóc vonfram.

Ánh sáng là trọng tâm. Khi đèn bật, các vệt sáng màu rơi lên mặt bàn và tường, nẹp chì tạo thành lưới đường tối trên bàn, một làn mờ ấm rất nhẹ lơ lửng dưới vành chao, và những hạt bụi trôi trong không khí, chỉ hiện rõ trong vùng sáng. Tổng thể mang chất điện ảnh: kết xuất HDR + bloom mềm + độ sâu trường ảnh + hạt vignette — tiết chế, không bao giờ cháy sáng hay chói gắt. Khi đèn tắt, vẫn để lại chút ánh trăng lạnh từ cửa sổ để thấy được bóng dáng và dây kéo. Đổi họa tiết chao đèn từ chim ruồi và dâm bụt sang chuồn chuồn và hoa súng: chuyển bảng màu kính sang các sắc xanh lam và xanh lục lạnh điểm xuyết tím, chạm lại đế đồng với họa tiết gợn nước, đồng thời nhuộm các vệt sáng chiếu trên tường thành sắc xanh lam-lục như nước tương ứng. Tương tác:
- Cuộn trang điều khiển lộ trình camera, chuyển từ góc toàn cảnh sang góc nhìn từ trên xuống, cận cảnh macro chao đèn và cận cảnh đế đèn; cuộn đến cuối sẽ vào chế độ xoay tự do
- Kéo dây để bật/tắt đèn; kéo dây lên xuống để điều chỉnh độ sáng liên tục; đèn sáng lần lượt từng mảnh, từ vành chao lên đến đỉnh
- Nhấp vào chao để nhấc toàn bộ chao ra; sau khi nhấc lên, có thể lấy một mảnh kính ra và đưa lên mắt để quan sát
- Nhấp đúp vào đế để tách rời toàn bộ đèn thành các bộ phận lơ lửng
- Ba bảng màu (nguyên bản / lạnh / hổ phách); khi chuyển đổi, màu sắc chảy xuống từ đỉnh chao

Bố cục: tiêu đề serif lớn theo chiều dọc ở bên trái, mờ dần khi cuộn; bên phải là cột các nút dạng viên nhẹ (Thắp sáng, Nhấc chao, Tháo rời, Xem tự do) cùng các chấm chọn bảng màu, với trạng thái thể hiện trong nhãn nút. Giữ thiết kế tổng thể tối giản, phù hợp với sắc độ tối của cảnh; trên thiết bị di động, tự động chuyển thành hàng ngang ở phía dưới.

Dùng three.js để tạo một cảnh tương tác một trang về "đèn bàn kính màu Tiffany", trong đó toàn bộ nội dung được tạo thủ tục bằng mã — không tải bất kỳ ảnh, mô hình hoặc phông chữ bên ngoài nào.

Bối cảnh là một căn phòng tối vào đêm khuya: bàn gỗ, bức tường và một chiếc đèn bàn đang sáng. Chao đèn được ghép từ hàng trăm mảnh kính không đều, viền bằng nẹp chì, với đường gợn sóng lượn sò ở mép dưới; hoa văn gợi nhắc đến chim ruồi, dâm bụt đỏ, hoa ly hồng và những thân lá uốn lượn. Kính phải mang chất bán trong suốt có đèn chiếu từ sau — phía mỗi mảnh gần bóng đèn hơn sẽ sáng hơn, còn bề mặt có những gợn nhẹ đặc trưng của kính thủ công. Đế và thân đèn bằng đồng, phủ lớp patina xanh do oxy hóa và chạm nổi hoa văn cuộn. Bên trong bóng đèn có thể thấy dây tóc vonfram.

Ánh sáng là trọng tâm. Khi đèn bật, các vệt sáng màu rơi lên mặt bàn và tường, nẹp chì tạo thành lưới đường tối trên bàn, một làn mờ ấm rất nhẹ lơ lửng dưới vành chao, và những hạt bụi trôi trong không khí, chỉ hiện rõ trong vùng sáng. Tổng thể mang chất điện ảnh: kết xuất HDR + bloom mềm + độ sâu trường ảnh + hạt vignette — tiết chế, không bao giờ cháy sáng hay chói gắt. Khi đèn tắt, vẫn để lại chút ánh trăng lạnh từ cửa sổ để thấy được bóng dáng và dây kéo. Thêm công tắc chế độ học màu: khi bật, nhấp vào bất kỳ mảnh kính nào sẽ phóng to và hiển thị tên màu (bằng cả tiếng Trung và tiếng Anh) cùng giá trị hex, đồng thời nhẹ nhàng làm nổi bật các mảnh liền kề có cùng màu, phù hợp để dạy trẻ về màu sắc và cách phối màu. Tương tác:
- Cuộn trang điều khiển lộ trình camera, chuyển từ góc toàn cảnh sang góc nhìn từ trên xuống, cận cảnh macro chao đèn và cận cảnh đế đèn; cuộn đến cuối sẽ vào chế độ xoay tự do
- Kéo dây để bật/tắt đèn; kéo dây lên xuống để điều chỉnh độ sáng liên tục; đèn sáng lần lượt từng mảnh, từ vành chao lên đến đỉnh
- Nhấp vào chao để nhấc toàn bộ chao ra; sau khi nhấc lên, có thể lấy một mảnh kính ra và đưa lên mắt để quan sát
- Nhấp đúp vào đế để tách rời toàn bộ đèn thành các bộ phận lơ lửng
- Ba bảng màu (nguyên bản / lạnh / hổ phách); khi chuyển đổi, màu sắc chảy xuống từ đỉnh chao

Bố cục: tiêu đề serif lớn theo chiều dọc ở bên trái, mờ dần khi cuộn; bên phải là cột các nút dạng viên nhẹ (Thắp sáng, Nhấc chao, Tháo rời, Xem tự do) cùng các chấm chọn bảng màu, với trạng thái thể hiện trong nhãn nút. Giữ thiết kế tổng thể tối giản, phù hợp với sắc độ tối của cảnh; trên thiết bị di động, tự động chuyển thành hàng ngang ở phía dưới.