Course Code: opengl
Duration: 21 hours
Prerequisites:
  • Java腳本程式設計經驗
  • 熟悉向量和矩陣是有用的，但不是必需的
  • 線性代數知識（乘法、加法矩陣/向量）
  • 三角學知識（餘弦和鼻竇的故事......
Overview:

WebGL（Web圖形庫）是一種JavaScript API，用於在不使用插件的情況下在Web瀏覽器中呈現3D圖形。

在這個以講師為主導的現場培訓中，參與者將學習如何使用3D圖形生成逼真的計算機圖像，同時逐步創建在瀏覽器中運行的動畫3D應用程序。

在培訓結束時，參與者將能夠：

  • 了解並使用 WebGL 的各種功能，包括網格、變換、相機、材質、照明和動畫
  • 使用WebGL為對象設置動畫
  • 使用WebGL創建3D對象

聽眾

  • 開發商

課程形式

  • 部分講座，部分討論，練習和繁重的實踐練習
Course Outline:

介紹

準備瀏覽器以呈現 WebGL 內容

圖形創建過程概述

創建 2D 靜態物件

向物件添加顏色

旋轉物件

將物件設為 3D

瞭解點、向量和網格

變換物件

添加定向和環境照明

添加透明度、紋理和反射

引入其他物件

類比攝像機移動

Programming 頂點和像素著色器

為物件製作動畫

使用滑鼠與物件交互

總結和結論

Sites Published:

United Arab Emirates - WebGL: Create an Animated 3D Application

Qatar - WebGL: Create an Animated 3D Application

Egypt - WebGL: Create an Animated 3D Application

Saudi Arabia - WebGL: Create an Animated 3D Application

South Africa - WebGL: Create an Animated 3D Application

Brasil - WebGL: Create an Animated 3D Application

Canada - WebGL: Create an Animated 3D Application

中国 - WebGL: Create an Animated 3D Application

香港 - WebGL: Create an Animated 3D Application

澳門 - WebGL: Create an Animated 3D Application

台灣 - WebGL: Create an Animated 3D Application

USA - WebGL: Create an Animated 3D Application

Österreich - WebGL: Create an Animated 3D Application

Schweiz - WebGL: Create an Animated 3D Application

Deutschland - WebGL: Create an Animated 3D Application

Czech Republic - WebGL: Create an Animated 3D Application

Denmark - WebGL: Create an Animated 3D Application

Estonia - WebGL: Create an Animated 3D Application

Finland - WebGL: Create an Animated 3D Application

Greece - WebGL: Create an Animated 3D Application

Magyarország - WebGL: Create an Animated 3D Application

Ireland - WebGL: Create an Animated 3D Application

Luxembourg - WebGL: Create an Animated 3D Application

Latvia - WebGL: Create an Animated 3D Application

España - WebGL: Crea una Aplicación 3D Animada

Italia - WebGL: Create an Animated 3D Application

Lithuania - WebGL: Create an Animated 3D Application

Nederland - WebGL: Create an Animated 3D Application

Norway - WebGL: Create an Animated 3D Application

Portugal - WebGL: Create an Animated 3D Application

România - WebGL: Create an Animated 3D Application

Sverige - WebGL: Create an Animated 3D Application

Türkiye - WebGL: Create an Animated 3D Application

Malta - WebGL: Create an Animated 3D Application

Belgique - WebGL: Create an Animated 3D Application

France - WebGL: Create an Animated 3D Application

日本 - WebGL: Create an Animated 3D Application

Australia - WebGL: Create an Animated 3D Application

Malaysia - WebGL: Create an Animated 3D Application

New Zealand - WebGL: Create an Animated 3D Application

Philippines - WebGL: Create an Animated 3D Application

Singapore - WebGL: Create an Animated 3D Application

Thailand - WebGL: Create an Animated 3D Application

Vietnam - WebGL: Create an Animated 3D Application

India - WebGL: Create an Animated 3D Application

Argentina - WebGL: Crea una Aplicación 3D Animada

Chile - WebGL: Crea una Aplicación 3D Animada

Costa Rica - WebGL: Crea una Aplicación 3D Animada

Ecuador - WebGL: Crea una Aplicación 3D Animada

Guatemala - WebGL: Crea una Aplicación 3D Animada

Colombia - WebGL: Crea una Aplicación 3D Animada

México - WebGL: Crea una Aplicación 3D Animada

Panama - WebGL: Crea una Aplicación 3D Animada

Peru - WebGL: Crea una Aplicación 3D Animada

Uruguay - WebGL: Crea una Aplicación 3D Animada

Venezuela - WebGL: Crea una Aplicación 3D Animada

Polska - WebGL: Create an Animated 3D Application

United Kingdom - WebGL: Create an Animated 3D Application

South Korea - WebGL: Create an Animated 3D Application

Pakistan - WebGL: Create an Animated 3D Application

Sri Lanka - WebGL: Create an Animated 3D Application

Bulgaria - WebGL: Create an Animated 3D Application

Bolivia - WebGL: Crea una Aplicación 3D Animada

Indonesia - WebGL: Create an Animated 3D Application

Kazakhstan - WebGL: Create an Animated 3D Application

Moldova - WebGL: Create an Animated 3D Application

Morocco - WebGL: Create an Animated 3D Application

Tunisia - WebGL: Create an Animated 3D Application

Kuwait - WebGL: Create an Animated 3D Application

Oman - WebGL: Create an Animated 3D Application

Slovakia - WebGL: Create an Animated 3D Application

Kenya - WebGL: Create an Animated 3D Application

Nigeria - WebGL: Create an Animated 3D Application

Botswana - WebGL: Create an Animated 3D Application

Slovenia - WebGL: Create an Animated 3D Application

Croatia - WebGL: Create an Animated 3D Application

Serbia - WebGL: Create an Animated 3D Application

Bhutan - WebGL: Create an Animated 3D Application

Nepal - WebGL: Create an Animated 3D Application

Uzbekistan - WebGL: Create an Animated 3D Application