osg通过glsl实现一个平面的水效果(法线贴图)

2024-09-07

osg通过glsl实现一个平面的水效果(法线贴图) 【转】

转自 http://blog.sina.com.cn/s/blog_78ea87380101ehk3.html 此文实现一个简单的的水面效果,主要是法线贴图, 效果图如下: 此文分为三部分:vertexShader, fragmentShader, main; vertexShader: varying vec3 lightdir; //切线空间灯光向量; varying vec3 eyedir; //切线空间眼点向量; varying v

一个有趣的模拟光照的shader(类似法线贴图)

最近使用unity,碰到到一个很有趣的例子.场景无光线,却模拟出了光照,效果挺好.其思路与法线贴图原理异曲同工. 原作者提供的效果印象深刻. 模型除了使用原来的diffuse贴图外,还用到了一张模拟记录了"光照"信息的贴图(见机器人头上的贴图).这一点与法线贴图是一致的. 这个方法比较简单,也比较死.思路很巧. 分析一下贴图,有效范围基本是一个圆形.以前在学习法线贴图时,就遇到过法线投射在贴图的情景(http://www.cnblogs.com/flytrace/p/3387748.h

已知有两个水杯，一个11L一个7L，水可以任意使用，求怎么得到2L 的详细解法

问题:有两个水杯,一个是11L一个是7L,水可以随便用,怎么得到2L 1.了解问题的本质问题中给出了两个杯子,只有这两个杯子有量度,所以只能让杯中的水满进满出才能确定杯子中最后有多少水. 现在问题要求通过两个杯子中水的倒进倒出,最后正好多出2L. 我们不难想到,想要得到这2L,有两种方式: 1>给11L装满,然后倒进7L,然后剩下的倒进7L,再给11L倒满……(简单说:从11L满进,从7L满出) 2>给7L装满,然后倒进11L,然后剩下的倒进11L,再给7L倒满……(简单说:从7L满进,从1

使用Unity实现动态2D水效果

http://forum.china.unity3d.com/thread-16044-1-1.html 在这片教程里面我们将会用简单的物理效果来模拟动态的2D水效果.我们将会使用Line Renderer,Mesh Renderer,触发器(Trigger)和粒子来创造这个水效果.最终的的效果将会包含波浪和水花溅起的特效,你可以直接加入自己的游戏中.你可以在文章的结尾下载此工程.当然,本文中使用的制作原理可以应用于任何游戏引擎之中. 最终效果本教程要实现的最终效果如下: 设置水管理器第一步

一个不错的loading效果--IT蓝豹

一个不错的loading效果介绍:一个不错的loading加载效果,弹性收缩,效果不错,学习android动画的朋友可以下载来研究研究本例子其实由SeekBar实现,由MetaballView,MetaballDebugView实现动画效果.项目来自:http://www.itlanbao.com/code/20151209/10000/100683.html当滑动到有一个位置的时候设置选中和未选中状态.metaballView.setPaintMode(); debugM

一个Banner广告收缩效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>一个Banner广告收缩效果</title

利用jquery+iframe做一个ajax上传效果

以下是自学it网--中级班上课笔记网址:www.zixue.it html页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"

Css实现一个简单的幻灯片效果页面

使用animation动画实现一个简单的幻灯片效果. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 /**HTML**/ div.ani /**css**/ .ani{ width:480px; height:320px; margin:50px auto; overflow: hidden; box-shadow:0 0 5px rgba(0,0,0,1); b

SceneKit做一个旋转的地球效果

SceneKit可以用寥寥几行帮你完成很多OpenGL复杂的3D设置代码,下面本猫就带大家完成一个旋转的3D地球的场景. 首先需要地球表面图片,将其导入到Xcode中: 我们用SceneKit内置的几何球体类创建一个球的实例,并且将地球表面图片应用在球的表面上: let globe = SCNSphere(radius: 15.0) let globeNode = SCNNode(geometry: globe) globeNode.position = SCNVector3(x: 20, y:

JaveWeb 公司项目（1）----- 使Div覆盖另一个Div完成切换效果

最近在做网页,用的是CSS+DIV的布局方法,搭建了一个简易的界面,大体上分为三个部分,如图所示: 左侧的为主功能导航栏,右侧是具体的功能实现,下方是固定的版权声明,单击左边不同的导航按钮,在div中放置不同的界面,最先的做法是每个功能写一个jsp文件,在主界面中通过.load()方法加入jsp文件,后来觉得jsp文件太多想合并到一个界面上来,通过div覆盖的方式,显示不同的界面,这时候问题来了,我事先放置了一个div文件,效果如图所示: 表格放置在指定的位置,我想先把表格隐藏,用了displa

【前端】用javaScript实现实现一个球池的效果

ballPool 用javaScript实现实现一个球池的效果,实现效果如下所示: 动图: 截图: HTML代码: <!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>ball pool</title> <link rel="stylesheet" href="css/style.css"> &

用vue写一个仿简书的轮播图

原文地址:用vue写一个仿简书的轮播图先展示最终效果: Vue的理念是以数据驱动视图,所以拒绝通过改变元素的margin-top来实现滚动效果.写好css样式,只需改变每张图片的class即可实现轮播效果.可以将轮播图看成两个,如图所示: 写好每个class的样式: $width: 800px; // 容器宽度 $height: 300px; // 容器高度 $bWidth: 500px; // 大图片宽度 $sWidth: $width - $bWidth; // 小图片宽度 $sHeigh

anime.js 实战：实现一个带有描边动画效果的复选框

在网页或者是APP的开发中,动画运用得当可以起到锦上添花的作用.正确使用动画,不但可以有助于用户理解交互的作用,还可以大大提高网页应用的魅力和使用体验.并且在现在的网页开发中,动画已经成为了一个设计的标准,变得越来越重要.特别是在一些和用户交互的地方,使用动画能更好的給用户以反馈,提升用户的操作体验. 在网页开发中,有很多种技术来实现动画.在这篇文章中,我们使用anime.js这个轻量强大的javascript动画库来编写动画效果.使用它可以非常方便创建和管理动画.如果你还不是很熟悉这个库的使用

如何实现 Https拦截进行非常规“抓包” 珍惜Any 看雪学院今天前段时间在自己做开发的时候发现一个很好用的工具，OKHttp的拦截器（何为拦截器？就是在每次发送网络请求的时候都会走的一个回调）大概效果如下：

如何实现 Https拦截进行非常规“抓包” 珍惜Any 看雪学院今天前段时间在自己做开发的时候发现一个很好用的工具,OKHttp的拦截器(何为拦截器?就是在每次发送网络请求的时候都会走的一个回调)大概效果如下:

两种方法使用js读写cookie实现一个底部广告浮层效果

下面一个案例实现了js实现一个页面浮层并且使用两种方法使用js读写cookie:来实现用户关闭广告的显示状态: 读者可以将下面代码复制到一个html文件试试效果:html的pre标签未两种js实现的方式 <!DOCTYPE HTML> <html> <head> <meta content="text/html;charset=utf-8" http-equiv="Content-Type"/> <meta co

hdu 2050:折线分割平面（水题，递归）

折线分割平面 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submission(s): 13355 Accepted Submission(s): 9247 Problem Description 我们看到过很多直线分割平面的题目,今天的这个题目稍微有些变化,我们要求的是n条折线分割平面的最大数目.比如,一条折线可以将平面分成两部分,两条折线最多可以将平面分

osg::NodeVisitor中计算一个节点对应的世界变换矩阵、法向量、顶点坐标

class MyNodeVisitor:public osg::NodeVisitor { pulic: MyNodeVisitor():osg::NodeVisitor(osg::NodeVisitor::TRAVERSE_ALL_CHILDREN) {} void apply(osg::Geode& geode) { //计算当前geode节点对应的世界变换矩阵,用来计算geode中顶点对应的世界坐标 osg::Matrix geodeMatrix=osg::computeLocalToWo

GLSL实现Simple Displace Mapping 水仿真流体绘制【转】

http://blog.csdn.net/a3070173/archive/2008/11/20/3342062.aspx Dislace Mapping其实就是在顶点着色器中对顶点进行置换偏移,经常用于水仿真流体绘制. 顶点着色器: uniform float g_fScale; uniform sampler2D g_DisplaceTexture; void main() { float fDisplace = texture2DLod(g_DisplaceTexture, gl_Mul

【ECNU71】一个游戏（水题）

点此看题面大致题意: $n$种元素,有若干组将$x$元素转化为$y$元素的操作.问对于所有可能的元素拥有状况,改变转化操作的顺序,是否会影响转化后最终的结果. 水题虽说是这么水的题,但毕竟还是模拟赛题,所以照例写一下题解吧... 首先,若对于两组转化操作$(a,b),(c,d)$,$a,b,c,d$各不相同,显然它们是互不影响的. 否则,我们分下面几类考虑: $(a,b),(a,c)$,显然,先$(a,b)$则$a$会变成$b$,先$(a,c)$则\(

Fill-倒水问题(Uva-10603-隐式图路径寻找问题)

原题:https://uva.onlinejudge.org/external/106/10603.pdf 有三个没有刻度的杯子,它们的容量分别是a, b, c, 最初只有c中的杯子装满水,其他的被子都是空的.问如果通过倒水得到d升水, 若可以得到,还要求最少的倒水总量(每倒一次水,都加入到总量里).若不能得到d升水,求比d小的距离d最近的d'升水, 及最少倒水总量. 分析: 因为是求最少倒水总量,本能地想到用bfs搜索.最开始读错题了...看成求倒水的最少次数,这个很简单.....我们可以把求

osg通过glsl实现一个平面的水效果(法线贴图)

热门专题