Seedream 5.5 Precision Image Editing

Tạo một trang web HTML tương tác hoàn chỉnh, trau chuốt, chỉ gồm một file với tiêu đề “Bảng điều khiển giải mã Kho lưu trữ Vực sâu”. Chỉ xuất tài liệu HTML cuối cùng. Nhúng toàn bộ CSS và JavaScript trong file. Không sử dụng thư viện, framework, font, hình ảnh, file SVG, API, CDN bên ngoài hoặc network request; mọi yếu tố hình ảnh phải được tạo bằng HTML, CSS, SVG nội tuyến và Canvas. Xây dựng một terminal nghiên cứu biển sâu sống động, lấy trung tâm là một con sứa cơ khí bán trong suốt cỡ lớn được render theo quy trình bằng đồ họa Canvas nhiều lớp. Tạo cho nó một chiếc chuông phát sáng như thủy tinh, các cơ cấu bằng đồng hiện rõ, những vòng bên trong có khớp nối, các hạt trôi nổi và các xúc tu phát quang sinh học chuyển động. Người dùng phải có thể kéo sứa để thay đổi dòng hải lưu mô phỏng, đồng thời xoay và phóng to/thu nhỏ bằng thao tác con trỏ, kéo chuột, con lăn và thao tác chạm. Vị trí và chuyển động của nó phải tác động rõ rệt đến các hạt xung quanh, độ cong của xúc tu, độ trôi của nút, vector dòng chảy và các chỉ số giao diện, với quán tính mượt mà. Sắp xếp bốn nhóm lưu trữ sinh vật chưa xác định riêng biệt thành một mạng lưới hướng tâm quanh con sứa: Thợ săn Vực sâu, Sinh vật quần thể, Hóa thạch sống và Thực thể mang tín hiệu. Mỗi nhóm phải chứa nhiều nút mẫu vật được kết nối, tổng cộng ít nhất mười hai bản ghi. Dùng các sợi hoặc xúc tu chuyển động để nối các nút với con sứa trung tâm. Khi nhấp vào một nút, phải mở một thẻ mẫu vật được bố cục phong phú theo phong cách vẽ tay, có hình minh họa sinh vật khắc theo quy trình, metadata kiểu phân loại học, độ sâu, áp suất, trạng thái phát hiện, ghi chú hành vi, chi tiết dạng waveform hoặc giải phẫu và nút đóng. Các thẻ phải xuất hiện như những bản nghiên cứu vật lý trượt xuống bên dưới máy quét, đồng thời những bản ghi khác nhau phải có nội dung khác biệt có ý nghĩa thay vì các placeholder lặp lại. Thêm một ô nhập tần số sonar nổi bật, phản hồi liên tục trong khi người dùng nhập các giá trị số. Những tần số hợp lệ phải tổ chức lại đàn hạt Canvas thành các cấu trúc được tạo theo quy trình như xoắn ốc, vòng tròn, đàn, hình bóng bộ xương hoặc glyph tọa độ; cập nhật waveform, các chỉ số terminal và hành vi dòng hải lưu; đồng thời mở khóa một số bản ghi ẩn trong các khoảng tần số có thể khám phá. Hiển thị phản hồi rõ ràng nhưng vẫn giàu không khí cho dữ liệu không hợp lệ, bản ghi bị khóa, giải mã thành công và bằng chứng mới được tiết lộ. Thêm nhật ký lịch sử tần số gọn và chỉ báo tiến trình mở khóa trực quan. Hỗ trợ các phím tắt hữu ích: đưa tiêu điểm vào ô sonar, gửi hoặc xóa tần số, chuyển qua các nút lưu trữ, mở bản ghi được chọn, đóng lớp phủ bằng Escape và hiển thị bảng trợ giúp bàn phím. Định hướng hình ảnh phải kết hợp terminal khoa học biển sâu, minh họa bảo tàng theo phong cách copperplate cổ điển và các texture quét glitch cũ mòn. Sử dụng xanh navy mực tiết chế, teal oxy hóa, ánh cyan-green phát quang sinh học và vàng đồng han gỉ; ánh sáng xanh lạnh là nguồn chiếu sáng chính, với các đèn cảnh báo màu hổ phách xuất hiện ngắt quãng như điểm nhấn cục bộ. Tạo bố cục hướng tâm ở trung tâm với thước độ sâu dọc gắn hai bên, vạch áp suất, tọa độ mẫu vật, đường lưới tinh tế, thanh quét, hiện tượng lệch màu, hạt phim, nét gạch khắc và đôi lúc dữ liệu bị hỏng. Duy trì hệ phân cấp mạnh và typography dễ đọc dù có lớp xử lý giàu không khí. Thêm các xung hình ảnh tiết chế lấy cảm hứng từ terminal âm thanh mà không yêu cầu âm thanh. Sử dụng bố cục nhiều lớp, dày đặc thông tin: header nhiệm vụ và dải trạng thái ở trên cùng; bộ lọc lưu trữ và thước độ sâu dọc ở bên trái; buồng Canvas tương tác ở trung tâm; telemetry trực tiếp, hướng dòng chảy, áp suất, tóm tắt mẫu vật được chọn và trạng thái mở khóa ở bên phải; console sonar, waveform, ô nhập tần số, gợi ý bàn phím và nhật ký sự kiện ở phía dưới. Thêm tooltip cùng các trạng thái active, hover, focus, selected, locked, loading và unlocked. Bao gồm lớp phủ onboarding ngắn cho lần chạy đầu, giải thích các tương tác cốt lõi và có thể được đóng lại. Mọi tương tác chính phải hoạt động và liên kết với state, không chỉ là mô phỏng trang trí. Làm cho trang responsive và dễ sử dụng trên màn hình desktop rộng, laptop, tablet và mobile. Không áp đặt tỷ lệ khung hình cố định 16:9: đây là một trang web responsive phải lấp đầy viewport hiện có và tự sắp xếp lại các panel một cách thông minh ở độ rộng hẹp. Duy trì khu vực tương tác với con sứa ở trung tâm, các control dễ đọc, vùng chạm đủ lớn và lớp phủ accessible ở mọi kích thước. Bao gồm HTML semantic, trạng thái focus bàn phím hiển thị rõ, ARIA label khi phù hợp, hỗ trợ reduced-motion và văn bản có độ tương phản cao. Hướng đến độ trau chuốt hình ảnh và mức độ hoàn thiện tương tác xuất sắc: các vòng lặp animation mượt, số lượng hạt thích ứng theo hiệu năng, render Canvas high-DPI sắc nét, chi tiết tạo theo quy trình, chuyển trạng thái phối hợp và resize linh hoạt. Ngăn việc cuộn trang ngoài ý muốn khi thao tác trên Canvas, nhưng vẫn giữ cơ chế cuộn bình thường khi bố cục responsive yêu cầu. Không tạo mockup tĩnh, landing page chỉ có hero, lưới card đơn giản, dashboard quản trị chung chung, Canvas cố định 16:9, video, slideshow hoặc bố cục giống ảnh chụp màn hình. Không sử dụng hình chữ nhật placeholder, lorem ipsum, emoji làm icon giao diện, asset bên ngoài, control bị hỏng, button giả, hộp thoại alert(), màu neon cầu vồng quá mức, nền quá sáng hoặc văn bản nhỏ đến mức không thể đọc. Không được bỏ qua thao tác với sứa, tái cấu hình hạt, ô nhập sonar, mở khóa lưu trữ, hệ thống thẻ mẫu vật, tương tác bàn phím, hành vi responsive hoặc các thay đổi state được liên kết với nhau.

Tạo một game HTML5 tương tác hoàn chỉnh, trau chuốt, chỉ gồm một file với tiêu đề “Phòng thí nghiệm nhịp điệu Ramen”, lấy bối cảnh căn bếp phía sau của một quán ramen Nhật Bản lúc nửa đêm. Chỉ xuất tài liệu HTML cuối cùng. Nhúng toàn bộ CSS và JavaScript; không sử dụng thư viện, framework, CDN, font, hình ảnh, file audio bên ngoài hoặc network request. Trang phải chạy ngay khi mở cục bộ trong một trình duyệt hiện đại. Thiết kế trải nghiệm như một website responsive toàn trang, không phải hình ảnh hoặc video cố định 16:9. Trang phải thích ứng linh hoạt trên màn hình desktop, tablet và mobile mà không bị cắt, cuộn ngang, văn bản khó đọc hoặc control chồng lấn. Sử dụng HTML semantic, label accessible, trạng thái focus rõ ràng, hỗ trợ reduced-motion và một phương án control mobile dễ hiểu thay cho các thao tác bằng bàn phím. Xây dựng một game nhịp điệu và kỹ năng một trang thực sự có thể chơi được. Biến workstation trung tâm thành trọng tâm chính: người chơi kéo một miếng bột để kéo giãn, gấp nó lại và thực hiện các động tác quất nhanh để tạo thành sợi ramen. Triển khai physics dựa trên pointer với quán tính, độ đàn hồi, lực cản, phát hiện vận tốc, biến dạng sợi và phản hồi hình ảnh rõ ràng. Hỗ trợ chuột và thao tác chạm thông qua Pointer Events. Đánh giá khoảng cách kéo giãn, độ chính xác khi gấp, tốc độ quất, thời điểm theo nhịp và độ ổn định để xác định độ dày và chất lượng sợi mì. Tương tác phải tạo cảm giác vật lý thay vì chỉ di chuyển một icon tĩnh. Thêm các nhịp nấu ăn và topping được điều khiển bằng bàn phím. Hiển thị rõ các phím như A/D hoặc phím mũi tên để điều chỉnh nồi nước sôi, Space để chần hoặc vớt mì và J/K/L cho các thao tác topping đúng thời điểm. Bao gồm các button mobile hiển thị để cung cấp cùng nhóm control. Hiển thị các mốc nhịp, khung thời gian, phản hồi combo, nhiệt độ nồi, tiến trình nấu, mực nước dùng, độ sẵn sàng của topping và thao tác phục vụ. Ngăn trang cuộn khi sử dụng các phím gameplay. Đặt hàng đợi món theo chiều dọc ở bên trái và các dụng cụ chính xác có animation ở bên phải. Mỗi order card phải chỉ rõ độ dày sợi mì yêu cầu, độ chín, kiểu topping và giới hạn thời gian. Chấm điểm mỗi tô hoàn thành theo thời gian thực dựa trên độ chính xác của độ dày, độ chín, độ chính xác nhịp điệu và tốc độ phục vụ. Bao gồm tổng điểm, hệ số nhân combo, chuỗi tốt nhất, đồng hồ đếm ngược và phần phân tích kết quả súc tích. Duy trì game state nhất quán qua nhiều order, tăng dần độ khó và cung cấp các control Bắt đầu, Tạm dừng, Chơi lại và Cách chơi. Khi mắc lỗi, phản ứng phải kịch tính và có ý nghĩa về mặt cơ chế: sợi mì bị kéo quá mức hoặc gấp không đúng phải rối vào nhau; đun sai thời điểm phải khiến nước dùng bắn tung tóe, đồng hồ rung, tem cảnh báo xuất hiện và combo bị mất; nấu quá lâu phải khiến sợi mì mềm hoặc sẫm màu rõ rệt. Các chuỗi thành công phải kích hoạt màn ăn mừng hơi nước cường điệu với những đám mây mở rộng, đường tốc độ manga, các tem chúc mừng kiểu Nhật nhấp nháy, dụng cụ nảy lên và animation tác động lan khắp màn hình trong thời gian ngắn. Tạo toàn bộ hình ảnh bằng HTML, CSS, SVG và Canvas được sinh bên trong file. Sử dụng ngôn ngữ hình ảnh đặc trưng, kết hợp bố cục panel manga Nhật Bản với sơ đồ cắt bổ cơ khí chính xác. Hiển thị các mặt cắt của bánh răng, van, đường ống, cơ cấu đầu đốt, vạch đo có nhãn, chú thích kỹ thuật, texture halftone, đường tốc độ, đường viền mực và chữ hiệu ứng âm thanh truyện tranh được tiết chế. Chiếu ánh sáng tungsten ấm lên mặt bàn inox, trong khi một đêm tuyết màu indigo hiện ra qua cửa sổ bếp. Tuyết phải rơi nhẹ bên ngoài, hơi nước cuộn lên trên nồi, chất lỏng sủi bọt, đồng hồ phản hồi liên tục và các phản chiếu nhỏ di chuyển trên bề mặt kim loại. Tổ chức giao diện thành các vùng vermilion, trắng kem và navy đậm được phân tách rõ ràng. Sử dụng điểm nhấn hổ phách ấm, đường viền mực charcoal, bóng đổ nhiều lớp, typography sắc nét và lớp hạt giấy tinh tế được tạo theo quy trình bằng CSS. Giữ hành động với sợi mì ở trung tâm làm chủ đạo, cân bằng trực quan hàng đợi order và các dụng cụ động ở hai bên. Animation phải chi tiết, mượt mà và có mục đích, với transition và micro-interaction thỏa mãn thay vì nhiễu hình ảnh liên tục. Bao gồm lớp phủ hướng dẫn mở đầu gọn, animation idle ở attract mode, phản hồi kiểu âm thanh được tái tạo bằng hình ảnh mà không yêu cầu âm thanh và đủ biến thể theo quy trình để chơi lại nhiều lần. Đảm bảo hệ thống chấm điểm cốt lõi, timer, va chạm, logic combo, tiến trình order, trạng thái tạm dừng, luồng chơi lại, bố cục responsive và mọi control đều thực sự hoạt động. Không tạo mockup tĩnh, thiết kế chỉ có landing page, control giả, panel placeholder, TODO chưa hoàn thiện, asset bên ngoài, icon hình ảnh bị hỏng, tương tác dựa trên alert hoặc các yếu tố trang trí che khuất gameplay. Không giới hạn trang web trong Canvas cố định 16:9. Chỉ trả về một tài liệu HTML hoàn chỉnh duy nhất bắt đầu bằng <!DOCTYPE html>.