After completing your artwork, you can name your idea and receive a simulated AI evaluation with a creativity score and positive feedback. This increases the game's appeal and creates the feeling of participating in a real creative competition. Below are the commands for designing a creative drawing game on Gemini.
How to create a creative drawing mini-website on Gemini
Step 1:
First, you need to switch to Canvas mode on Gemini .
Step 2:
Next, we enter the following command to proceed with designing the creative drawing mini-app.
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ự.
Step 3:
Wait a moment and you'll see a creative drawing mini-app designed exactly as described. The game will present a simple image , and your task is to continue drawing from that image to create a more unique and novel design using the drawing tools and colors in the app.
Once you've completed and submitted your drawing, you'll input what you want to convey through the image, and the AI will analyze it.
Players will receive feedback on their creativity and be given a score. All the drawings you create on the mini-app will be recorded.
Step 4:
To save the game, click on the "Code" section , then copy all the code from the interface into Notepad and save it as a .html file. After that, simply click on the .html file to run the game.