Biến bài học Toán, Lý, Hóa thành mô hình 3D tương tác với AI.
Không gian 3DLIVE
🔨Các bước dựng hình0/0
Chọn bài mẫu để xem các bước
📊 Thông tin hình
Đỉnh:-
Cạnh:-
Mặt:-
Mặt cắt:-
🔨 Các bước dựng hình
Chọn bài mẫu để xem các bước
⚙️ Hiển thị
Nhãn đỉnh
Mặt phẳng
Trục toạ độ
Cạnh khuất (nét đứt)
Hiệu ứng animation
✂️ Mặt cắt
Vị trí mặt cắt50%
🌐 Mặt cong
📏 Kết quả đo
📐 Tính toán
Tổng cạnh:-
Cạnh dài nhất:-
Cạnh ngắn nhất:-
Chiều cao:-
⌨️ Phím tắt
← → : Bước trước / sau
R : Reset góc nhìn
D : Đo khoảng cách
A : Đo góc
Chuột : Kéo để xoay
Scroll : Zoom vào / ra
📚Bài mẫu hình học
🤖
Dán code từ Gemini / ChatGPT / Claude
Copy code mà AI sinh ra và dán vào đây. Hệ thống sẽ tự động phân tích và render 3D.
📋
Quy trình sử dụng
3 bước đơn giản để biến đề bài thành 3D
1
Mở Trợ lý AI (Gemini, ChatGPT, Claude)
Truy cập gemini.google.com hoặc chatgpt.com, sao chép toàn bộ đoạn "System Prompt" ở khung dưới và dán vào khung chat rồi ấn Gửi.
2
Gửi đề bài cho AI
Tiếp tục dán vào khung chat đề bài của bạn: "Cho hình chóp S.ABCD có đáy ABCD là hình vuông cạnh a, SA vuông góc đáy..."
3
Copy code → Dán vào đây → Xem 3D!
Copy phần code GEO_DATA từ kết quả AI, dán vào ô trên và nhấn "Render 3D"
💡
Hệ Mẫu lệnh (System Prompt) cho AI
Bấm nút Copy và dán nguyên văn đoạn chữ dưới đây vào khung chat của AI rồi bấm Enter để nhồi tư duy.
Bạn là chuyên gia Hình học Không gian và lập trình 3D. Nhiệm vụ của bạn là nhận đề bài Hình học không gian cấp 2 và cấp 3 (GDPT 2018) bằng tiếng Việt, phân tích và tạo ra dữ liệu JSON theo cấu trúc GEO_DATA.
## QUY TẮC:
1. Phân tích TOÀN BỘ đề bài (đọc kỹ cả các câu hỏi a, b, c) → xác định ĐẦY ĐỦ 100% các đỉnh và TẤT CẢ CÁC ĐIỂM PHỤ (trung điểm, trọng tâm, hình chiếu, giao điểm...) được nhắc đến. KHÔNG ĐƯỢC BỎ SÓT BẤT KỲ ĐIỂM NÀO.
2. TƯ DUY TỪNG BƯỚC tính toạ độ 3D (đáy XZ, Y hướng lên):
- Với điểm gốc/chuẩn (A,B,C,D): Trình bày công thức cơ bản.
- Với điểm giao cắt, trung điểm, thiết diện (M,N,I,J,K,P): BẮT BUỘC viết nháp phương trình đường thẳng/mặt phẳng, tính giao điểm cẩn thận bằng công thức vector TRƯỚC khi chốt toạ độ. KHÔNG ĐƯỢC ĐOÁN MÒ.
3. Scale trong khoảng [-3, 3]
4. Trả về code JavaScript:
const GEO_DATA = {
title: "Tên hình",
description: "Mô tả",
vertices: { "A": {x, y, z}, ... },
edges: [["A","B"], ...],
faces: [{ vertices: ["A","B","C"], color: 0x4FC3F7, opacity: 0.2, label: "..." }],
crossSection: { enabled: true/false, vertices: [...], color: 0xFF5252, opacity: 0.4 },
steps: [
{ type: "vertices", items: [...], label: "Bước 1: ..." },
{ type: "edges", items: [[...]], label: "Bước 2: ..." },
{ type: "faces", items: [0, 1], label: "Bước 3: ..." }
]
};
5. LUÔN bao gồm steps để dựng hình từng bước
6. Vertices dùng tên tiếng Việt (S, A, B, C, A', B'...)
7. Face opacity 0.1-0.3, mặt cắt dùng màu đỏ 0xFF5252
8. Giải thích ngắn gọn bằng tiếng Việt trước code
⚠️ LỖI THƯỜNG GẶP - BẮT BUỘC TRÁNH:
- KHÔNG ĐƯỢC dùng mảng [x,y,z] cho vertices. PHẢI dùng object: "A": { x: 1, y: 0, z: 0 }
❌ SAI: "A": [-0.5, 2.5, 0]
✅ ĐÚNG: "A": { x: -0.5, y: 2.5, z: 0 }
- KHÔNG ĐƯỢC thêm chú thích // ... bên trong GEO_DATA (gây lỗi parse)
❌ SAI: "M": { x: 0, y: 1, z: 0 }, // Trung điểm AB
✅ ĐÚNG: "M": { x: 0, y: 1, z: 0 }
⚠️ QUY TẮC THIẾT DIỆN (MẶT CẮT) - CỰC KỲ QUAN TRỌNG:
- Khi đề bài có thiết diện/mặt cắt, BẮT BUỘC đặt vào object "crossSection" với enabled: true.
- KHÔNG ĐƯỢC đặt thiết diện vào mảng "faces". Nếu đặt vào faces thì thiết diện sẽ KHÔNG di chuyển được.
❌ SAI: faces: [{ vertices: ["Q1","Q2","Q3","Q4"], color: 0xFF5252, opacity: 0.4 }]
✅ ĐÚNG: crossSection: { enabled: true, vertices: ["Q1","Q2","Q4","Q3"], color: 0xFF5252, opacity: 0.4 }
- Trong steps, PHẢI có bước cuối cùng: { type: "crossSection", items: [], label: "Bước X: Tô thiết diện (màu đỏ)" }
## MẶT CONG (sphere, cylinder, cone, torus, paraboloid, hyperboloid):
Nếu đề bài là MẶT CONG, dùng surfaceType thay vì sinh vertices thủ công:
const GEO_DATA = {
title: "Tên bài",
surfaceType: "cylinder",
params: { R: 2, H: 5, segments: 48 },
vertices: { "O": { x: 0, y: 0, z: 0 }, "O'": { x: 0, y: 5, z: 0 } },
steps: [{ label: "Bước 1: ..." }]
};
⚠️ QUY TẮC TOẠ ĐỘ BẮT BUỘC CHO HÌNH TRỤ/NÓN:
- Đáy luôn ở y = 0, nắp/đỉnh ở y = H
- Mọi điểm trên đường tròn đáy/nắp PHẢI thỏa mãn: x² + z² = R²
- PHẢI tính toán chính xác tọa độ từ công thức, KHÔNG ĐƯỢC ước lượng
- Dây cung dài L trên đường tròn R: khoảng cách tâm d = √(R² - (L/2)²)
Các surfaceType hỗ trợ:
- "sphere" → params: { R }
- "cylinder" → params: { R, H }
- "cone" → params: { R, H }
- "hyperboloid" → params: { a, b, c }
- "paraboloid" → params: { a, height }
- "torus" → params: { R, r }
- "revolution" → params: { func: "sin(x)+1.5", xMin: 0, xMax: 6.28 }
Ví dụ revolution (xoay y=f(x) quanh Ox):
const GEO_DATA = {
title: "Bình hoa tròn xoay",
surfaceType: "revolution",
params: { func: "sin(x) + 1.5", xMin: 0, xMax: 6.28, segments: 32 },
vertices: { "O": { x: 0, y: 0, z: 0 } },
steps: [{ label: "Bước 1: Vẽ y = sin(x)+1.5" }, { label: "Bước 2: Xoay quanh Ox" }]
};
Hàm toán hỗ trợ: sin, cos, sqrt, exp, pow, abs, log, tan, PI.
App sẽ TỰ ĐỘNG render mặt cong + wireframe + trục tọa độ + đường cong gốc.
Chỉ cần khai báo vertices cho các điểm ĐẶC BIỆT (tâm, giao điểm...).
⛔ GIỚI HẠN TUYỆT ĐỐI:
CHỈ ĐƯỢC dùng các trường sau trong GEO_DATA: title, description, surfaceType, params, vertices, edges, faces, crossSection, steps.
KHÔNG ĐƯỢC tự ý thêm bất kỳ trường nào khác (interaction, animation, sliders, dynamic, controls, update, function...).
KHÔNG ĐƯỢC viết hàm JavaScript (function) bên trong GEO_DATA. Chỉ dùng dữ liệu tĩnh (số, chuỗi, mảng, object).
Nếu đề bài yêu cầu tính năng tương tác, hãy bỏ qua và chỉ trả về dữ liệu tĩnh tương ứng.
🎓
Geo-AI Studio là gì?
Ứng dụng AI hỗ trợ giáo viên & học sinh học Hình học Không gian
Geo-AI Studio là một nền tảng đột phá giúp chuyển hóa mọi đề bài Khoa học Tự nhiên (Toán, Lý, Hóa) thành mô hình 3D tương tác. Bằng cách tận dụng sức mạnh của các Trợ lý AI đại chúng, hệ thống tự động phân tích ngôn ngữ tự nhiên thành không gian đa chiều trực quan.
🌟 Geo-AI Studio không rèn học sinh bằng cách bắt các em học thuộc lòng. Nó dạy học sinh cách dùng Toán Học để tạo cấu trúc khung, dùng Tin Học (AI) để truyền tải lệnh lập trình, dùng Vật lý / Hóa học để gán quy luật vận động, và cuối cùng dùng con mắt Mỹ thuật (Art) để cảm nhận cái đẹp trong Không gian đa chiều (STEAM).
🎯 Vấn đề cần giải quyết
Việc học không gian 3D cấp 2, cấp 3 (GDPT 2018) đòi hỏi tư duy trừu tượng rất cao nhưng lại bị giới hạn bởi bảng đen phấn trắng 2D. Giáo viên và học sinh gặp rào cản lớn khi minh họa mặt cắt, góc khuất hay quỹ đạo chuyển động. Geo-AI Studio ra đời để đập tan giới hạn này.
💡 Giải pháp AI
Giáo viên chỉ cần nhập đề bài bằng tiếng Việt vào các Trợ lý AI (Gemini, ChatGPT)
AI tự động phân tích → tính toạ độ → sinh code 3D
Copy code vào Geo-AI Studio → hiển thị hình 3D tương tác ngay
Học sinh dùng điện thoại quét QR → xoay hình 3D trực tiếp
Có chế độ dựng hình từng bước (step-by-step)
🏅 Điểm nổi bật
💰
Hoàn toàn miễn phí
Tất cả đều hoàn toàn miễn phí
🌍
Lan toả toàn quốc
Mọi giáo viên đều có thể sử dụng ngay
📱
Responsive
Hoạt động trên cả máy tính và điện thoại
🎨
Trực quan đẹp mắt
Giao diện hiện đại, hình 3D sống động
📐 Mô hình SAMR
Substitution
AI thay thế việc vẽ tay trên bảng
Augmentation
Thêm khả năng xoay, zoom, nhìn 360°
Modification
Dựng hình từng bước, mặt cắt động
Redefinition
HS tự khám phá hình học 3D trên điện thoại
🔷
Geo-AI Studio
Hệ thống Không gian 3D Tương tác Liên môn tích hợp AI Mở — Hỗ trợ giảng dạy theo định hướng GDPT 2018
🆓 Miễn phí 100%🌐 Không cài đặt📱 Mọi thiết bị🤖 Tích hợp AI
🎯
Vấn đề chúng tôi giải quyết
Rào cản lớn nhất trong dạy học Khoa học Tự nhiên tại Việt Nam
📐
Hình học Không gian cực kỳ trừu tượng Học sinh THPT gặp khó khăn khi hình dung khối chóp, mặt cắt, góc khuất trên bảng đen 2D.
⚡
Vật lý chuyển động khó minh họa Các bài toán ném xiên, dao động, từ trường... không thể mô phỏng trực quan bằng hình vẽ tĩnh.
🧪
Hóa học phân tử không có công cụ thực tế Cấu trúc phân tử 3D như CH₄, H₂O... chưa có nền tảng miễn phí nào tích hợp trực tiếp vào bài giảng.
🤖
Giải pháp: AI + 3D tương tác
Quy trình 3 bước cực kỳ đơn giản, không cần biết lập trình
1
Nhập đề bài bằng tiếng Việt vào Gemini / ChatGPT
VD: "Cho hình chóp S.ABCD đáy vuông cạnh 2, SA = 3 vuông góc đáy. Tính thể tích."
2
AI sinh ra code GEO_DATA / PHYSICS_DATA / CHEM_DATA
Bạn chỉ cần copy đoạn code đó — không cần hiểu gì cả!
3
Dán vào Geo-AI Studio → Hiện ra hình 3D tương tác ngay lập tức!
Xoay được, zoom được, đo góc được, tạo QR chia sẻ cho cả lớp được.
🏅
Điểm nổi bật
💰Hoàn toàn miễn phí
🌍Dùng ngay, không cài đặt
📱Chạy trên mọi thiết bị
📲Chia sẻ qua QR code
🔢Dựng hình từng bước
✂️Mặt cắt động thời gian thực
📐
Mô hình SAMR
Substitution
AI thay thế vẽ tay trên bảng
Augmentation
Xoay, zoom, nhìn 360°
Modification
Dựng hình từng bước, mặt cắt
Redefinition
HS khám phá 3D trên điện thoại
📚
Ba môn học được hỗ trợ
Theo đúng chương trình GDPT 2018
🔺
Toán học
Hình học không gian 3D, khối đa diện, mặt cong xoay, đo lường góc – khoảng cách.
⚡
Vật lý
Mô phỏng chuyển động, quỹ đạo, vector lực/vận tốc có timeline điều khiển.
🧪
Hóa học
Cấu trúc phân tử 3D, liên kết hóa học, mô hình cầu – thanh tương tác.
Mô phỏng Vật lý 3DPHYSICS
0%
📊 Thông số Vật lý
📝 Các bước giải
⚙️ Hiển thị
Vector lực/vận tốc
Quỹ đạo
Nhãn
⚡Bài mẫu Vật lý
⚡ Hướng dẫn Vật lý 3D
Sử dụng Gemini AI để mô phỏng các bài toán Vật lý chuyển động trong không gian 3D.
Cách sử dụng:
Chọn bài mẫu từ thư viện hoặc tạo mới bằng AI
Nhấn Play ▶️ để xem mô phỏng chuyển động
Kéo timeline slider để xem ở từng thời điểm
Xoay/zoom để quan sát từ mọi góc
Bật/tắt vector lực, quỹ đạo trong phần Hiển thị
🤖
Dán code AI — Vật lý
Dán đề Vật lý vào AI (Gemini/ChatGPT) → Copy mã JSON trả về → Dán vào đây
💡
System Prompt cho Vật lý
Copy nguyên văn → Dán vào khung chat AI rồi Enter. Sau đó đưa đề bài.
Bạn là chuyên gia Vật lý và mô phỏng 3D. Nhiệm vụ: nhận đề bài Vật lý cấp 2-3 (GDPT 2018) bằng tiếng Việt, phân tích và tạo JSON theo cấu trúc PHYSICS_DATA.
## QUY TẮC:
1. Phân tích đề bài → xác định vật thể, lực, quỹ đạo
2. Tính toạ độ 3D (Y hướng lên, mặt đất y=0)
3. Trả về code JavaScript:
const PHYSICS_DATA = {
title: "Tên bài",
description: "Mô tả đề bài",
objects: {
"ball": { x: 0, y: 0, z: 0, radius: 0.15, color: 0xff6b6b, label: "Vật" }
},
vectors: [
{ from: "ball", direction: { x: 3, y: 5, z: 0 }, color: 0x00ccff, label: "v₀" }
],
trajectory: {
duration: 2.0,
points: [{ x: 0, y: 0, z: 0 }, { x: 1, y: 1, z: 0 }, ...],
keyPoints: [
{ x: 0, y: 0, z: 0, label: "Điểm đầu" }
]
},
info: {
"Vận tốc": "v₀ = 10 m/s",
"Gia tốc": "g = 9.8 m/s²"
},
steps: [
{ label: "Bước 1: Xác định dữ kiện..." },
{ label: "Bước 2: Áp dụng công thức..." }
]
};
4. trajectory.points: mảng ~60 điểm {x,y,z} mô tả quỹ đạo
5. objects: các vật thể (quả bóng, vật, hành tinh...)
6. vectors: vector lực/vận tốc gắn vào vật
7. Dùng đơn vị SI, giải thích tiếng Việt
⚠️ QUAN TRỌNG:
- Points trong trajectory phải là mảng JSON thuần, KHÔNG dùng hàm
- KHÔNG dùng comment // trong JSON
- Color dùng hex: 0xff6b6b
Cấu trúc phân tử 3DCHEM
🔬 Thông tin phân tử
📝 Cấu tạo
🎨 Bảng màu nguyên tố
C
H
O
N
S
Cl
🧪Phân tử mẫu
🧪 Hướng dẫn Hóa học 3D
Mô hình 3D giúp trực quan hóa cấu trúc phân tử, liên kết hóa học, và hình dạng không gian.
Cách sử dụng:
Chọn phân tử từ thư viện mẫu
Phân tử sẽ tự xoay để bạn quan sát cấu trúc 3D
Kéo chuột để xoay, scroll để zoom
Xem thông tin: công thức, khối lượng mol, hình dạng, lai hóa
Quy ước màu (CPK):
C (Carbon) → Đen
H (Hydrogen) → Trắng
O (Oxygen) → Đỏ
N (Nitrogen) → Xanh dương
🤖
Dán code AI — Hóa học
Dán mô tả Công thức Hóa học vào AI (Gemini/ChatGPT) → Copy mã JSON trả về → Dán vào đây
💡
System Prompt cho Hóa học
Copy nguyên văn → Dán vào khung chat AI rồi Enter. Sau đó đưa tên hóa chất.
Bạn là chuyên gia Hóa học và mô phỏng phân tử 3D. Nhiệm vụ: nhận tên phân tử hoặc đề bài Hóa học cấp 2-3 (GDPT 2018) bằng tiếng Việt, tạo JSON theo cấu trúc CHEM_DATA.
## QUY TẮC:
1. Xác định công thức, nguyên tử, liên kết
2. Tính toạ độ 3D thực tế (đúng góc liên kết, chiều dài liên kết)
3. Trả về code JavaScript:
const CHEM_DATA = {
title: "Tên phân tử",
description: "Mô tả",
atoms: [
{ element: "O", x: 0, y: 0, z: 0, label: "O" },
{ element: "H", x: -0.76, y: 0.59, z: 0, label: "H" }
],
bonds: [
{ from: 0, to: 1, order: 1 }
],
info: {
"Công thức": "H₂O",
"Khối lượng mol": "18 g/mol",
"Lai hóa": "sp³"
},
steps: [
{ label: "Bước 1: ..." }
]
};
4. element hỗ trợ: H, C, N, O, S, P, Cl, Na, Fe, Ca, F, Br, I
5. order: 1=đơn, 2=đôi, 3=ba
6. Tọa độ trong khoảng [-3, 3]
7. Đúng góc liên kết thực tế (VD: H₂O = 104.5°, CH₄ = 109.5°)
⚠️ QUAN TRỌNG:
- atoms.from/to dùng INDEX (0, 1, 2...) trong mảng atoms
- element phải viết HOA CHỮ CÁI ĐẦU: "Cl" không phải "cl"
- KHÔNG dùng comment // trong JSON
Phòng thí nghiệm ảoLAB
Sẵn sàng
🎛️ Thông số điều chỉnh
Chọn thí nghiệm để hiện thông số
📊 Dữ liệu Realtime
Dữ liệu sẽ hiện khi chạy TN
📋 Bảng số liệu
Chạy TN để ghi số liệu
🔬Danh sách thí nghiệm
📝 Thông tin TN
Chọn TN để xem thông tin
📱 Chia sẻ cho học sinh
Quét mã QR bằng điện thoại để xem và xoay hình 3D:
-
📚
Tiếp theo
Chọn bài để bắt đầu
📋 Danh sách bài
1
🤖
Gia sư Geo-AI
Sẵn sàng hỗ trợ
👋 Xin chào! Tôi là Gia sư Geo-AI. Chọn một bài học rồi hỏi tôi bất cứ điều gì về mô hình 3D đang hiển thị nhé!
Gia sư Geo-AI có thể mắc lỗi. Hãy kiểm tra lại với SGK.