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