不想再往玻璃的那边看

最新推荐文章于 2023-06-13 19:07:26 发布
最新推荐文章于 2023-06-13 19:07:26 发布
阅读量533 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： H：生活感悟 文章标签： 敏捷
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/solarium/article/details/3260160
曾有人做过实验，将一只最凶猛的鲨鱼和一群热带鱼放在同一个池子，然后用强化玻璃隔开，最初，鲨鱼每天不断冲撞那块看不到的玻璃，耐何这只是徒劳，它始终 不能过到对面去，而实验人员每天都有放一些鲫鱼在池子里，所以鲨鱼也没缺少猎物，只是它仍想到对面去，想尝试那美丽的滋味，每天仍是不断的冲撞那块玻璃， 它试了每个角落，每次都是用尽全力，但每次也总是弄的伤痕累累，有好几次都浑身破裂出血，持续了好一些日子，每当玻璃一出现裂痕，实验人员马上加上一块更 厚的玻璃。

　　后来，鲨鱼不再冲撞那块玻璃了，对那些斑斓的热带鱼也不再在意，好像他们只是墙上会动的壁画，它开始等着每天固定会出现的 鲫鱼，然后用他敏捷的本能进行狩猎，好像回到海中不可一世的凶狠霸气，但这一切只不过是假像罢了，实验到了最后的阶段，实验人员将玻璃取走，但鲨鱼却没有 反应，每天仍是在固定的区域游着它不但对那些热带鱼视若无睹，甚至于当那些鲫鱼逃到那边去，他就立刻放弃追逐，说什么也不愿再过去，实验结束了，实验人员 讥笑它是海里最懦弱的鱼。

　　


      我不想再往玻璃的那边多看一眼～
win10 uwp 毛玻璃
lindexi
06-19 6172
毛玻璃在UWP很简单，不会和WPF那样伤性能。 本文告诉大家，如何在 UWP 使用 win2d 做毛玻璃。毛玻璃可以使用 win2D 方法，也可以使用 Compositor 。使用 win2d 得到软件内控件毛玻璃，而使用 Compositor 可以获得窗口毛玻璃。
UE4 制作玻璃材质总结
weixin_44928892的博客
12-17 8107
玻璃材质总结 材质基本项的设置： 混合模式选：半透明 光照模式可选：表面半透明体积（开销较小） 表面前向着色（开销较大,效果更好） 二者计算复杂度相差400 玻璃效果的实现： 粗糙度：一般设为0即可 金属感（或者选高光度，二者效果几乎相同）：视情况调整，主要影响材质的反射效果 不透明度：视情况调整 折射：应用在球体上的宏观表现：>1，表现为缩小 ...
玻璃及玻璃转变（Glass transition）
qq_32515081的博客
10-04 9439
玻璃是一种非结晶的，通常是透明的非晶态固体，它有广泛的实用，技术和装饰用途，例如，在窗玻璃，餐具和光学。玻璃通常是通过熔融形式的快速冷却（淬火）而形成的;有些玻璃如火山玻璃是自然形成的。最熟悉的，也是历史上最古老的人造玻璃类型是“硅酸盐玻璃”，这种玻璃基于化合物二氧化硅（二氧化硅或石英），是沙子的主要成分。钠钙玻璃含有约 7070%70 的二氧化硅，约占人造玻璃的 9090%90。尽管无硅玻璃在现代通信技术中通常具有理想的应用性能，但在流行用法中，玻璃这个术语通常只用于指这种类型的材料。有些物品，如水杯和眼
说你玻璃心的就想免费耍流氓
安晓辉生涯——聚焦程序员的职业规划与成长
03-28 5319
领导虐你还说你是玻璃心？No，这世上就没什么玻璃心，只有和你不对付的环境以及不对付的人！
QT实现毛玻璃窗口
QtHalcon
09-08 5899
最近想做一个毛玻璃的窗口效果，经过一番折腾终于搞出了 先上效果 程序代码： #ifndef SYSDIALOG_H #define SYSDIALOG_H #include <qdialog.h> #include <QGraphicsBlurEffect> #include <QGraphicsPixmapItem> #include <QPaintEvent> #include <QPainter> #include <QT
5分钟用CSS实现毛玻璃效果 CSS Glassmorphism
热门推荐
AlbertYang的博客
12-23 1万+
目录 1 视频 2 知识点 2.1CSS calc() 函数 2.2 CSS var() 函数 2.3 backdrop-filter 2.4 CSS3box-sizing属性 2.5 实现思路 3 参考代码 3.1 HTML 3.2 CSS 1 视频 视频地址：https://www.bilibili.com/video/BV1Ny4y1U7hp 5分钟实现CSS毛玻璃效果，王冰冰照片毛玻璃效果 2 知识点 2.1CSS calc() 函数 CSS cal...
Unity Shader 玻璃材质
你只管努力，其他的，交给天意！
09-10 4510
玻璃材质 要知道玻璃的实现原理那么首先要知道玻璃的原理。 在现实世界的情况下： 1.在正常透明不模糊的玻璃下，透过玻璃看外界，基本上和不用玻璃没有太大差别。基本上就是透视。 2.在模糊的玻璃下，透过玻璃看外界，可以看到因为玻璃模糊导致透过玻璃看到的外界画面有点扭曲不清楚的感觉。这是一种模糊的扰动现象。 3.在漆黑的玻璃下，或者晚上，我们透过正常不模糊的玻璃看想外界时会发现看不到任何东西，反而看到的是自己在镜子里的样子。这是一种反射现象。 由上可以不同时间的玻璃影响可得到玻璃的三个效果，正常透视、模糊扰动、以
【UE】玻璃材质
ChaoChao66666的博客
06-13 3096
【UE】玻璃材质
毛玻璃，磨砂玻璃材质，shader笔记
勥小透明
02-27 5145
最近需要用到这个shader，就稍微研究了一下，这里做一下笔记，免得回来自己忘了～思路： 其实没什么好多的，看了不少文章，其实都是分为3步完成。 1，先建一个平面出来（也可以是个精灵），来显示效果。当然你要是准备做屏幕特效那就当我没说，这里不讨论了，只是用法不同。 2，建立我们的shader，我们先用 unity 自带的 GrabPass 采样到当前平面下的像素数据（你就可以想象成屏
科沃斯擦窗机器人擦不干净怎么办_科沃斯窗宝能擦到玻璃的边角么想买个擦窗机器人,就是担心擦不干净,尤其是窗子边角的地方,要是还要人返工,那不如找钟点工来擦了...
weixin_36180471的博客
12-23 2784
擦窗机器人哪家的好当然是科沃斯啦，自从2011年推出全球首款家用自动擦窗机器人窗宝5系以来，科沃斯在这个领域的探索和创新未曾止步。目前，窗宝有7系、8系及9系等产品，分别针对不同的家庭需求。窗宝拥有47项产品专利和19项技术发明专利，并多次荣获国内外大奖，在擦窗的专业性上毫不逊色。###对于窗说，它强劲的吸附力能确保窗宝与清洁材质之间紧密贴合，两者之间的作用力能有效地保证擦拭效果。同时，包围式的清...
玻璃裁切计算器 DIY玻璃鱼缸计算器 v1.01
10-29
在当今这个时代，DIY已经成为了一种生活态度，人们更愿意通过自己的双手去创造自己想要的东西。而在众多的DIY项目中，制作一个个人化的鱼缸是一项既有趣又具挑战性的活动。《DIY鱼缸亚克力与玻璃裁切尺寸费用计算器...
iOS自定义collectionView实现毛玻璃效果
09-01
在iOS开发中，毛玻璃效果（也称为模糊效果或Blurred Effect）是一种流行的设计趋势，自iOS 7以来被广泛应用于系统界面，以增加界面的深度和美感。本篇文章将介绍如何通过自定义UICollectionView实现毛玻璃效果。我们...
CSS3 毛玻璃效果
12-14
在网页设计中，"毛玻璃效果"是一种流行的设计趋势，它可以使页面看起来更加立体和有深度。这种效果通常通过模糊背景图像来实现，使得前景内容更突出，同时为用户提供一种朦胧而美观的视觉体验。在CSS3中，我们可以...
Qt Windows下的毛玻璃效果
07-27
如果不想依赖WinAPI，可以考虑使用第三方库`libqwinblur`，它提供了一个Qt插件来实现高效模糊。安装并导入库后，只需在窗体上应用`QWinBlurEffect`即可。 总之，实现Qt在Windows下的毛玻璃效果需要结合半透明和模糊...
情人节·烟雨梧桐
风雨兼程
02-17 1541
 又是一年情人节，虽然不想知道今天是什么日子，但是只要尚未跳出三界之外,免不了会知道的，前一天晚上，几个同事一起，自助火锅，痛饮一翻，准备第二天睡上一天，谁知第二天不到七点就醒了，再也睡不着了。纷繁往事绕心头，物是人非几时休。。。赖床到9点，然后起床执行第二方案--去爬山。空降到闲人的队伍，一起拉磨逛公园，和那些熟悉的、陌生的山友们，一起投入到自然的怀抱，那种感觉，才是最自然的，才能让我暂时忘记那
!@#$%^&*
风雨兼程
11-05 1322
心，很乱，很累，已经对一直以来惯用的转移注意力的方式 产生了免疫，呆坐着，脑子想的东西很多很多，但是又不知道自己究竟在想什么，什么事情都不能引起我的兴趣。。。我可以对自己狠，对自己残酷，但是我无法对别人更残酷。。。
干嘛要听你那些伤心的事啊
风雨兼程
03-20 1219
    我干嘛要听你那些伤心的事啊，你有好消息肯定会告诉我的－－－－我相处七年的女朋友对我说的话。    忆经是我离职的第三个星期了，两个星期前，上天和我开了一个玩笑，已经找好一个我梦想中的工作，因为一个原因，又丢失了，很伤心。    又两个星期过去了，我还在找，每天除了去面试，就是在家里看书，看书。一个人在空荡荡的屋子里，很孤单，很凄凉，没人关心我心里的感受，如果我没有女朋友，我不会奢望有人会体
我们从来就没有认识过。。。
风雨兼程
12-14 1077
她又打电话过来，说这是她最后一次给我电话，只要求我满足她一个愿望：把我的地址和银行账号告诉她，把我送给她的相机，还有我给她的钱都还给我，然后把所有的联系方式都删除了，我们从来就没有认识过，这辈子也不会再见我。。。不知道为什么，我听到这些话，脑子里是一片空白，不知道自己应该怎么做。。。她不欠我什么，是我欠她的，在我上学很困难的时候，是她在帮我，当初我一个人来到深圳，把她扔在郑州，我做这个决定根本没和
又有事做了
风雨兼程
10-22 882
      几经修改，偶的邮件管理系统基本上算是完成了，可以交给老大使用了，也算是我在linux应用上做的第一个小项目，回首看一看，这过程还是比较艰难的。      在大学里，自己搞了四年的linux，基本上没怎么用过windows，毕业后学校网络中心的老师给我介绍一个博导的企业里，在那算是实习了几个月，拿到毕业证后，感觉郑州那边生活节奏太慢慢，整天懒懒散散，年轻人在那呆上一两年可能就没有什么上进
我想要碎玻璃那种分割
最新发布
03-19
<think>嗯，用户之前问过如何在Unity的Shader中实现随机分块位移，现在他们想要碎玻璃那种分割效果。我得先回顾之前的对话，确保这次回答能衔接上。 用户之前的分割方式是九宫格，现在想要更自然、像碎玻璃的效果。碎玻璃的特点是不规则的裂纹和碎片，边缘尖锐，可能有放射状或网状结构。所以，我需要考虑如何用Shader模拟这种效果。 首先，用户可能需要更复杂的随机分割方式，而不是均匀的网格。可能需要Voronoi图或者细胞噪声来生成类似玻璃碎裂的图案。不过Voronoi的实现可能比较复杂，尤其是需要考虑性能问题，毕竟在Shader里做太多计算会影响帧率。 另外，用户之前用的是条件判断来分块，这可能不够灵活。改用基于噪声或者过程生成的纹理可能会更好。比如，生成每个碎片的ID，然后根据ID计算位移，这样每个碎片可以独立移动。 还要注意碎片的边缘处理，可能需要添加高光或者边缘颜色来模拟玻璃的折射和反射。另外，裂纹的粗细和方向也是关键，可能需要结合多种噪声，比如Perlin噪声和Worley噪声，来增加细节。 用户之前的代码里用了固定的阈值分割，现在需要动态生成分块。可能需要预处理步骤，比如生成一张碎片贴图，或者在Shader里实时计算每个像素属于哪个碎片。这可以通过将UV空间划分成随机的小块来实现，比如使用随机旋转或平移的网格。 另外，用户可能希望碎片之间有微小的位移和旋转，而不仅仅是平移。这时候需要考虑使用UV的变换矩阵，或者对每个碎片应用随机的旋转和缩放，但这样计算量会更大，需要权衡效果和性能。 还要考虑时间因素，让裂纹随时间变化或者碎片逐渐分离。可能需要引入时间变量来控制噪声的演变，或者动态调整分割阈值。 最后，用户可能需要调整参数来控制碎片的密度、大小和形状，所以Shader的Properties部分需要添加相关变量，比如碎片数量、裂纹宽度、随机强度等。 总结下来，实现碎玻璃效果的关键点包括：使用Voronoi或细胞噪声生成碎片、动态随机分割、边缘高光处理、碎片位移和旋转、参数可调以及性能优化。需要一步步引导用户从简单的随机分块过渡到更复杂的碎裂效果，同时提供代码示例和参数说明，确保他们能够理解和应用。</think>要实现碎玻璃效果的分割方式，需要更有机的不规则裂纹形态和随机碎片分布。以下是基于Voronoi图（泰森多边形）和噪声的完整解决方案： --- ### 一、碎玻璃效果核心原理 1. **Voronoi分割**：模拟玻璃碎裂的细胞状结构 2. **边缘扰动**：添加裂纹细节和尖锐边缘 3. **光学效果**：折射/高光增强玻璃质感 --- ### 二、分步实现方案 #### 步骤1：生成Voronoi基础图案 ```glsl // 在片元着色器中定义 float2 uv = i.texcoord * _CellDensity; // 控制碎片密度 float2 gridUV = floor(uv); float2 fractUV = frac(uv); float minDist = 1.0; float2 closestPoint; // 生成随机特征点 for(int y=-1; y<=1; y++){ for(int x=-1; x<=1; x++){ float2 neighbor = float2(x, y); float2 randomOffset = hash2(gridUV + neighbor) * 0.5; float2 pointPos = neighbor + randomOffset; float2 diff = pointPos - fractUV; float dist = length(diff); if(dist < minDist){ minDist = dist; closestPoint = gridUV + pointPos/_CellDensity; } } } ``` #### 步骤2：添加裂纹细节（使用Perlin噪声） ```glsl // 裂纹噪声函数 float crackNoise(float2 uv){ float n = 0.0; float amp = 1.0; for(int i=0; i<3; i++){ n += amp * (1.0 - abs(snoise(uv * 5.0))); // 使用绝对值创造裂纹 uv *= 2.0; amp *= 0.5; } return saturate(n * _CrackIntensity); } // 生成裂纹遮罩 float cracks = crackNoise(closestPoint * 10.0); float isCrack = step(0.8, cracks); // 提取高强度区域 ``` #### 步骤3：碎片位移逻辑 ```glsl // 生成随机位移（每个碎片独立） float2 fragOffset = hash2(closestPoint) * 2.0 - 1.0; // [-1,1]范围 fragOffset *= _DisplacementStrength; // 应用位移（排除裂纹区域） float2 finalUV = i.texcoord + fragOffset * (1.0 - isCrack); ``` #### 步骤4：边缘高光模拟 ```glsl // 计算边缘梯度 float edge = smoothstep(0.0, 0.02, minDist * _CellDensity); float3 edgeColor = _EdgeColor.rgb * pow(edge, 5.0); // 最终颜色合成 fixed4 col = tex2D(_MainTex, finalUV); col.rgb = lerp(col.rgb, edgeColor, isCrack); ``` --- ### 三、完整Shader参数配置 ```glsl Properties { _MainTex ("Base Texture", 2D) = "white" {} _CellDensity ("碎片密度", Range(1, 50)) = 20 _DisplacementStrength ("位移强度", Range(0, 0.1)) = 0.05 _CrackIntensity ("裂纹强度", Range(0, 2)) = 1.0 _EdgeColor ("边缘颜色", Color) = (1,1,1,1) _Refraction ("折射强度", Range(0, 0.1)) = 0.02 } ``` --- ### 四、进阶优化技巧 #### 1. 动态碎裂动画 ```glsl // 随时间变化的位移 float2 timeOffset = float2(_Time.y * 0.3, _Time.y * 0.4); fragOffset = hash2(closestPoint + timeOffset); ``` #### 2. 折射效果增强 ```glsl // 基于法线的折射偏移 float2 refractUV = finalUV + (fragOffset * 0.5) * _Refraction; fixed4 refractCol = tex2D(_MainTex, refractUV); col.rgb = lerp(col.rgb, refractCol.rgb, 0.3); ``` #### 3. 多级碎裂结构 ```glsl // 第二层小碎片 float2 smallFragOffset = hash2(closestPoint * 5.0) * _SmallDisplacement; finalUV += smallFragOffset * step(0.7, hash1(closestPoint)); ``` --- ### 五、性能优化建议 1. **限制循环次数**：Voronoi的3x3邻域搜索已足够 2. **预计算噪声**：在顶点着色器中生成基础偏移 3. **LOD分级**： ```glsl #if defined(SHADER_API_GLES) #define ITERATIONS 2 // 移动端减少迭代 #else #define ITERATIONS 3 #endif ``` --- ### 六、效果对比参数 | 参数组合 | 视觉特征 | 性能消耗 | |--------------------|------------------------|----------| | 低密度+无动画 | 大块玻璃裂痕 | ★☆☆☆☆ | | 高密度+动态裂纹 | 细腻破碎效果 | ★★★★☆ | | 多层+折射 | 真实玻璃光学特性 | ★★★★★ | --- 这种实现方式可以产生类似下图的效果（想象玻璃被击碎时的辐射状裂纹和互相错位的碎片），通过调整`_CellDensity`和`_CrackIntensity`可以控制从冰裂纹到完全破碎的不同状态。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值