<!DOCTYPE html>
    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
    <head>
<title>Hướng dẫn tạo web mini vẽ sáng tạo biến hình trên Gemini</title>
<meta name="description" content="Hướng dẫn tạo web mini vẽ sáng tạo biến hình trên Gemini - Savefile - Tin Tức -...">
<meta name="author" content=".: Nguoicodonvn2008.info - Cõi lòng người cô đơn :.">
<meta name="copyright" content=".: Nguoicodonvn2008.info - Cõi lòng người cô đơn :. [admin@nguoicodonvn2008.info]">
<meta name="robots" content="index, archive, follow, noodp">
<meta name="googlebot" content="index,archive,follow,noodp">
<meta name="msnbot" content="all,index,follow">
<meta name="generator" content="NukeViet v4.5">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="Hướng dẫn tạo web mini vẽ sáng tạo biến hình trên Gemini">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin Tức - https&#x3A;&#x002F;&#x002F;www.nguoicodonvn2008.info&#x002F;vi&#x002F;news&#x002F;savefile&#x002F;kien-thuc-may-tinh&#x002F;huong-dan-tao-web-mini-ve-sang-tao-bien-hinh-tren-gemini-13108.html">
<meta property="og:site_name" content=".&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.">
<meta property="og:url" content="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/huong-dan-tao-web-mini-ve-sang-tao-bien-hinh-tren-gemini-13108.html">
<link rel="shortcut icon" href="https://www.nguoicodonvn2008.info/favicon.ico">
<link rel="canonical" href="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/huong-dan-tao-web-mini-ve-sang-tao-bien-hinh-tren-gemini-13108.html">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/" title="Tin Tức" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/karaoke-dual/" title="Tin Tức - Karaoke Dual" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/nhac-tre/" title="Tin Tức - Nhạc trẻ" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tru-tinh/" title="Tin Tức - Trữ tình" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/nuoc-ngoai/" title="Tin Tức - Nước ngoài" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/remix/" title="Tin Tức - Remix" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tam-su-tinh-yeu/" title="Tin Tức - Tâm sự tình yêu" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tho-suu-tam/" title="Tin Tức - Thơ sưu tầm" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/cuoc-song/" title="Tin Tức - Cuộc sống" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/phan-mem/" title="Tin Tức - Phần mềm" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/kien-thuc-may-tinh/" title="Tin Tức - Kiến thức máy tính" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/hoc-tap/" title="Tin Tức - Học tập" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tai-lieu/" title="Tin Tức - Tài liệu" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/de-thi/" title="Tin Tức - Đề thi" type="application/rss+xml">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/assets/css/font-awesome.min.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/bootstrap.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/style.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/style.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/news.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/custom.css" type="text/css">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/jquery/jquery.min.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/language/vi.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/DOMPurify/purify3.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/global.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/site.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/news.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/main.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/custom.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/bootstrap.min.js" type="text/javascript">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/bootstrap.non-responsive.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/style.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/style.non-responsive.css">
<link rel="StyleSheet" href="https://www.nguoicodonvn2008.info/themes/default/css/news.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/custom.css">
<style type="text/css">
	body{background: #fff;}
</style>
    </head>
    <body>
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">.&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.</h2>
		<p class="pull-right"><a title=".&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;." href="https://www.nguoicodonvn2008.info/">https://www.nguoicodonvn2008.info</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>Hướng dẫn tạo web mini vẽ sáng tạo biến hình trên Gemini</h1>
		<ul class="list-inline">
			<li>Thứ năm - 11/06/2026 22:49</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
		</div>
				<div class="imghome">
			<img alt="Hướng dẫn tạo web mini vẽ sáng tạo biến hình trên Gemini" src="https://st.quantrimang.com/photos/image/2026/06/10/Gemini-tao-mini-app-ve-sang-tao-6.png" width="460" class="img-thumbnail" />
		</div>
		<div class="clear"></div>
		<div id="bodytext" class="clearfix">
			<p style="text-align:justify;">Từ một hình đơn giản, người chơi có thể sáng tạo ra nhiều hình vẽ khác nhau thông qua web mini vẽ hình sáng tạo được thiết kế trên Gemini. Người chơi có thể sáng tạo nhiều nét vẽ và hình thù khác nhau tùy theo trí tưởng tượng của mình.</p><div class="content-detail textview" style="-webkit-text-stroke-width:0px;background-color:rgb(255, 255, 255);border-width:0px;color:rgba(0, 0, 0, 0.87);font-family:Arial, sans-serif;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:16px;font-stretch:inherit;font-style:normal;font-variant-alternates:inherit;font-variant-caps:normal;font-variant-east-asian:inherit;font-variant-emoji:inherit;font-variant-ligatures:normal;font-variant-numeric:inherit;font-variant-position:inherit;font-variation-settings:inherit;font-weight:400;height:auto !important;letter-spacing:normal;line-height:24px;margin:0px 0px 16px;orphans:2;overflow:hidden;padding:0px;position:relative;text-align:start;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;" itemprop="articleBody"><div style="border-width:0px;font:inherit;margin:0px 0px 16px;padding:0px;" id="vid"><div class="AV67fd319df16401cb0e00414b" style="border-width:0px;font:inherit;margin:0px auto;max-width:400px;padding:0px;width:400px;"><div style="border-width:0px;font:inherit;margin:0px;padding:0px;width:400px;" id="aniBox"><div style="border-width:0px;font:inherit;margin:0px;padding:0px;width:400px;" id="aniplayer_AV67fd319df16401cb0e00414b-1781230585126"><div class="avp-floating-placeholder" style="aspect-ratio:auto;border-image:initial;border-radius:0px;border:medium none currentcolor;box-shadow:none;box-sizing:border-box;color:inherit;cursor:inherit;display:block;flex-direction:row;flex:0 1 auto;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;height:auto;letter-spacing:inherit;line-height:1;margin:0px;max-width:none;min-height:0px;min-width:0px;outline:none;overflow:visible;padding:0px;pointer-events:inherit;position:static;text-align:justify;text-decoration:none;transform:none;transition:none;vertical-align:initial;white-space:inherit;width:auto;will-change:auto;word-break:inherit;" avp="" _382ee1e6="">&nbsp;</div></div></div></div></div><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;">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.</p><h2 style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:20px;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;line-height:32px;margin:10px 0px;padding:0px;text-align:justify;"><strong>Cách tạo web mini vẽ sáng tạo trên Gemini</strong></h2><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;"><strong style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;line-height:inherit;margin:0px;padding:0px;">Bước 1:</strong></p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;">Đầu tiên bạn cần chuyển sang<strong style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;line-height:inherit;margin:0px;padding:0px;"> chế độ Canvas trên Gemini</strong>.</p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;"><img class="lazy lightbox loaded" style="border-radius:3px;border:0px solid rgb(204, 204, 204);box-shadow:rgb(238, 238, 238) 0px 0px 1px;font:inherit;margin:0px auto;max-width:100%;padding:0px;" src="https://st.quantrimang.com/photos/image/2026/06/10/Gemini-tao-mini-app-ve-sang-tao-1.jpg" alt="Chế độ Canvas Gemini" width="600" height="322" data-src="https://st.quantrimang.com/photos/image/2026/06/10/Gemini-tao-mini-app-ve-sang-tao-1.jpg" data-i="0" data-adbro-processed="true" data-was-processed="true" /></p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;"><strong style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;line-height:inherit;margin:0px;padding:0px;">Bước 2:</strong></p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;">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.</p><div class="codebar" style="border-width:0px;font:inherit;margin:0px;padding:0px;position:relative;text-align:justify;">&nbsp;</div><pre class="language- language-none prettyprint" style="background-color:rgb(244, 251, 244);border-radius:5px;border:1px solid !important;display:block;font-family:Menlo, &#039;Bitstream Vera Sans Mono&#039;, &#039;DejaVu Sans Mono&#039;, Monaco, Consolas, monospace;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:14px;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0px 0px 16px;max-height:600px;max-width:100%;overflow:auto;padding:8px;" id="pre0"><code class="language-plaintext" style="border-radius:5px;border-width:0px;color:rgb(88, 37, 123);font-family:Consolas, Monaco, monospace;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0px;padding:0px;">Hãy tạo một Web Mini App sáng tạo dành cho học sinh THCS có tên &quot;Biến Hình Kỳ Diệu&quot; 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 &quot;Hình mới&quot; để đổ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:
&quot;Đây không phải là ... mà là ...&quot;
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ự.</code></pre><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;"><img class="lazy lightbox loaded" style="border-radius:3px;border:0px solid rgb(204, 204, 204);box-shadow:rgb(238, 238, 238) 0px 0px 1px;font:inherit;margin:0px auto;max-width:100%;padding:0px;" src="https://st.quantrimang.com/photos/image/2026/06/10/Gemini-tao-mini-app-ve-sang-tao-2.jpg" alt="Câu lệnh tạo mini app vẽ hình biến hóa" width="640" height="246" data-src="https://st.quantrimang.com/photos/image/2026/06/10/Gemini-tao-mini-app-ve-sang-tao-2.jpg" data-i="1" data-was-processed="true" /></p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;"><strong style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;line-height:inherit;margin:0px;padding:0px;">Bước 3:</strong></p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;">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ẽ <strong style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;line-height:inherit;margin:0px;padding:0px;">đưa ra một hình đơn giản</strong> và nhiệm vụ của bạn sẽ <strong style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;line-height:inherit;margin:0px;padding:0px;">tiến hành vẽ tiếp từ hình đó </strong>để sang hình độc đáo, mới lạ hơn bằng công cụ vẽ và màu sắc trong app.</p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;"><img class="lazy lightbox loaded" style="border-radius:3px;border:0px solid rgb(204, 204, 204);box-shadow:rgb(238, 238, 238) 0px 0px 1px;font:inherit;margin:0px auto;max-width:100%;padding:0px;" src="https://st.quantrimang.com/photos/image/2026/06/10/Gemini-tao-mini-app-ve-sang-tao-3.jpg" alt="Mini app vẽ hình biến hóa" width="600" height="379" data-src="https://st.quantrimang.com/photos/image/2026/06/10/Gemini-tao-mini-app-ve-sang-tao-3.jpg" data-i="2" data-was-processed="true" /></p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;">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ẽ đó.</p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;"><img class="lazy lightbox loaded" style="border-radius:3px;border:0px solid rgb(204, 204, 204);box-shadow:rgb(238, 238, 238) 0px 0px 1px;font:inherit;margin:0px auto;max-width:100%;padding:0px;" src="https://st.quantrimang.com/photos/image/2026/06/10/Gemini-tao-mini-app-ve-sang-tao-4.jpg" alt="Hình vẽ bạn muốn thể hiện " width="500" height="384" data-src="https://st.quantrimang.com/photos/image/2026/06/10/Gemini-tao-mini-app-ve-sang-tao-4.jpg" data-i="3" data-was-processed="true" /></p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;">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.</p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;"><img class="lazy lightbox loaded" style="border-radius:3px;border:0px solid rgb(204, 204, 204);box-shadow:rgb(238, 238, 238) 0px 0px 1px;font:inherit;margin:0px auto;max-width:100%;padding:0px;" src="https://st.quantrimang.com/photos/image/2026/06/10/Gemini-tao-mini-app-ve-sang-tao-5.png" alt="Đánh giá hình ảnh" width="550" height="388" data-src="https://st.quantrimang.com/photos/image/2026/06/10/Gemini-tao-mini-app-ve-sang-tao-5.png" data-i="4" data-was-processed="true" /></p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;"><strong style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;line-height:inherit;margin:0px;padding:0px;">Bước 4:</strong></p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;">Để lưu lại trò chơi bạn nhấn vào<strong style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;line-height:inherit;margin:0px;padding:0px;"> mục Mã </strong>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.</p><p style="border-width:0px;font-family:inherit;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:inherit;font-stretch:inherit;font-style:inherit;font-variant:inherit;font-variation-settings:inherit;font-weight:inherit;line-height:26px;margin:10px 0px;overflow-wrap:break-word;padding:0px;text-align:justify;"><img class="lazy lightbox loaded" style="border-radius:3px;border:0px solid rgb(204, 204, 204);box-shadow:rgb(238, 238, 238) 0px 0px 1px;font:inherit;margin:0px auto;max-width:100%;padding:0px;" src="https://st.quantrimang.com/photos/image/2026/06/10/Gemini-tao-mini-app-ve-sang-tao-6.png" alt="Tải mã chạy mini app" width="600" height="293" data-src="https://st.quantrimang.com/photos/image/2026/06/10/Gemini-tao-mini-app-ve-sang-tao-6.png" data-i="5" data-was-processed="true" /></p></div><div class="author-info clearfix" style="-webkit-text-stroke-width:0px;background-color:rgb(255, 255, 255);border-width:0px;color:rgba(0, 0, 0, 0.54);display:block;font-family:Arial, sans-serif;font-feature-settings:inherit;font-kerning:inherit;font-language-override:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-size:15px;font-stretch:inherit;font-style:normal;font-variant-alternates:inherit;font-variant-caps:normal;font-variant-east-asian:inherit;font-variant-emoji:inherit;font-variant-ligatures:normal;font-variant-numeric:inherit;font-variant-position:inherit;font-variation-settings:inherit;font-weight:400;letter-spacing:normal;line-height:inherit;margin:0px 0px 10px;orphans:2;padding:0px;position:relative;text-align:justify;text-decoration-color:initial;text-decoration-style:initial;text-decoration-thickness:initial;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;">&nbsp;</div>
		</div>
				<div id="author">
						<p>
				<strong>Nguồn tin:</strong>
				Quantrimang.com
			</p>
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/huong-dan-tao-web-mini-ve-sang-tao-bien-hinh-tren-gemini-13108.html" title="Hướng dẫn tạo web mini vẽ sáng tạo biến hình trên Gemini">https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/huong-dan-tao-web-mini-ve-sang-tao-bien-hinh-tren-gemini-13108.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; .&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.
		</div>
		<div id="contact">
			<a href="mailto:admin@nguoicodonvn2008.info">admin@nguoicodonvn2008.info</a>
		</div>
	</div>
</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="https://www.nguoicodonvn2008.info/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
		</script>
		<div class="car-top">
  <span><img src="https://www.nguoicodonvn2008.info/themes/default/images/car.png" alt=""></span>
</div>
<script src="https://www.nguoicodonvn2008.info/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="news",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=-4,nv_my_abbr="EDT",nv_cookie_prefix="nv4c_e856T",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=0,nv_recaptcha_ver=2,nv_recaptcha_sitekey="",nv_recaptcha_type="image",XSSsanitize=1;</script>
<script src="https://www.nguoicodonvn2008.info/assets/js/language/vi.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/DOMPurify/purify3.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/global.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/site.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/news.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/main.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/custom.js"></script>
<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "url": "https://www.nguoicodonvn2008.info",
            "logo": "https://www.nguoicodonvn2008.info/uploads/angel.gif"
        }
        </script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/bootstrap.min.js"></script>
<script type="text/javascript">
var $scrolltop = $('.car-top');
$scrolltop.on('click', function () {
    $('html,body').animate({
        scrollTop: 0
    }, 800);
    $(this).addClass("car-run");
    setTimeout(function(){ $scrolltop.removeClass('car-run');}, 1000);
    return false;
});
$(window).on('scroll', function ()
{ 
    if($(window).scrollTop() >= 200)
    {
        $scrolltop.addClass("show");
        $scrolltop.addClass("car-down");
    }
    else
    {
       $scrolltop.removeClass("show");
       setTimeout(function(){ $scrolltop.removeClass('car-down');}, 300);
    }
});
</script>
</body>
</html>