Là tên gọi chung đươc dùng để mô tả các giao thức, ngôn ngữ, định dạng
tập tin và các công nghệ khác đươc dùng để truyền tải nội dung 3D vào web.
Là một nhóm các công nghệ chuẩn đươc đề xuất bởi tổ chức Web3D
Consortium.
Khái quát
Ứng dụng quan trọng của HTML5 với Web 3D
X3D là một dạng tập tin có cấu trúc và đươc mã hóa.
X3D sử dụng công nghệ XML để mô tả các khối hình học và những khả năng
xử lý của VRML
Nhân tố chính: X3D
Ứng dụng quan trọng của HTML5 với Web 3D
Cú pháp giống XML:
Nhân tố chính: X3D
Nhân tố chính: X3D Cấu trúcCấu trúc
• Header:
<?xml version="1.0" encoding="UTF-8"?>
• DOCTYPE:
<!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D3.0//EN" http://www.web3d.org/specifications/x3d-3.0.dtd”>.
Ứng dụng quan trọng của HTML5 với Web 3D
Để vẽ một hình học 3D trong X3D, ta dùng thẻ <Shape> </Shape> bao bọc
các thẻ hình học như <Box>,<Cylinder> ,<Cone>,<Sphere>… bên trong.
Các thành phần X3D
Các thành phần X3D Đối tượng hình họcĐối tượng hình học
<Shape >
<Box DEF =”Caihop"/> </ Shape
Ứng dụng quan trọng của HTML5 với Web 3D
Các thành phần X3D
Các thành phần X3D Đối tượng hình họcĐối tượng hình học
Thẻ Công dụng
<Box> Vẽ hình hộp
<Cylinder> Vẽ hình trụ
<Cone> Vẽ hình nón
Ứng dụng quan trọng của HTML5 với Web 3D
Để khai báo một đối tương text 3D trong X3D ta dùng thẻ <Text> </Text>.
Các thành phần X3D
Ứng dụng quan trọng của HTML5 với Web 3D
Các thành phần X3D
Các thành phần X3D Các thẻ thao tác với giao diện 3DCác thẻ thao tác với giao diện 3D
Thẻ Công dụng
<Material> Định nghĩa bề mặt đối tượng đã được khai báo trong tập tin X3D.
<ImageTexture> Dùng hình ảnh để “ốp” lên các đối tượng đã khai báo trước đó
<MovieTexture> sử dụng các tập tin video để ốp lên bền mặt các đối tượng đã khai báo trước đó
<PixelTexture> Để ốp hình ảnh bằng các màu sắc được khai báo dưới dạng mã bit. Định dạng dữ liệu hình ảnh này dựa trên một loại trường trong X3D gọi là SFImage.
Ứng dụng quan trọng của HTML5 với Web 3D
Xuất nội dung X3D lên website
Xuất nội dung X3D lên website Dùng thẻ ObjectDùng thẻ Object
<object name='Tên đối tượng' type='model/x3d+xml’ height=’height’ width=’width‘>
<paramname='src' value=’đường dẫn chứa tập tin x3d '> </object>
Ứng dụng quan trọng của HTML5 với Web 3D
Xuất nội dung X3D lên website
Xuất nội dung X3D lên website Dùng X3DOM/HTML5Dùng X3DOM/HTML5
Là nền tảng mã nguồn mở hỗ trơ việc tích hơp HTML5 và nội dung 3D vào
trong trang web.
Mục tiêu ở đây là để có đươc bối cảnh X3D trong HTML DOM của bạn mà
cho phép bạn tính toán nội dung 3D bằng cách chỉ thêm/xóa hoặc thay đổi các thành phần DOM. Nó cũng hỗ trơ các sự kiện HTML như là “onclick” trên các đối tương 3D
Ứng dụng quan trọng của HTML5 với Web 3D
Xuất nội dung X3D lên website
Xuất nội dung X3D lên website Dùng X3DOM/HTML5Dùng X3DOM/HTML5
Cấu trúc X3DOM: X3DOM là thể hiện sự tích hơp hài hòa giữa HTML và X3D nên cấu trúc của X3DOM hoàn toàn tương tự cấu trúc của một tập tin html thông thường.
Có thể bổ sung thêm 2 tập tin là x3dom.css, x3dom.js. Tập tin x3dom.css dùng để hỗ trơ phần giao diện cho các ứng dụng X3DOM chuyên biệt, giúp chúng có cách hiển thị tốt hơn. Tập tin x3dom.js là tập tin chứa các hàm javascript dùng để thao tác, xử lý cho các sự kiện phát sinh với nội dung 3D trong X3DOM.