文件名称:harmonyos2-Project5-WebGL:WebGL着色器简介
文件大小:5.29MB
文件格式:ZIP
更新时间:2024-07-21 09:15:17
系统开源
和声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)