Hướng dẫn tạo web mini vẽ sáng tạo biến hình trên Gemini

Sau khi sau khi hoàn thành tác phẩm, chúng ta có thể đặt tên cho ý tưởng của mình và nhận được phần đánh giá giả lập từ AI với điểm sáng tạo cùng những lời nhận xét tích cực. Điều này giúp tăng sự hứng thú của trò chơi, đồng thời tạo cảm giác như đang tham gia một cuộc thi sáng tạo thực sự. Dưới đây là câu lệnh thiết kế trò chơi vẽ sáng tạo trên Gemini.

Cách tạo web mini vẽ sáng tạo trên Gemini

Bước 1:

Đầu tiên bạn cần chuyển sang chế độ Canvas trên Gemini.

Bước 2:

Sau đó chúng ta nhập câu lệnh dưới đây để tiến hành thiết kế mini app vẽ sáng tạo.

Hãy tạo một Web Mini App sáng tạo dành cho học sinh THCS có tên "Biến Hình Kỳ Diệu" bằng HTML, CSS và JavaScript trong một file duy nhất.

Mục tiêu trò chơi:
Học sinh sẽ nhận được một hình cơ bản ngẫu nhiên và sử dụng công cụ vẽ để biến hình đó thành một đồ vật, con vật, nhân vật hoặc bất kỳ ý tưởng sáng tạo nào.

Yêu cầu giao diện:

Thiết kế hiện đại, nhiều màu sắc, thân thiện với học sinh.
Giao diện giống một trò chơi học tập nhỏ.
Responsive trên máy tính và điện thoại.
Có hiệu ứng chuyển động nhẹ và âm thanh vui nhộn khi hoàn thành bài.
Yêu cầu chức năng:

Canvas vẽ ở trung tâm màn hình.
Mỗi lần bắt đầu sẽ xuất hiện ngẫu nhiên một trong các hình sau:
Hình tròn
Hình vuông
Hình chữ nhật
Hình tam giác
Hình elip
Hình ngôi sao
Dấu cộng (+)
Chữ X
Đường thẳng
Nửa hình tròn
Có nút "Hình mới" để đổi sang thử thách khác.
Học sinh có thể dùng chuột hoặc cảm ứng để vẽ thêm lên canvas.
Có bảng màu chọn màu bút.
Có thanh điều chỉnh kích thước nét vẽ.
Có nút:
Hoàn tác
Làm lại
Xóa nét vẽ
Lưu ảnh
Nộp bài
Thông tin học sinh:

Ô nhập tên học sinh.
Khi bấm Nộp bài, hiện hộp thoại yêu cầu hoàn thành câu:
"Đây không phải là ... mà là ..."
Học sinh nhập ý tưởng sáng tạo của mình.
AI đánh giá giả lập:
Sau khi nộp bài, tạo một thẻ đánh giá đẹp mắt gồm:

Tên học sinh
Tên tác phẩm
Hình gốc được giao
Điểm sáng tạo (1–10)
Điểm tưởng tượng (1–10)
Điểm hoàn thiện (1–10)
Tổng điểm
Huy hiệu ngẫu nhiên:
Nhà phát minh tí hon
Bậc thầy sáng tạo
Họa sĩ tương lai
Thiên tài ý tưởng
Vua biến hình
Lời nhận xét tích cực, động viên học sinh.
Thư viện tác phẩm:

Tạo khu vực Gallery bên dưới.
Lưu các bài đã nộp trong phiên làm việc.
Hiển thị ảnh thu nhỏ tác phẩm.
Hiển thị tên học sinh và tên tác phẩm.
Có thể xem lại bài đã lưu.
Yêu cầu kỹ thuật:

Viết hoàn chỉnh bằng HTML, CSS, JavaScript trong một file duy nhất.
Không sử dụng thư viện ngoài.
Mã nguồn đầy đủ, chạy ngay khi mở file HTML.
Thiết kế đẹp, hiện đại, dễ sử dụng và giống một trò chơi giáo dục sáng tạo thực sự.

Bước 3:

Chờ một lúc và bạn sẽ nhìn thấy mini app vẽ sáng tạo được thiết kế theo đúng như những gì mô tả. Trò chơi sẽ đưa ra một hình đơn giản và nhiệm vụ của bạn sẽ tiến hành vẽ tiếp từ hình đó để sang hình độc đáo, mới lạ hơn bằng công cụ vẽ và màu sắc trong app.

Khi hoàn thành bản vẽ và nộp, bạn sẽ nhập hình vẽ bạn muốn truyền tải là gì và AI sẽ phân tích bức vẽ đó.

Người chơi sẽ nhận được đánh giá về khả năng sáng tạo của bạn và đưa ra điểm số. Toàn bộ các hình vẽ bạn đã chơi trên mini app để được ghi lại.

Bước 4:

Để lưu lại trò chơi bạn nhấn vào mục Mã rồi copy toàn bộ mã ở giao diện và copy vào Notepad rồi lưu lại với định dạng .html. Sau đó chỉ cần click vào file html để chạy trò chơi.