放松一下眼睛,WebGL带你看惟妙惟肖的大海

开发 前端
照明是一个反射照明的叠加,这取决于表面法线向量与噪音产生照明。机芯表面是10正弦波的叠加。波的振幅和速度是有界的经验规律wavelenghts。

这是一个海洋模拟。您可以调整9设置得到一个平静的热带海洋或经历一场风暴的一个黑暗的海洋。你可以保存你的设置。

水的表面是一个球面。这是两个纹理映射:背景纹理和海底纹理。对于每个面的顶点,我们使用GLSL的职能反映和折射UV映射的纹理计算与笛卡尔的物理规律。

照明是一个反射照明的叠加,这取决于表面法线向量与噪音产生照明。机芯表面是10正弦波的叠加。波的振幅和速度是有界的经验规律wavelenghts。

简介:这是一个海洋模拟。您可以调整9设置得到一个平静的热带海洋或经历一场风暴的一个黑暗的海洋。你可以保存你的设置。

效果图:

提醒:一些应用需要开启WebGL,才能看到效果,哪些浏览器支持WebGL?

要运行WebGL,你必须有一个支持它的浏览器,比如:

Google Chrome 9+

Mozilla Firefox 4+

Safari 5.1+(仅限于Mac OS X操作系统)

Opera Next 即 Opera 12 alpha及以上版本IE9+但是IE并不支持WebGL,不过你可以通过下载并安装IEWebGL这个插件,或者Google Chrome Framework来运行一些WebGL应用。

同时,你还需要一块好的显卡,并安装了***的显卡驱动;这只是使你能够运行WebGL的基本要求,如果想要在一些复杂的应用中保证显示效果,那你需要一块更好的显卡。

所使用的技术:

JavaScript;WebGL

在线观看

原文链接:http://www.w3cfuns.com/thread-5591724-1-3.html

【编辑推荐】

  1. 8个效果惊人的WebGL/JS演示
  2. WebGL: 为浏览器提供3D显示支持
  3. JavaScript,只有你想不到
  4. 如何优化你的JS代码
  5. 另一款有意思的JS图片放大镜
责任编辑:张伟 来源: 前端开发网
相关推荐

2020-02-10 14:26:10

GitHub代码仓库

2020-12-10 08:44:35

WebSocket轮询Comet

2022-03-07 06:34:22

CQRS数据库数据模型

2019-11-28 10:40:45

Kafka架构KafkaConsum

2021-06-29 19:27:53

JAVA方法接口

2022-07-20 08:55:02

区块链技术数据记录

2021-11-09 08:57:13

元宇宙VR平行时空

2019-01-28 11:35:20

阿里云开源实时计算平台

2016-06-06 10:12:16

摄像头智能硬件

2010-01-04 13:11:34

骨干交换机

2021-04-21 14:19:52

javaignalHandle接口

2022-04-11 08:08:52

OpenGauss数据库接口

2020-03-01 17:53:38

Excel大数据微软

2013-07-31 17:47:16

网站制作Web制作Web网站

2017-07-14 14:12:10

AndroidRecyclerVie

2021-12-27 18:00:30

对象数组Java

2009-11-17 11:14:25

Oracle扩展

2021-05-31 06:00:55

Python 3.4枚举开发

2011-10-12 11:07:12

iCloudiOS5苹果

2015-06-04 13:38:17

点赞
收藏

51CTO技术栈公众号