使用GLSL实现的海洋效果 【转】

最新推荐文章于 2023-03-20 01:27:01 发布
最新推荐文章于 2023-03-20 01:27:01 发布
阅读量473 收藏
点赞数
文章标签： php

http://bbs.osgchina.org/viewthread.php?tid=342&extra=page%3D3

 

虽说自己原创的部分并不算多,不过总算是调试通过了，中间有多次严重的死机……估计该换新显卡了~~不过最后的效果还蛮不错？

实现海洋平面的GLSL源代码来自：http://emiug.alanabram.co.uk，感觉他的代码比Bonzai公司的要简单些（后者需要水面纹理的反射/散射/法线/深度/Dudv贴图，3DVRI实现的水面效果好像也与之类似）。不过我个人还是GLSL的初学者，没资格多评论~~

OSG程序中，注意所需的uniform变量包括：LightPos，time，normalMap和cubeMap。后两者属于纹理采样器，在OSG中需要使用
osg::Uniform( "normalMap", 0 )和osg::Uniform( "cubeMap", 1 ) 来指定纹理采样器对应的纹理单元，同时使用setTextureAttributeAndModes在对应的纹理单元设置正确的贴图图样。

至于海洋效果的实现，应该说属于数学范畴吧~~大家不妨从附件的代码中了解一二。
使用 GLSL可以实现许多让人瞠目结舌的三维特效，可惜现在国内这方面的研究资料这好像同样很少，相关书籍也只有翻译的《OpenGL Shading Language》一本，希望能有更多的朋友分享自己的经验和成果。就像这位与我们并不相识的Alan ABram一样~~


weixin_34356138
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
OpenGL_ES之GLSL自定义粒子效果.zip
08-10
OpenGL_ES之GLSL自定义粒子效果:运用GLSL自定义着色器实现粒子的不同展示效果,自定义粒子的简单封装、粒子创建使用等
中级Shader教程04 2D海洋
JiepengTan‘s blog专栏
04-22 3977
本篇主要技术点有： 1. sin波函数的理解和应用 2. 极坐标+sin 对于波动圆环的实现 3. 2D模拟3D中”分层”的概念 1.原理： sin函数是周期函数，对于无限重复的现象是一种很好的模拟 类似傅里叶变换一样，复杂的函数可以用简单的sin cos 组合进行比逼近 波浪这种效果是一种典型。 2.分析： 1.云的实现 形状:多个不同大小，偏移的...
Unity 粒子海洋效果实现
薛昭君的博客
04-25 8816
截图：关键信息：柏林噪声：一个噪声函数基本上是一个种子随机发生器。它需要一个整数作为参数，然后根据这个参数返回一个随机数。如果你两次都传同一个参数进来，它就会产生两次相同的数 API注解 在Unity里通过mathf使用柏林噪声，传入的参数是一个平面的坐标，对应一个坐标，每次返回的都是相同的值Gradient : 渐变，使用时要在在相应的面板上修改颜色 添加ParticalSystem组件：也要修
ThreeJS 着色器打造震撼海洋动画
liu_lin_sp的博客
01-25 7036
高颜值的网页往往能够吸引更多的用户，随着用户审美的提高，普通的图片拼凑的网站已经很难引起用户的兴趣，将一些动画用在网页中往往更能吸引眼球。下面介绍如何使用WebGL渲染器实现震撼的动画效果。 1. 选择着色器 shadertoy是一个着色器分享交流的网站，网站有很多附带源码的着色器，我们可以选择自己喜欢的着色器，实现酷炫的动画背景。我以一款大海效果的着色器作为示例，源码如下： /* * "Se...
OGRE学习笔记–Hydrax海洋插件
月下 读书笔记
03-09 1729
<br /><br />http://www.ispinel.com/2010/06/13/1122<br /> <br />Hydrax插件实现的海洋效果实在太Cool了！这是她的首页：<br />http://www.ogre3d.org/wiki/index.php/Hydrax<br />这个插件实现的海洋效果真的太棒了，光的刻蚀，光线折射，海波，海的腐蚀，投影，水面效果，等等各种效果应有尽有。是一个非常非常漂亮的OGRE插件。<br />要使用这个插件，你得需要先下载这个：Hydrax/Demo
html海洋动态效果图,利用HTML5实现3D海洋粒子动画特效
weixin_34377744的博客
06-03 606
特效描述：利用HTML5实现 3D海洋粒子 动画特效。利用HTML5实现3D海洋粒子动画特效代码结构1. HTML代码/***3D海洋效应与 Canvas2D* 您可以更改注释 "效果属性" 下的属性*/// Init Contextlet c = document.createElement('canvas').getContext('2d')let postctx = document.bod...
GLSL opengl Shader 火焰效果实现
03-12
本部分包含火焰效果的两个特效文件 只要将文件拖入gpu文档即可运行该效果
glsl-hsl2rgb:GLSL 中 HSL 到 RGB 颜色的转换
06-11
glsl-hsl2rgb GLSL 中的 HSL 到 RGB 颜色转换。 #pragma glslify : hsl2rgb = require(glsl - hsl2rgb) ... // 75deg hue, 50% sat, 25% lightness vec3 rgb = hsl2rgb( 75.0 / 360.0 , 0.5 , 0.25 ); gl_...
Shader实现海水波浪GLSL源码
12-21
Shader实现海水波浪GLSL源码，通过修改unityshader植入相关代码便可实现。
Shader实现水波纹GLSL源码
08-16
Shader实现水波纹GLSL源码，通过修改unityshader植入相关代码便可实现。
Unity 3D 海水的实现1 海水网格的生成 LOD优化海水
暗光之痕的博客
03-01 7087
版本：unity 5.4.1  语言：C#   第九章是海水，整整用了70多页，但是并没有什么用，还是要自己去看代码揣摩其中的含义。   既然讲到海水，我就想认真的学一下，看看书上的实现过程，再网上找找海水的文章做一下汇总，一片的篇幅肯定是装不下的。我对水的实现是非常执着的，起因的话要说到Minecraft的Shadows Mod，这里就不展开了。   没有学到Shader是致命的硬伤
Unity学习笔记--unity中使用ShaderGraphs制作海水UV动画效果
翻肚鱼儿的博客
06-16 2592
unity 学习
OSGEarth简单实现FFT海洋
qq_45523399的博客
03-20 778
OSGEarth简单实现FFT海洋。
osg通过glsl实现一个平面的水效果(法线贴图) 【转】
weixin_34247299的博客
06-23 907
转自 http://blog.sina.com.cn/s/blog_78ea87380101ehk3.html 此文实现一个简单的的水面效果，主要是法线贴图， 效果图如下：   此文分为三部分：vertexShader， fragmentShader， main;   vertexShader：   varying vec3 lightdir;           //切线空间灯...
ShaderJoy —— 简单的粒子雨特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-07 2017
效果图 粒子雨效果 完整代码和注释 #define PI 3.14159 #define TAU 6.28318 #iUniform float A = 55. in {0., 300.} #iUniform float B = 35. in {0., 300.} #iUniform float C = .25 in {0., 1.} #iUniform float D = 64. in {0., 200.} #iUniform float E = 5. in {0., 20.} #...
纯GLSL分步实现电影般画面的湖光山色＜Step2＞: 艳阳蓝天和碧水(WebGL实现)
vily_lei的专栏
10-19 1034
上一篇:https://blog.csdn.net/vily_lei/article/details/83144725 这一篇加了水，模拟了水面的反射和折射。 Demo1(水面只有反射和自发光):http://www.artvily.com/sdf?sample=column&amp;clip=lakeMountain/baseLake2 precision highp float;...
ShaderJoy —— 烟花爆炸特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
06-13 2860
效果图 烟花爆炸效果 核心算法解析 粒子的扩散 首先，通过时间 id （取整操作），随机出烟花的爆炸（初始）点位置 p 。 然后再针对烟花爆炸出的每个粒子，随机得到它们各自的运动方向。 粒子的运动（初始点和下落的终点之间的插值）和时间满足如下函数关系： float pt = 1. - pow(t - 1., 2.); vec2 pos = mix(p, endP, pt); 显然，粒子的运动是一个从快到慢的过程，如下图所示。 pt 的变化 同时还让烟花的...
ShaderJoy —— “火苗”特效的实现与详解【GLSL】
ShaderJoy 的兴趣技术杂货铺
08-02 7308
基本算法参考自《GLSL 做一个动态的火苗》 效果图 我加了点自己的修改和解析，如下： #ifdef GL_ES precision mediump float; #endif uniform float time; const vec2 resolution = vec2(640.0, 640.0); void main( void ) { vec2 po...
GLSL实现水面倒影
yangchuankai's blog
12-24 5570
使用两相机，一个master相机， 主要负责场景的渲染， 另一个rtt相机， 和master相机建立为镜面投影相机，用于在和master相机的纵向镜像投影，从而获取master投影场景的逆场景， 渲染到纹理，进行镜面贴图，实现水面的倒影效果。 效果如图： 实现代码(需要一张天空背景图， 一张water法线图)： vertex shader： varying ve
cesium 使用glsl 实现体渲染代码
最新发布
05-10
Cesium是一个基于WebGL的虚拟地球和空间数据可视化平台，它的体渲染功能是通过GLSL实现的。以下是一个简单的体渲染代码示例： ```glsl uniform sampler3D volume; // 三维纹理 uniform vec3 volumeResolution; // ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值