Shader 编程：绘制心形

最新推荐文章于 2024-11-01 12:01:22 发布
最新推荐文章于 2024-11-01 12:01:22 发布
阅读量2.2w 收藏
点赞数
分类专栏： OpenGL Shader 编程 文章标签： OpenGLES 图形渲染 着色器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kennethdroid/article/details/132529580
版权
本文探讨了使用Shader在OpenGLES中绘制心形的两种方法，通过讲解ShaderToy上的代码展示了如何利用反正切函数和有向距离场（SDF）算法来定义心形边界。同时提到了通过函数曲线绘制心形的另一种思路，并预告了OpenGL & Metal Shader编程系列的后续主题，包括内置变量、函数、图形、距离场和特效等。
摘要由CSDN通过智能技术生成

该原创文章首发于微信公众号：字节流动
未经作者（微信ID：Byte-Flow）允许，禁止转载

今天讲一下绘制心形的两种方式，主要是为了扩展一下绘制复杂形状的思路，为后面讲特效做一些简单的铺垫。

心形绘制可以参考 ShaderToy 上的代码：
https://www.shadertoy.com/view/XsfGRn
在这里插入图片描述

上述代码绘制心形,首先将原点从左下角移至屏幕坐标系中央，这样所有片元的向量均以屏幕中心为起点，则向量 uv 就是画布中心与像素点坐标之间的方向向量。

然后利用反正切函数值和当前片元（像素）与屏幕中心点的距离相比较，来确定心形状的边界。GLES 中的反正切函数 atan(p.x,p.y) 取值范围是[-π, π]，然后除以 PI 后，取值范围变成了 [-1, 1] 。

void mainImage
了解本专栏 订阅专栏 解锁全文 超级会员免费看
字节流动
关注
专栏目录
订阅专栏
C++ Opengl绘制3D源码
希望我的博客，能帮上你解决学习中工作中所遇到的问题
11-13 2454
项目开发环境： 开发语言:C++和IDE:VS2017,操作系统Windows版本windows SDK8.1,三方库:OpenGL。 项目功能： 绘制3D图形并且旋转。 项目源码如下： /*********************包含链接的库文件*******************************************************************************************/ #pragma comment( lib, "opengl32.lib" )
Shader编程
11-30
在Unity中，主要使用两种类型的Shader：顶点着色器(Vertex Shader)和片段着色器(Fragment Shader)。 1. **顶点着色器**：负责处理顶点数据，例如顶点的位置变换、光照计算等。 2. **片段着色器**：用于计算像素的...
[opengl3.x] OVA,OBA,Shader绘制爱心
...
04-10 790
目录 0. heart_data.py 2. shader.cpp 3. shader.hpp 4.ColorFragmentShader.fragmentshader 5.TransformVertexShader.vertexshader python数据离散化脚本： 0. heart_data.py import numpy as np import rando...
OpenGL绘制律动爱心
qq_39540537的博客
07-20 428
仔细观察这两个shader，发现iq大神只用了两个shadertoy内置的uniform输入变量，分别为iTime和iResolution，他们分别代表程序运行的时间和程序的像素大小，我们只需要在自己的shader中加入这两个变量并且在源文件中传递这两个变量的值给着色器就可以，当然fragCoord作为mainImage的输入只需要在顶点着色器中传递给片段着色器。把这款编译好的3D心型shader打包发送给你的女朋友，让她感受一下数学的浪漫吧~基本的使用VSCode编写C/C++代码的经验。
Unity Shader实现图形绘制（蓝天白云大海）
08-19
本资源主要介绍了Unity Shader实现图形绘制的技术，通过Shader编程实现了蓝天白云大海的图形绘制。下面将对该资源中的知识点进行详细解释。 1. Unity Shader简介 Unity Shader是Unity引擎中的一个着色器系统，用于...
ShaderGraph:ShaderGraph学习
04-01
ShaderGraph是Unity引擎中一个强大的可视化着色器开发工具，它允许开发者通过图形化界面创建复杂的Shader，而无需深入理解底层的着色器语言如GLSL或HLSL。ShaderGraph以其直观易用的特性，极大地降低了编写自定义...
Unity Shader编程
03-27
Unity Shader编程是游戏开发中的重要一环，它涉及到图形渲染技术，使得游戏场景中的物体具有更真实的视觉效果。Shader是编写在Unity引擎中用于控制物体表面颜色、光照、纹理等属性的程序。通过掌握Unity Shader，...
Shader编程教程 完整
12-20
视频教程，上次传过，下载地址都一直有效的，网上花钱买的，分享出来都被下载那么多次了。上次说下载地址无效，重新上传
探索 PixiJS：强大的 2D 图形渲染库
qq_34820371的博客
10-02 1546
随着 Web 技术的发展，越来越多的开发者希望在网页中实现丰富的视觉效果和动画。PixiJS 作为一个高性能的 2D 渲染库，凭借其强大的功能和易用性，成为了许多游戏和互动应用开发者的首选。本文将深入探讨 PixiJS 的特点、应用场景以及核心功能，帮助你更好地理解并应用这个库。
3、片元着色器之基础光照模型：兰伯特和半兰伯特光照模型
weixin_41364246的博客
10-30 647
它是在兰伯特模型基础上的改进，主要用于避免在光照角度较小时出现过暗的情况，从而使物体的暗面更加明亮，看起来更自然。，基于兰伯特余弦定律。原理是：表面接收到的光强度与入射光线和表面发现之间的夹角的余弦值成正比。兰伯特光照模型(Lambertian Lighting Model)是一种。可通过法线向量和光源向量的点积计算得出。是漫反射系数，表示表面对光的反射程度。是入射光线和表面法线之间的夹角。
2、片元着色器之有向距离场(SDF)运算：并集、差集、交集
weixin_41364246的博客
10-29 498
【代码】2、片元着色器之有向距离场(SDF)运算：并集、差集、交集。
Blender进阶：着色器节点
weixin_41074612的博客
11-01 449
着色点着色点UV坐标取得UV中 的x值，此值介于【0,1】将X值转成一个颜色颜色作为基础色，完成着色。每一个着色点，都执行一遍这套流程。最终完成整个面的着色。在着色时，每个点的颜色根据UV坐标计算得到。
1、片元着色器之有向距离场(SDF)
weixin_41364246的博客
10-29 282
有向距离场（Signed Distance Field, SDF）是一种在计算机图形学中常用的概念，用于描述空间中某一点到某个形状表面距离的有符号距离。SDF 被广泛应用在实时渲染、碰撞检测、形状表示等场景中。最典型的例子：判断一个点是否在圆内：点到圆心的距离和半径的差是否为负值，负值说明在圆内，反之则在圆上或圆外。1、什么是有向距离场？
OpenGL入门002——顶点着色器和片段着色器
weixin_73622063的博客
11-01 931
opengl绘制三角形
4、片元着色器之光线步进及其和兰伯特光照模型的结合应用
weixin_41364246的博客
10-30 781
光线步进(Ray Marching)是一种用于渲染和追踪的技术，尤其在处理体积数据和隐式表面时非常有效。与传统的光线追踪方法不同，光线步进不直接计算光线与物体的交点，而是通过在光线上逐步前进来寻找相交的表面。这种方法通常用于场景中存在复杂几何体或体积效果的情况。光线步进+半兰伯特(gif经过压缩，质量有点不好)光线步进+兰伯特(gif经过压缩，质量有点不好)性能开销大，尤其是在高分辨率和复杂场景中；需要精心调整步长，以平衡渲染质量和性能。灵活性高，可以处理复杂场景；1、什么是光线步进？适合动态场景的渲染；
5、片元着色器之基础光照模型：Phong模型和Blinn-Phong模型
weixin_41364246的博客
10-30 366
Blinn-Phong光照模型是Phong光照模型的一种改进，主要用于计算镜面反射光的强度。相较于Phong模型，Blinn-Phong模型在计算上更加高效，并且能够更好地模拟光照效果。Phong模型需要计算反射光线，是有一定计算量的，Blinn-Phong使用半角向量来简化计算。Phong模型就是在兰伯特模型的基础上增加了镜面反射光的计算。具体来说，兰伯特模型只考虑漫反射光，而Phong模型在此基础上引入了镜面反射光的概念，以模拟光线在光滑表面反射时产生的高光效果。3、Blinn-Phong模型。
智慧建造总体策划方案（76页）.pptx
11-02
智慧建造总体策划方案（76页）
基于 Python2.7 和 PyQT4 开发的 modbus 通信采集软件
最新发布
11-02
基于 Python2.7 和 PyQT4 开发的 modbus 通信采集软件，已在 windows、deepin linux 和树莓派上测试！
LLC simulink仿真《slx模型文件》
11-02
LLC simulink仿真《slx模型文件》 LLC谐振转换器是一种高效的直流-直流(DC-DC)电源转换器，因其独特的谐振特性而得名。在电力电子领域，LLC仿真对于理解和优化这种转换器的性能至关重要。Simulink是MATLAB环境下的一个强大工具，用于建立和仿真复杂系统，包括电力电子系统。 标题“LLC simulink仿真”指的是使用Simulink进行LLC谐振转换器的建模和仿真。通过Simulink，工程师可以模拟LLC转换器在不同工作条件下的行为，如负载变化、输入电压变动以及控制策略的影响。 **LLC电路的基本原理：** LLC谐振转换器结合了升压（Boost）、降压（Buck）和串联谐振（Series Resonant）三种拓扑结构的特点。它由主开关、副开关、电感、电容和二极管组成。谐振电容和电感形成谐振回路，使得开关器件能在零电压或零电流条件下切换，从而降低开关损耗并提高效率。 **仿真过程：** 在Simulink中，首先需要建立LLC转换器的模型，包括各个元件的参数设定。这包括主开关和副开关的开关频率、谐振电容和电感的值、二极管的反向恢复特性等。然后，设
Unity Shader编程：图像背景更新与统计模型分析
"图像背景简介-unityshader编程之surface, 上海交通大学 车型识别 神经网络" 本文将探讨两个主要知识点：图像背景更新算法在Unity Shader编程中的应用，以及上海交通大学硕士论文中涉及的车型识别研究。 在Unity ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

字节流动

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值