【Shader特效2】树干弯曲顶点着色器实现

最新推荐文章于 2025-05-07 16:58:19 发布
原创 最新推荐文章于 2025-05-07 16:58:19 发布 · 1.9k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#GLSL #Shader #着色器 #着色器特效

本文介绍了使用GLSL顶点着色器实现树干弯曲的算法和开发过程，包括弯曲半径、方向的影响以及计算步骤。通过动态调整弯曲半径，实现了树干的动态弯曲效果。

树干弯曲顶点着色器实现

说在开始：

最近使用顶点着色器开发了一个树干弯曲的例子，在这里进行总结一些算法和开发过程。

作者：尹豆（憨豆酒），联系我yindou97@163.com，熟悉图形学，图像处理领域，本章代码： https://github.com/douysu/computer-graphics-notes

参考内容：
  • 《OpenGL ES 3.X 游戏开发 下卷》

运行效果

这里写图片描述

基本原理

控制弯曲的有两个参数：弯曲半径和弯曲方向。弯曲方向为XOZ平面内的一个角度，这个很容易理解。弯曲半径就不是那么容易理解了。我给出以下计算过程。
这里写图片描述
其中OO’即为弯曲半径，OA’与OO’是相等的，可以理解为圆的半径，通过几何图大家可以体会到，当弯曲半径越大时。那么树干的弯曲程度越小，也就是说弯曲半径与弯曲程度是成反比的。
其次在构建

最低0.47元/天 解锁文章
ShaderJoy —— 一些特效作品展示
ShaderJoy 的兴趣技术杂货铺
04-26 5835
ShaderJoy －水墨晕染转场ShaderJoy －－ 爱的节奏ShaderJoy －－ Little StarsShaderjoy －－ ∞ neonShaderJoy －－♡の烟花ShaderJoy －－Dancing ♡ShaderJoy －－ ♡の烟花ShaderJoy —— 💗声波纹ShaderJoy－－❤随乐动ShaderJoy ——💗の声纹ShaderJoy —— ❤ 气泡音频特效Shader 特效 —— 基于 OpenGL 的音频可视化（仿 ShaderToy）.mp4ShaderJ
《Gpu Gems》《Gpu Pro》《Gpu Zen》系列读书笔记
热门推荐
puppet_master的专栏
02-13 2万+
本篇blog简单记录了一下最近一两年一直在读的一系列书目。《Gpu Gems》1-3三部，《Gpu Pro》1-7七部，《Gpu Zen》一部。针对每一项渲染技术，进行全系列书的总结，从这个角度来看，可以看到一项技术，近十五六年来的进化过程。
shader特效代码
qq_38685139的博客
09-27 442
shader特效Bloom后处理效果毛发效果 Bloom后处理效果 Bloom的cs代码 using System.Collections.Generic; using UnityEngine; public class bloom : PostEffectsBase { public Shader bloomShader; private Material bloomMaterial; public Material material { get
特效制作的多功能shader
12-06
基本功能有：贴图；颜色；遮罩；溶解；uv流动；模型变形；模型融合；扭曲。
Vulkan_顶点着色器特效2(模型扭曲)
qq_35312463的博客
07-30 447
本部分案例将对正方体中的顶点位置进行变换以实现软糖扭动的效果。 一、基本原理 介绍本案例的具体开发之前首先需要了解实现软糖扭动的基本原理，具体情况如下图所示： 扭曲线框图： 从扭曲线框图中可以看出，模型实际上是由很多层小矩形叠加而成。在同一帧中，随着 y 坐标的不断升高，此层的顶点绕中心轴扭曲的角度越大。因此，实现扭动软糖的效果只要将代表软糖的长方体中各层顶点的 x、 z 坐标按照一定的规则根据顶点的 y 坐标以及当前帧的控制参数进行变换即可，具体的计算思路如（扭曲原理图1）、（扭曲原理图2）与（向量旋
unity-学习笔记 shader实现渲染时为弯曲的效果，自定义shader里的一些属性
pure81的博客
06-19 1914
unity-学习笔记 shader实现渲染时为弯曲的效果 shader实现渲染时为弯曲的效果 看的是国外的教程，目前关于shader渲染弯曲的教程不多（可能是我搜索姿势不对） https://www.bilibili.com/video/av413161239/ 我是直接用了这e个视频里的方法走的，但是只实现了y轴的贴图渲染，x轴的按照视频里的走保存运行是没反应的，这就很奇怪了 这里记录一下，回家看看能不能修改一些参数，视频里还提到了能在摄像机里实现弯曲成球的效果，但是没有提及如何实现，看看回家能不能搞出
【GPU精粹与Shader编程】 七 一篇文章读完 GPU Gems 3
yttyffggh的博客
02-15 876
【GPU精粹与Shader编程】 七 一篇文章读完 GPU Gems 3
Shader特效
weixin_30653097的博客
09-14 239
Shader特效——“水彩画”的实现【GLSL】 【ShaderToy】水彩画 Android OpenGLES2.0（十二）——FBO离屏渲染 GPU-Accelerated Image Processing 深度学习AI美颜系列----AI美发算法(美妆相机/天天P图染发特效) 转载于:https://www.cnblogs.com/cornellbox/p/9646164...
Shader(代码篇之特效)
萧寒大大
03-09 1120
Shader(代码篇之特效)
shader 特效 （时钟）
lynon的专栏
01-07 792
转载自： http://glslsandbox.com/ #ifdef GL_ES precision mediump float; #endif #extension GL_OES_standard_derivatives : enable uniform float time; uniform vec2 mouse; uniform vec2 resolu
流光特效shader
10-11
流光特效shader。
Shader实现多种效果
05-19
用Shader实现水波纹，霓虹文字，雷达等效果
shader特效整理
在代码身上，用心去飞翔
02-27 605
【GLSL教程】（一）图形流水线 【GLSL教程】（二）在OpenGL中使用GLSL OpenGL纹理详解（上）(https://www.jianshu.com/p/1829b4acc58d) 游戏中的3D数学知识之法线的应用(https://mp.weixin.qq.com/s/6q8h2Bhi5FDj9_IMSMUOuw) Unity Shader-法线贴图（Normal）及其原理 - CSD...
【Shader特效】—— 爆炸，沙化
xdedzl的博客
04-28 5182
终于可以自己写一些简单的shader特效了，今天用一个并不常用的几何着色器来做一个简单的爆炸，沙化的特效。调节shader参数之后会得到各种好玩的东西。 ...
shader溶解特效
xiaoge132的专栏
06-15 4748
前言:在游戏中间我们常常看见物体会慢慢消融,变为灰烬,这个效果可以用于人物的消失,毁灭. 代码: Shader "Esfog/Dissolve" { Properties { _MainTex ("Base (RGB)", 2D) = "white" {} _NoiseTex ("NoiseTex (R)",2D) = "wh
Shader 特效实例 --- 屏幕后期特效
qq_25432781的博客
07-17 657
波动实例 (shader2.0 顶点着色器) y=Asin(ωx+φ) φ：决定波形与X轴位置关系或横向移动距离（左加右减） ω：决定周期（最小正周期T=2π/∣ω∣） A：决定峰值（即纵向拉伸压缩的倍数） 模型波动(顶点卓思琪) 顶点着色器： 1， 计算顶点位置 2， 矩阵转换 片段着色器： 1， 纹理寻址 2， 灯光作用。 Shader 2.0 对property 变量需要引用。 float _Frenquncy ; float _Arange ; float _Speed
Shader屏幕特效，非真实渲染，噪声
怨行客
09-03 514
更高级使用深度和法线纹理 噪声—消融效果，水还有雾
Shader特效实现大全：从水波纹到霓虹文字
最新发布
weixin_35899324的博客
05-07 907
Shader是一类在图形处理器（GPU）上运行的程序，它在图形渲染管线的不同阶段执行各种算法，对顶点和像素进行处理。根据不同的渲染阶段和功能，Shader主要分为顶点Shader、片元Shader、几何Shader、曲面Shader和计算Shader等。
Shader消散特效（如回城）
Zzzohar的博客
09-08 1357
在很多游戏中能够看到消散，燃烧等特效。 如： 所以今天写简单的消散特效的shader代码！！！ （学习的庄懂的视频学到的，强烈新手学习庄懂视频） 第一步思考：我们能看到什么！ 我们能够看到网格的消散，这个消散过程中： 第一：网格的偏移，我们可以简单的用顶点向法线方向的偏移，所以我们需要先有一张网格遮罩的贴图。 第二：有些前面一点的网格提前消散，所以我们需要模型网格随机灰度遮罩。 第三：第二张图中可以看到这不是一个同一高度一起消散的，说明有弧度，这里我们用模型面坡度遮罩..
顶点着色器指令集详解及应用
2. 顶点着色器 (Vertex Shader)：顶点着色器的主要任务是计算顶点的位置、颜色、纹理坐标和其他属性。它接收顶点数据（如位置、法线、纹理坐标和颜色），并根据顶点着色器程序对这些数据进行变换。顶点着色器是根据...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值