-
实现作业以WebGL实现，选择完成全部指定任务。
-
该实验项目所含内容已全部上传至
github个人网页 -
可在浏览器内打开文件夹内
html文件，观察实验效果。-
其中，任务四包含图像纹理，需通过服务器打开。
推荐方式：
- 通过
vscode的Live Server插件，选择html文件、右键、选择Open with Live Server - 通过
github个人网页打开
- 通过
-
WebGL
│ readme.md
│
├─Hello world
│ 2d-matrices.css
│ 2d-matrices.html
│ 2d-matrices.js
│ 2d-rotation.css
│ 2d-rotation.html
│ 2d-rotation.js
│ 2d-scale.css
│ 2d-scale.html
│ 2d-scale.js
│ 2d-translation.css
│ 2d-translation.html
│ 2d-translation.js
│ 3d-camera.css
│ 3d-camera.html
│ 3d-camera.js
│ 3d-lighting-directional.css
│ 3d-lighting-directional.html
│ 3d-lighting-directional.js
│ 3d-lighting-point.css
│ 3d-lighting-point.html
│ 3d-lighting-point.js
│ 3d-lighting-spot.css
│ 3d-lighting-spot.html
│ 3d-lighting-spot.js
│ 3d-orthographic.css
│ 3d-orthographic.html
│ 3d-orthographic.js
│ 3d-perspective.css
│ 3d-perspective.html
│ 3d-perspective.js
│ 3d-textures.css
│ 3d-textures.html
│ 3d-textures.js
│ fundamentals.html
│ fundamentals.js
│ how-it-works.css
│ how-it-works.html
│ how-it-works.js
│ shadows.css
│ shadows.html
│ shadows.js
│ tutorial.css
│ tutorial.html
│ tutorial.js
│
├─homework1
│ main.html
│ main.js
│ readme.md
│ result.png
│ tmp.html
│ tmp.js
│
├─homework2
│ main.css
│ main.html
│ main.js
│ readme.md
│ result.png
│
├─homework3
│ lighting-directional.css
│ lighting-directional.html
│ lighting-directional.js
│ lighting-directional.png
│ lighting-point.css
│ lighting-point.html
│ lighting-point.js
│ lighting-point.png
│ lighting-spot.css
│ lighting-spot.html
│ lighting-spot.js
│ lighting-spot.png
│ main.css
│ main.html
│ main.js
│ perspective.png
│ readme.md
│ shadows.css
│ shadows.html
│ shadows.js
│ shadows.png
│ tetrahedron3.png
│ tetrahedron4.png
│ tetrahedron5.png
│ tetrahedron6.png
│
├─homework4
│ main.css
│ main.html
│ main.js
│ readme.md
│ result.png
│ texture.png
│
└─resources
board.png
board_scaled.png
board_scaled.psd
f-texture.png
id.png
id.psd
id_reversed.png
jquery-1.7.1.min.js
jquery-gman-circle.js
jquery-ui-1.8.16.custom.css
jquery-ui-1.8.16.custom.min.js
jquery.gman.ui.js
jquery.mousecapture.js
m4.js
neg-x.jpg
neg-y.jpg
neg-z.jpg
pos-x.jpg
pos-y.jpg
pos-z.jpg
primitives.js
star.png
star.psd
star_empty.png
webgl-lessons-ui.js
webgl-utils.js
webgl.css
-
Hello world文件夹为完成实验作业过程中学习、试验内容 -
homework1-4对应四个任务 -
resources文件夹包含- 贴图，使用
PhotoShop制作贴图时的psd文件 - 扩展文件，所有内容仅为
Hello world及非实验重点内容中使用，如绘制线框、UI。实验主要内容未调用任何相关文件。
- 贴图，使用