【文件属性】:
文件名称:harmonyos2-Project5-WebGL:WebGL着色器简介
文件大小:5.29MB
文件格式:ZIP
更新时间:2021-07-01 15:28:37
系统开源
和声2
CIS565:项目
5:WebGL
2014年秋天
2014
年
3
月
11
日星期一到期
笔记:
该项目需要任何支持现代
OpenGL
管道的显卡。
过去几年的任何
AMD、NVIDIA
或
Intel
卡都应该可以正常工作,并且
SIG
实验室和
Moore
100
中的每台机器都能够运行该项目。
该项目还需要支持
WebGL
的浏览器。
众所周知,该项目在
Windows
上的
Chrome
存在问题,但
Firefox
似乎运行良好。
介绍:
在这个项目中,您将通过两个部分介绍
GLSL
的世界:顶点着色和片段着色。
该项目的第一部分是图像处理器,该项目的第二部分是波浪顶点着色器。
在本项目的第一部分,您将实现
GLSL
顶点着色器作为
WebGL
演示的一部分。
您将使用完全在
GPU
上运行的代码创建动态波浪动画。
在本项目的第二部分,您将实现
GLSL
片段着色器以在
WebGL
中渲染交互式地球。
这将包括纹理混合、凹凸贴图、镜面反射蒙版和添加云层,让您的地球拥有独特的感觉。
内容:
Project5
根目录包含以下子目录:
js/
包含必要的
javascr
【文件预览】:
Project5-WebGL-master
----assets()
--------earthtrans1024.png(285KB)
--------earthcloud1024.png(735KB)
--------earthlight1024.png(327KB)
--------earthmap1024.png(613KB)
--------earthbump1024.png(93KB)
--------earthspec1024.png(69KB)
----resources()
--------globe_specmap.png(251KB)
--------globe_night.png(293KB)
--------globe_day.png(372KB)
--------globe_bumpmap.png(371KB)
--------globe_nospecmap.png(244KB)
--------oceanWave.png(184KB)
--------sinWaveGrid.png(207KB)
--------globe_initial.png(220KB)
--------globe_twilight.png(378KB)
--------globe_daycloud.png(376KB)
--------globe_nightcloud.png(246KB)
--------emptyGrid.png(42KB)
----js()
--------webGLUtility.js(4KB)
--------lib()
--------frag_globe.js(11KB)
----.DS_Store(6KB)
----vert_wave.html(6KB)
----README.md(16KB)
----frag_globe.html(4KB)