Khoa học Tương tác 3D Studio

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 3D LIVE

📊 Thông tin hình

Đỉnh:-
Cạnh:-
Mặt:-
Mặt cắt:-

⚙️ Hiển thị

Nhãn đỉnh
Mặt phẳng
Trục toạ độ
Cạnh khuất (nét đứt)
Hiệu ứng animation

📐 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.