WEBGL LÀ GÌ

WebGL là 1 công nghệ được cho phép vẽ, hiển thị với tương tác cùng với đồ họa laptop tía chiều tinh vi (giao diện 3D) từ bỏ những trình phê chuẩn web . Theo truyền thống lâu đời, giao diện 3D bị giảm bớt cùng với thứ vi tính giỏi bảng điều khiển game và phải khởi tạo trình tinh vi. Lúc máy vi tính cá thể và trình chăm chú web trsinh hoạt đề nghị tinc vi hơn, nó hoàn toàn có thể tạo nên với hiển thị đồ họa 3D bởi vấn đề áp dụng các technology website nổi tiếng.

Bạn đang xem: Webgl là gì

Không tương tự những công nghệ giao diện 3D như OpenGL với Direct3 chiều, những ứng dụng WebGL hoàn toàn có thể được chế tạo như website để chúng hoàn toàn có thể chạy thẳng trong trình ưng chuẩn mà không cần thiết lập bất kỳ plug - in hoặc thư viện quan trọng nào. Do kia , chúng ta cũng có thể cải tiến và phát triển lập cập và demo chương trình mẫu cùng với môi trường PC chuẩn ; bởi vì gần như thiết bị hầu như dựa trên web, chúng ta dễ dãi xuất các chương trình đã xây cất trên web . giữa những lời hứa của WebGL , kia là vì các ứng dụng WebGL được thi công dưới dạng website, lịch trình rất có thể chạy hệt nhau trên hàng loạt các sản phẩm , như Smartphone thông minh , máy tính bảng cùng trò đùa bảng tinh chỉnh và điều khiển , thông qua trình chăm nom . Mô hình trẻ trung và tràn đầy năng lượng này tức là WebGL gồm một tác động ảnh hưởng đáng kể đến cộng đồng nhà cách tân và phát triển cùng vẫn biến một trong số những phép tắc ưu tiên cho lập trình hình ảnh .

1. WebGL là gì?

WebGL (Web-based Graphics Library) là 1 công nghệ có thể chấp nhận được vẽ, hiển thị, và hệ trọng cùng với giao diện máy tính tía chiều phức tạp ("bối cảnh 3D") trường đoản cú các trình chú ý web. Dễ áp dụng cùng tạo nên giao diện trực quan tiền cho tất cả những người sử dụng với văn bản trang web.Theo truyền thống lâu đời, bối cảnh 3 chiều sử dụng một ngữ điệu thiết kế nhỏng C hoặc C++ cùng rất tlỗi viện trang bị hoạ nlỗi OpenGL với Direct3D. Tuy nhiên, cùng với WebGL, giao diện 3D như là một phần của trang web chuẩn chỉnh cùng với HTML5 và JavaScript. Có nghĩa là WebGL được nối sát cùng với trình lưu ý, khi dựng hình bối cảnh 3D, ta rất có thể áp dụng WebGL thẳng cơ mà không đề nghị những thỏng viện tuyệt plugin quan trọng đặc biệt.

2. Tại sao WebGL lại nổi bật?

Không cần tự nhiên mà lại WebGL rất được yêu thích cho vậy, bởi vì nó bao gồm ưu điểm tất yêu tranh luận như sau:

Tạo ra giao diện trực quan liêu, những trò nghịch 3D với áp dụng 3 chiều nhằm mô rộp lên tiếng bên trên mạng.

Dễ sử dụng so với những công nghệ khác trong những khi vẫn đảm bảo an toàn tính hiệu quả.

Bạn hoàn toàn có thể ban đầu cách tân và phát triển những vận dụng giao diện 3D bằng phương pháp sử dụng một trình biên soạn thảo văn phiên bản cùng trình để mắt.

Dễ dàng xuất những ứng dụng đồ gia dụng hoạ 3 chiều trên web chuẩn

tận dụng điểm mạnh những công dụng không thiếu thốn của trình duyệt.

Xem thêm: Hoá Ra, Yêu Một Ai Đó Là Những Cảm Giác Yêu 1 Người Là Như Thế Nào ?

Có sẵn mối cung cấp tư liệu nhiều chủng loại nhằm phân tích và trở nên tân tiến.

3. Bản chất của WebGL

Hai trong số technology phổ biến tuyệt nhất hiển thị bối cảnh 3 chiều là Direct3D & OpenGL , Direct3 chiều, một trong những phần công nghệ DirectX của MS , là kỹ thuật bối cảnh 3 chiều đa số bên trên nền Windows với là hình ảnh lịch trình vận dụng gồm phiên bản quyền của MS. Cái sót lại, OpenGL được sử dụng thoáng rộng bên trên những gốc rễ bởi vì mã mối cung cấp mngơi nghỉ cùng miễn giá thành. OpenGL có thể sử dụng mang đến Mac, Linux, và một loạt máy như thể điện thoại cảm ứng thông minh, máy tính bảng và thiết bị chơi trò chơi. Nó cũng hỗ trợ giỏi bên trên Windows cùng hỗ trợ luân chuyển với Direct3D .

Mặc cho dù WebGL xuất phát điểm từ OpenGL , nó thực thụ khởi đầu từ phiên phiên bản của OpenGL có phong cách thiết kế gắng thề cho laptop nhúng như thể điện thoại hợp lý và những lắp thêm chơi game . Phiên bản này được biết như thể OpenGIES ( mang đến khối hệ thống nhúng) , được cải tiến và phát triển lần đầu xuân năm mới 2003-2004 cùng update năm 2007 ( ES 2.0 ) cùng liên tục năm 2012 ( ES3.0 ) . WebGL dựa vào phiên bản ES 2.0 . Trong trong những năm cách đây không lâu , số các vật dụng với các cách xử trí cung cấp sệt tả đã tăng nkhô cứng , bao gồm Smartphone tuyệt vời iPhone cùng Android ) , máy vi tính bảng với bảng điều khiển trò đùa . Một phần của nguyên do này là OpenGL ES đã bổ sung cập nhật các tính năng được cải thiện mặt khác một số loại bỏ nhiều khả năng không cần thiết hoặc lỗi thời từ bỏ OpenGL , dẫn đến việc sút quánh tả nhưng vẫn đủ to gan để làm ra hấp dẫn

Nlỗi hình mô tả bên dưới cho biết thêm mối quan hệ giữa OpenGL, OpenGL ES 1.0 2.0 3.0 và WebGL Bởi vì chính OpenGL sẽ thường xuyên phát triển từ là 1.5 , 2.0 mang lại 4.3, OpenGL ES đã làm được chuẩn chỉnh hóa nhỏng một tập bé của các phiên bản rõ ràng OpenGL ( OpenGL 1.5 với OpenGL 2.0 ) .

*

Như chỉ ra rằng vào hình trên , cùng với Việc chuyển sang trọng OpenGL 2.0, thì có sự xuất hiện củacác hàm shader hoàn toàn có thể thiết kế (programmable shader functions). Tính năng này đã có tiến hành thông qua OpenGL ES 2.0 với là phần chính yếu của WebGL 1.0.

Các hàm shader hoặc shaders là các công tác máy tính xách tay bao gồm cảm giác hình hình ảnh tinh vi bằng cách thực hiện một ngữ điệu lập trình sẵn đặc biệt tương tự như C. Nó lý giải những hàm, shader theo từng bước, được cho phép chúng ta gấp rút nắm vững năng lực của WebGL. Ngôn ngữ lập trình được sử dụng nhằm sản xuất những shinder được hotline là ngôn ngữ tô láng (shading language) . Ngôn ngữ tô nhẵn được thực hiện trong OpenGL ES 2.0 dựa vào OpenGL shading language (GLSL) với được call là OpenGL ES shading language ( GLSL ES ). Bởi bởi WebGL dựa trên OpenGL ES 2.0 , nó cũng áp dụng GLSL ES nhằm chế tạo ra shaders.

4. Cấu trúc áp dụng WebGL như vậy nào?

Các website sử dụng WebGL được tạo nên bằng phương pháp thực hiện tía ngữ điệu : HTML5, JavaScript với GLSL ES . Hình bên dưới đã cho thấy những phong cách xây dựng ứng dụng của những trang web cồn truyền thống lâu đời ( phía bên trái ) cùng các trang web sử dụng WebGL ( mặt phải ) .

*

Tuy nhiên, vị GLSL ES hay được viết trong JavaScript, nên chỉ có thể tất cả các tệp HTML và JavaScript đích thực quan trọng cho các vận dụng WebGL. Vì vậy , mặc dù WebGL có tác dụng phức hợp thêm vào cho JavaScript, nó vẫn giữ nguyên kết cấu hệt như web rượu cồn chuẩn chỉnh , chỉ sử dụng các tệp HTML cùng JavaScript .

5. Tổng kết

Phần này nói nđính thêm gọn tổng quan liêu về WebGL, phân tích và lý giải một trong những chức năng thiết yếu với chỉ ra rằng phong cách xây dựng phần mềm của các áp dụng WebGL. Nói Kết luận, vụ việc chủ yếu của phần này là các áp dụng WebGL được cách tân và phát triển bằng phương pháp áp dụng ba ngôn từ : HTML5 , JavaScript , với GLSL ES . Tuy nhiên , cũng chính vì mã lệnh shader (GLSL ES) hay được nhúng trong JavaScript, chúng ta tất cả chính xác cấu tạo tập tin giống như một trang web truyền thống lịch sử . Phần tiếp theo sau đã phân tích và lý giải có tác dụng cố kỉnh như thế nào để chế tạo ra ứng dụng áp dụng WebGL dễ dàng và đơn giản.