NGHIÊN CỨU TRÍCH XUẤT THÔNG TIN TỪ BẢN VẼ THIẾT KẾ VÀ TÁI TẠO MÔ HÌNH KHÔNG GIAN BA CHIỀU CỦA CÔNG TRÌNH PHÂN HỆ: XÂY DỰNG MÔ HÌNH BA CHIỀU TỪ DỮ LIỆU BẢN VẼ

Abstract

Việc chuyển thông tin trích xuất từ bản vẽ thiết kế thành mô hình ba chiều giúp người dùng quan sát công trình trực quan hơn và phát hiện sớm những điểm chưa hợp lý trước khi dữ liệu được sử dụng ở các bước tiếp theo. Luận văn trình bày phân hệ 2 của đề tài, có nhiệm vụ tiếp nhận dữ liệu JSON do phân hệ trích xuất bản vẽ cung cấp và dựng lại công trình dưới dạng mô hình 3D có thể tương tác trên trình duyệt. Phân hệ diễn giải đường bao tầng, cao độ, kích thước, tường, khoảng mở và nội thất, sau đó đưa các dữ liệu này về cùng hệ tọa độ theo mét. Three.js và WebGL được sử dụng để tạo sàn, trần, mái, tường, cửa đi, cửa sổ và các mô hình nội thất đơn giản. Khi đầu vào thiếu một số thuộc tính, hệ thống suy ra giá trị phù hợp từ thông tin liên quan, chẳng hạn ước lượng tỷ lệ bản vẽ từ kích thước cửa hoặc xác định hướng nội thất từ vùng bao và tường gần nhất. Người dùng có thể xem từng tầng hoặc toàn bộ công trình, di chuyển trong không gian, đặt, xoay và xóa nội thất. Chế độ trình bày bổ sung ánh sáng, bóng đổ và thảm cỏ quanh công trình. Kết quả kiểm thử trên dữ liệu công trình nhiều tầng cho thấy phân hệ dựng được các thành phần kiến trúc chính, giữ đúng các khoảng mở sàn và trần, điều chỉnh kích thước nội thất theo dữ liệu đầu vào và duy trì khả năng tương tác trên trình duyệt. Sản phẩm đáp ứng mục tiêu tạo mô hình 3D có thể quan sát và hiệu chỉnh từ đầu ra của phân hệ 1. Tuy nhiên, độ chính xác hình học vẫn phụ thuộc vào mức đầy đủ và nhất quán của dữ liệu JSON; các chi tiết kiến trúc phức tạp cần tiếp tục được hoàn thiện trong các bước phát triển sau. Từ khóa: Three.js, WebGL, JSON, dựng mô hình 3D, raycasting, mô hình công trình tương tác. Converting information extracted from design drawings into a three-dimensional model helps users review a building more intuitively and identify inconsistencies before the data are reused in later stages. This thesis presents the second subsystem of a larger project: a web application that receives the JSON output of the drawingextraction subsystem and reconstructs an interactive 3D representation of the building. The subsystem interprets floor boundaries, elevations, dimensions, walls, openings and furniture, then converts them into a common metre-based coordinate system. Three.js and WebGL are used to create floors, ceilings, roofs, walls, doors, windows and simplified furniture models. When some properties are absent, the application derives reasonable values from related information, such as estimating drawing scale from door dimensions or orienting furniture from its bounding region and nearby walls. Users can inspect individual floors or the complete building, move through the cảnh, and place, rotate or remove furniture. A presentation mode adds lighting, shadows and a grass surface around the building. Tests with multi-storey building data show that the subsystem can reconstruct the main architectural components, preserve floor and ceiling openings, size furniture according to the input data and maintain interactive display in a web browser. The result satisfies the goal of producing an observable and editable 3D model from the output of the first subsystem. The geometric quality nevertheless depends on the completeness and consistency of the input JSON, and more complex architectural details remain a direction for further development. Keywords: Three.js, WebGL, JSON, 3D reconstruction, raycasting, interactive building model.