Portfolio Three.js từ ảnh tham chiếu
Tái hiện ảnh tham chiếu thành website Three.js chỉn chu với hạt nhiều lớp, chất liệu VHS và CRT, chuyển cảnh uyển chuyển và tương tác nhạy.
Điểm khởi đầu cho ý tưởng lớn
Dùng các prompt 3D có nguồn tham chiếu này làm điểm khởi đầu, điều chỉnh và thử cùng một ý tưởng với GPT-6 Astra, Claude, Kimi hoặc mô hình bạn dùng.
Tái hiện ảnh tham chiếu thành website Three.js chỉn chu với hạt nhiều lớp, chất liệu VHS và CRT, chuyển cảnh uyển chuyển và tương tác nhạy.
Một nhà phát triển so sánh các mô hình bằng cùng yêu cầu: “dựng sân vận động bóng đá 3D”.
Dựng game đua chiến đấu phản trọng lực tốc độ cao trong Three.js với drift, boost, camera nghiêng, phanh khí động và khiên nhặt được. Có phi thuyền nhẹ, cân bằng, nặng trên đường đua ngoài hành tinh trên cao.
dựng game Subway Surfers
Dựng vương quốc trung cổ voxel lớn với hàng nghìn binh lính, dân làng làm việc, hệ thống công thành, công trình phá hủy được và rồng có thể thay đổi cục diện trận chiến.
Dựng màn 3D Godot chỉn chu lấy cảm hứng Sonic bằng asset cục bộ và thủ tục. Ưu tiên quán tính, di chuyển nhạy, vòng nhẫn, vòng lượn, thanh trượt và bờ biển nhiệt đới liền mạch.
Dựng lại phòng khách trong Blender từ bản quét photogrammetry. Mô hình hóa cảnh từ đầu, lấy texture từ bản scan và dùng shader thủ tục khi phù hợp.
Tạo mô hình trực thăng Airbus H145 3D trong Three.js. Làm khoang lái, càng trượt và cụm rotor dễ nhận biết, quan sát được.
Tạo trận hải chiến chi tiết trên Three.js trong một lượt. Có nhiều tàu khác nhau, tương tác với nước thuyết phục về vật lý, vệt sóng và nước bắn, hoạt động trên không, vụ nổ, ánh sáng điện ảnh, chuyển động camera và render có cân nhắc hiệu năng.
Tạo một tệp HTML với Three.js qua CDN cho hoạt ảnh bóng đá voxel đơn giản. Cầu thủ dạng khối rê bóng qua 2 hậu vệ rồi ghi bàn ngoạn mục với hạt ăn mừng. Sân vận động đầy màu sắc. CHỈ xuất toàn bộ mã HTML.
Tạo cỗ máy Rube Goldberg trong một tệp HTML Three.js độc lập. Dùng chuỗi tương tác cơ khí cuối cùng nhấn nút và kích hoạt vụ nổ đầy kịch tính.
Tái hiện Teenage Engineering TP-7 bằng Three.js từ ảnh tham khảo. Làm đúng hình dáng và các bộ phận điều khiển nhìn thấy được trong một mô hình 3D có thể quan sát từ nhiều phía.
Prompt — Dựng game 3D trình duyệt hoàn chỉnh tên “Jelly Jungle” bằng Three.js cùng HTML, CSS và JavaScript thuần, trừ khi dự án hiện có đã dùng framework. Tạo đường vượt chướng ngại arcade nguyên bản lấy cảm hứng từ thế giới đồ chơi rực rỡ và sân chơi rừng rậm. Hãy
bài thử của chúng tôi — 3 prompt, html một tệp, @threejs, hoàn toàn thủ tục, không asset. mỗi khẩu có nút bắn nhỏ (tiếng súng web audio + chớp đầu nòng + giật + vỏ đạn văng) và nút tháo rời tách súng thành các bộ phận có nhãn rồi lắp lại: 1. carbine m4 5,56 — báng thu gọn, thân dưới với chế độ an toàn·phát một·loạt, bốn ray có số panel r14–r28, kính red-dot aimpoint, tay cầm trước dọc, chân chống gập, bộ giấu lửa a2, tách thành 10 phần 2. glock 18c — súng ngắn tự động chọn chế độ, khe bù giật 18c, dấu khắc “glock 18c / austria 9x19”, hộp tiếp đạn dài 33 viên; tháo cơ bản thành slide, nòng có lỗ, lò xo hồi, khung, hộp tiếp đạn 3. steyr tmp — vỏ polymer có gân, nòng ren, tay cầm trước dọc liền khối, hộp tiếp đạn nghiêng bán trong suốt 30 viên
Dựng lại sân vận động tham chiếu thành cảnh 3D chi tiết có thể di chuyển, với tầng ghế, sân, mái, ánh sáng và tỷ lệ chính xác; sau đó so sánh độ trung thực hình ảnh và chi phí tạo.
Lấy nhân vật 3D được cung cấp, tạo rig và thêm đi bộ, chạy cùng vài động tác kung fu. Kiểm tra hoạt ảnh để phát hiện khớp gãy và tư thế thiếu ổn định.
Dựng thế giới 3D khám phá được trong Three.js dựa trên ảnh đính kèm. Yêu cầu Điều khiển góc nhìn thứ nhất (WASD + nhìn bằng chuột), phát hiện va chạm, không xuyên hình học Hình ảnh AAA: vật liệu PBR, ánh sáng HDRI, bóng thật, hậu kỳ (tone mapping, bloom, khử răng cưa) Vật lý cho mọi thứ chuyển động hoặc tương tác được 60 fps trên GPU tầm trung Quy trình Chia công việc thành luồng độc lập: địa hình, đạo cụ/hình học, vật liệu/texture, ánh sáng, vật lý, điều khiển/camera, hiệu năng. Giao một sub-agent cho mỗi luồng. Mỗi sub-agent sở hữu luồng của mình từ đầu đến cuối, báo cáo đã dựng gì và điểm còn yếu. Tích hợp, rồi kiểm tra: đi qua thế giới, liệt kê mọi lỗi nhìn thấy, sửa chúng. Lặp đến khi một lượt đầy đủ không còn lỗi, hoặc tối đa 5 vòng. Dù thế nào cũng báo cáo phần chưa xử lý. Bàn giao một dự án chạy được cùng hướng dẫn khởi chạy.
Tạo hành trình kỳ ảo đẹp mắt trên Three.js dẫn người chơi qua các lớp môi trường đến đỉnh núi Phú Sĩ, với ánh sáng giàu không khí, di chuyển và cảm giác đi lên rõ rệt.
Hoàn thiện game tennis Unity chơi được với nhân vật dựng trong Blender, điều khiển đáng tin cậy, hoạt ảnh di chuyển và vung vợt, vật lý bóng, tính điểm, đối thủ và diễn tiến trận đấu.
Mở rộng mô hình tàu Three.js thành mô phỏng đường sắt với thành phố, đường nhánh, sông và cầu. Thêm camera bám theo tàu, camera 3D tự do, góc nhìn đẳng cự và hiệu ứng khói.
Tạo nguyên mẫu ban đầu của game thế giới mở nhiều người kiểu GTA tại New York, có lái xe, di chuyển bộ, giao thông thành phố, nhiệm vụ và vòng hoạt động tạo cảm giác thế giới đang sống.
Tạo game Titanic mang chất điện ảnh, nơi người chơi di chuyển trên tàu, làm nhiệm vụ và tìm cách tránh tảng băng, với điều khiển dễ hiểu và nguy hiểm tăng dần.
Hoạt ảnh 3D điện ảnh về trực thăng quân đội bay qua rừng Việt Nam trong chiến tranh.
Dựng game ná 3D với bốn chú chim có năng lực riêng. Có ngắm và thả, công trình phá hủy được và vòng tính điểm chơi lại được.
Quy trình dựng 3D thực tế
Xem các nhà sáng tạo độc lập thử từng mô hình với một dự án 3D thực tế, rồi dùng prompt miễn phí phía trên để tự thực hiện phiên bản thử nghiệm của bạn.
Theo dõi Peter Yang thực hiện bốn dự án game, từ chuẩn bị ảnh tham chiếu và môi trường phát triển đến dựng cảnh chơi được rồi liên tục cải tiến theo phản hồi.
YouTube ↗Chuyển đến phần 3D ở 11:35 để xem nhân vật người sói, hoạt ảnh và cảnh rừng có thể chơi. Đây là một phần của video đánh giá tổng quan về Astra.
YouTube ↗Xem Kimi K3 thực hiện quy trình 3D và Blender, từ hiểu yêu cầu đến lên kế hoạch hình học và lặp lại để cải tiến cảnh.
YouTube ↗Thử thách thực tế yêu cầu Claude Opus 5 tạo một game 3D chơi được chỉ với một prompt — bằng chứng hữu ích để xây dựng yêu cầu về điều khiển, trạng thái game và tiêu chí nghiệm thu.
YouTube ↗Thử nghiệm thực tế Claude Fable 5 trong vai trò trợ lý dựng mô hình 3D, cung cấp bối cảnh hữu ích về điểm mạnh và giới hạn cần cân nhắc khi tinh chỉnh prompt hình ảnh.
YouTube ↗Thư viện prompt AI 3D miễn phí
Khám phá ví dụ prompt 3D cho dựng mô hình Blender, website Three.js, game trình duyệt và thế giới tương tác. Mỗi mục liên kết đến dự án công khai và phân biệt prompt nguyên văn của tác giả với bản yêu cầu dựng lại từ nguồn, để bạn biết rõ mình đang điều chỉnh nội dung nào.
Bắt đầu với prompt Astra, khám phá ví dụ Claude và Kimi hoặc lọc dự án có mã GitHub. Sao chép nội dung tham khảo, điều chỉnh cho cảnh và thử với mô hình bạn thích. Để có nhân vật và đạo cụ chi tiết hơn, hãy tạo asset 3D trong Tripo.

Khám phá prompt Astra và ví dụ 3D thực tế cho cảnh Blender, website Three.js và game. Xem trước kết quả, sao chép bản yêu cầu và tìm hiểu dự án GitHub nếu có.
Khám phá prompt →Prompt 3D Claude Fable 5.1 miễn phí và bản yêu cầu dựa trên nguồn công khai cho game Three.js, thế giới WebGL, cảnh Blender, mô phỏng và website tương tác.
Khám phá prompt →Prompt 3D Kimi K3 miễn phí cho game trình duyệt chơi được, thế giới Three.js, mô phỏng vật lý và thử nghiệm lập trình tương tác nhanh.
Khám phá prompt →Prompt 3D Claude Opus 5 miễn phí cho ứng dụng Three.js phức tạp, mô phỏng vật lý, game trình duyệt và bản mẫu tương tác có ràng buộc chặt chẽ.
Khám phá prompt →Prompt 3D Claude Fable 5 miễn phí cho cảnh Three.js giàu biểu cảm, môi trường cách điệu, chuyển động tạo sinh và thử nghiệm hình ảnh tương tác.
Khám phá prompt →Giữ phân cấp cảnh, điều khiển và vòng phản hồi trước khi thay chủ đề.
Thay chủ thể, camera, bảng màu và tương tác đặc trưng thay vì viết lại mọi thứ.
Tạo nhân vật, đạo cụ và môi trường nguyên bản trong Tripo khi bản mẫu đã hoạt động.
Mang đến cho cảnh tiếp theo một nhân vật đáng để ngắm kỹ. Tạo asset 3D chi tiết, có texture từ một hình ảnh hoặc vài dòng mô tả.
Tạo asset 3D miễn phí