关于gs_texture_set_image设置无效的问题

最新推荐文章于 2024-02-16 18:21:22 发布
原创 最新推荐文章于 2024-02-16 18:21:22 发布 · 589 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何在插件开发中使用gs_texture_create创建可更新的纹理，并强调了设置GS_DYNAMIC标志的重要性，以便能通过gs_texture_set_image更新纹理。

在开发插件的时候，为了显示自定义的图片，我们通过gs_texture_create创建了一个texture，但在创建的时候，如果要通过gs_texture_set_image更新这个texture，需要在创建的时候传入GS_DYNAMIC，否则调用gs_texture_set_image将无效。

tex_image = gs_texture_create（m_image.width（），m_image.height（），GS_RGBA，1，（const uint8_t **）＆cImageBits，GS_DYNAMIC）;

gs_texture_set_image（this-> tex_image，（const uint8_t *）cImageBits，m_width * 4，false）;

【OBS】图形api
突围
12-09 581
排版乱了，凑合看了。 indexnext |previous |OBS Studio 26.0.2 documentation »Graphics API Refe... » Previous topic Axis Angle Next topic Media I/O API Reference (libobs/media-io) Quick search Core Graphics API https://obsproject.com/docs/reference-libobs..
【obs-studio】OBS的source ： obs_source_info
突围
11-06 1044
注册：向obs的上下 注册source ，这个是iobs加载模块时使用的。 source 数据结构： Source definition structure D:\Code\obs-studio\libobs\obs-source.h 注册source 向obs的上下 注册source ，这个是iobs加载模块时使用的。 实际： EXPORT void obs_register_source_s(const struct obs_source_info *info, size_t s..
unity image 设置图片
weixin_30340745的博客
01-10 2167
从任意文件目录下读取文件并在unity中显示： 1）读取目标文件 byte[] imageByte = File.ReadAllBytes(imagePath); 2）转换成纹理 texture.LoadImage(imageByte); 3)转换成精灵 Sprite sprite = Sprite.Create(texture, new Rect(0, 0, texture.wid...
【基于obs开发推流工具教程】-OBS 人脸特效facemask-plugin如何调用
haoxiangnia111的博客
02-23 2412
通过facemask-plugin效果展示： 第一步：拷贝data资源文件 拷贝到： 第二步：处理facemask-plugin 的运行异常 1，//subdiv.getTriangleIndexList(triangleList); 屏蔽，要用pencv 更高级的版本 2，gs-texture.cpp 101 行 /m_texture = gs_cubetexture_create(size, format, mip_levels, mip_data, (flags & Flags::Dy
OBS框架流程和源码分析五一数据采集 渲染 编码过程
相见不如怀念
01-19 1676
程序启动时 会调用 obs_init_video函数，创建一个obs_video_thread 线程 static int obs_init_video(struct obs_video_info *ovi) { struct obs_core_video *video = &obs->video; struct video_output_info vi; int errorcode; make_video_info(&vi, ovi); video->base_wi
[OBS] 分析libobs几个主要的线程
felicityWSH的博客
11-28 2294
There are three primary threads spawned by libobs on initialization: obs_graphics_threadfor rendering video libobs/obs-video.c video_thread for video encoding/output libobs/media-io/video-io.c au...
【基于obs开发推流工具教程】-opengl和Direct 11接口统计
haoxiangnia111的博客
12-21 958
一，平台初始化： #if _WIN32 config_set_default_string(globalConfig, “Video”, “Renderer”, “Direct3D 11”); #else config_set_default_string(globalConfig, “Video”, “Renderer”, “OpenGL”); #endif windows平台默认的是用Direct 进行渲染，Direct对于windows不同显卡的兼容性跟好一些。 2，源码渲染器创建流程 1，OBSBa
wayland(xdg_wm_base) + egl + opengles——dma_buf 作为纹理数据源(五)
lh0616的博客
02-16 3179
本文主要描述如何在一个wayland client 中将一个 dma_buf import 作为一个 opengles texture 数据源软硬件环境硬件：aarch64软件：linux5.10 opengles2.0/3.0 egl1.5OpenGL ES 2.0 引入了 glEGLImageTargetTexture2DOES 函数作为一个扩展接口，用于将 EGL 图像对象绑定到纹理上，故要使用glEGLImageTargetTexture2DOES 需要添加头文件。
display:weston渲染流程:commit
maze的专栏
06-01 7633
接上一篇 display:weston渲染流程:buffer+attach+damage+frame https://blog.youkuaiyun.com/u012839187/article/details/100580627 下面讲commit 5.commit https://happyseeker.github.io/graphic/2016/11/10/wayland-commit-relative-flow.html Surface state (input, opaqueand damag.
OBS从渲染到推流过程分析
最爱吹吹风
09-11 3651
obs中将渲染和生产推流数据，推流分为三个线程，整个过程交织在一起，不容易理清整个过程。下面先分别对三个过程进行分析，然后将整个过程链接起来: 1.渲染: //初始化 Obs.c: obs_reset_video //设置画布 Obs.c: obs_init_graphics graphics.c : gs_create //一般创建使用opengl作为绘制设备 graphics.c :...
obs 核心结构体(二)
08-10 1587
struct obs_core_video { graphics_t *graphics; gs_stagesurf_t *copy_surfaces[NUM_TEXTURES]; gs_texture_t *render_textures[NUM_TEXTURES]; gs_
OBS源码阅读笔记（四）--视频采集显示
jbl5501328的博客
09-06 7848
下面来看看OBS如何进行初始化视频采集的： 首先，在OBS的初始化程序中，会调用ResetVideo==>AttemptToResetVideo==>obs_reset_video==>obs_init_video==>video_output_open==>if (pthread_create(&out->thread, NULL, video_thread, out) != 0) 最后创建
DirectX 9 从内存数据建立纹理Texture的方法
笙儿
07-13 5549
1、创建一个空纹理，指定大小与纹理格式2、把纹理的Rect锁定，并填充数据，最后解锁3、使用该纹理LPDIRECT3DTEXTURE9 m_pTexture; D3DXCreateTexture(m_pd3dDevice, width, height, 1, 0, D3DFMT
obs-studio 数据采集 渲染 编码过程
翻肚鱼儿的博客
08-10 1144
程序启动时 会调用obs_init_video函数，创建一个obs_video_thread 线程 static int obs_init_video(struct obs_video_info *ovi) { struct obs_core_video *video = &obs->video; struct video_output_info vi; int errorcode; make_video_info(&a...
[OBS] 渲染 source，scene，transition，filter
felicityWSH的博客
11-28 1451
渲染transition或scene：不管是否需要transition，scene的渲染都是通过transition封装调用的。 transition相关的变量： struct obs_source { uint64_t transition_start_time; uint64_t transition_duration; pthread_mutex_t transition_...
【OBS】gs_stagesurface_map 从纹理读取数据到rgba
突围
12-09 825
纹理到内存数据的拷贝 bool gs_stagesurface_map(gs_stagesurf_t *stagesurf, uint8_t **data, uint32_t *linesize) Maps the staging surface texture (for reading). Call gs_stagesurface_unmap() to unmap when complete. 映射暂存表面纹理（以供读取）。完成后，调用gs_stagesurface_unmap（）取消映射。 Pa
【obs】计算机视觉filter的渲染
突围
12-09 611
D:\Code\OBS\obs-TucoFlyer\image-grabber.cpp 纹理是在这里写的么？ //1、update_async_texture，将原始帧数据渲染到FBO， bool update_async_texture(struct obs_source *source, const struct obs_source_frame *frame, gs_texture_t *tex, gs_texrender_t *texrender) { gs_tex..
OBS 文本(GDI+） 底层逻辑
qthello
08-07 1823
一，GDI+(obs编译说明：https://github.com/obsproject/obs-studio/wiki/Install-Instructions#windows-build-directions) 此插件主要用GDI+ 进行文字的绘制 GDI+是微软提供的新的图形设备接口，通过托管代码的类来展现。GDI+主要提供了三类服务： 二维矢量图形 图像处理 文字显示 ...
node js 补环境 canvas MAX_TEXTURE_SIZE MAX_TEXTURE_IMAGE_UNITS MAX_VERTEX_TEXTURE_IMAGE_UNITS MAX_VERTEX_TEXTURE_IMAGE_UNITS
最新发布
12-03
<think> 我们是在Node.js环境中使用canvas，通常我们会使用node-canvas库（https://github.com/Automattic/node-canvas）。但是，node-canvas主要是用于2D绘图，并不直接支持WebGL。因此，我们无法直接通过node-canvas获取WebGL相关的参数（如MAX_TEXTURE_SIZE等）。 然而，如果我们想在Node.js环境中模拟WebGL，我们可以使用headless-gl（https://github.com/stackgl/headless-gl）库。headless-gl提供了一个在Node.js中运行的WebGL实现，它不依赖于图形界面（即无头模式）。 使用headless-gl，我们可以创建一个WebGL上下文，然后通过WebGL的API查询这些限制值。 步骤： 1. 安装headless-gl 2. 创建一个WebGL上下文 3. 使用WebGL的getParameter方法查询参数 具体参数对应： - MAX_TEXTURE_SIZE -> gl.MAX_TEXTURE_SIZE - MAX_TEXTURE_IMAGE_UNITS -> gl.MAX_TEXTURE_IMAGE_UNITS - MAX_VERTEX_TEXTURE_IMAGE_UNITS -> gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS 注意：在Node.js环境中，这些值可能受到系统（尤其是OpenGL驱动）的限制。由于是headless环境，可能使用的是软件渲染（如Mesa），所以得到的值可能与实际浏览器环境有差异。 代码示例： ```javascript const gl = require('gl')(width, height); // 创建一个WebGL上下文，width和height是画布的宽高 // 查询参数 const MAX_TEXTURE_SIZE = gl.getParameter(gl.MAX_TEXTURE_SIZE); const MAX_TEXTURE_IMAGE_UNITS = gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS); const MAX_VERTEX_TEXTURE_IMAGE_UNITS = gl.getParameter(gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS); console.log('MAX_TEXTURE_SIZE:', MAX_TEXTURE_SIZE); console.log('MAX_TEXTURE_IMAGE_UNITS:', MAX_TEXTURE_IMAGE_UNITS); console.log('MAX_VERTEX_TEXTURE_IMAGE_UNITS:', MAX_VERTEX_TEXTURE_IMAGE_UNITS); ``` 但是，请注意，headless-gl在安装时可能需要一些系统依赖（如Python、make等），并且在不同的操作系统上可能表现不同。 另外，如果你需要在Node.js中处理图像并且需要这些限制值来调整你的图像处理策略（例如，分割大纹理），那么通过headless-gl获取这些值是一个方法。 但是，如果你只是想在Node.js中处理2D图像，那么通常不需要关心这些WebGL参数。如果你确实需要处理非常大的图像，你可能需要知道MAX_TEXTURE_SIZE以避免纹理尺寸超过限制。在node-canvas中，由于是2D，没有直接的纹理大小限制，但是当图像非常大时，内存可能会成为问题。 总结： - 使用headless-gl来模拟WebGL环境并获取WebGL相关的参数。 - 注意这些参数的值依赖于底层的OpenGL驱动和headless-gl的实现。 相关问题： 1. 如何解决在Node.js中处理超大图像（超过MAX_TEXTURE_SIZE）的问题？ 2. 在Node.js中，除了使用headless-gl，还有其他方法获取WebGL参数吗？ 3. 如何在不同操作系统上安装headless-gl的依赖？ </think>在 Node.js 环境中处理 Canvas 的 WebGL 限制（如 `MAX_TEXTURE_SIZE`、`MAX_TEXTURE_IMAGE_UNITS`、`MAX_VERTEX_TEXTURE_IMAGE_UNITS`），可通过以下方案实现： ### 一、补充 Canvas 环境 使用以下库在 Node.js 中创建 WebGL 上下文： 1. 安装核心依赖： ```bash npm install canvas gl # canvas用于2D渲染，gl用于WebGL ``` 2. 创建 WebGL 上下文： ```javascript const { createCanvas } = require('canvas'); const gl = require('gl')(640, 480); // 创建WebGL上下文 // 获取限制参数 const MAX_TEXTURE_SIZE = gl.getParameter(gl.MAX_TEXTURE_SIZE); const MAX_TEXTURE_IMAGE_UNITS = gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS); const MAX_VERTEX_TEXTURE_IMAGE_UNITS = gl.getParameter(gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS); console.log(`纹理最大尺寸: ${MAX_TEXTURE_SIZE}px`); console.log(`片段着色器纹理单元: ${MAX_TEXTURE_IMAGE_UNITS}`); console.log(`顶点着色器纹理单元: ${MAX_VERTEX_TEXTURE_IMAGE_UNITS}`); ``` ### 二、关键限制处理策略 #### 1. 处理 `MAX_TEXTURE_SIZE` 限制 ```javascript // 检查纹理尺寸是否超标 function isTextureValid(width, height, gl) { const maxSize = gl.getParameter(gl.MAX_TEXTURE_SIZE); return width <= maxSize && height <= maxSize; } // 超大纹理分割方案 function splitLargeTexture(image, gl) { const max = gl.getParameter(gl.MAX_TEXTURE_SIZE); const chunks = []; for (let y = 0; y < image.height; y += max) { for (let x = 0; x < image.width; x += max) { const chunkWidth = Math.min(max, image.width - x); const chunkHeight = Math.min(max, image.height - y); chunks.push({ x, y, data: image.data.slice(y * image.width + x, chunkWidth * chunkHeight) }); } } return chunks; } ``` #### 2. 处理 `MAX_TEXTURE_IMAGE_UNITS` 限制 ```javascript // 动态绑定纹理单元 function bindTexturesSafely(textures, gl) { const maxUnits = gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS); textures.slice(0, maxUnits).forEach((tex, index) => { gl.activeTexture(gl.TEXTURE0 + index); gl.bindTexture(gl.TEXTURE_2D, tex); }); // 超限警告 if (textures.length > maxUnits) { console.warn(`超出纹理单元限制(${maxUnits})，已忽略部分纹理`); } } ``` #### 3. 处理 `MAX_VERTEX_TEXTURE_IMAGE_UNITS` 限制 ```javascript // 顶点纹理使用检测 function checkVertexTextureSupport(gl) { const maxVertexUnits = gl.getParameter(gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS); if (maxVertexUnits < 1) { console.error("当前环境不支持顶点着色器纹理采样！"); return false; } console.log(`顶点着色器可用纹理单元: ${maxVertexUnits}`); return true; } ``` ### 三、完整工作流示例 ```javascript const { createCanvas, loadImage } = require('canvas'); const gl = require('gl')(1024, 768); // 1. 环境检测 console.log("WebGL 限制参数:"); console.log("MAX_TEXTURE_SIZE:", gl.getParameter(gl.MAX_TEXTURE_SIZE)); console.log("MAX_TEXTURE_IMAGE_UNITS:", gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS)); console.log("MAX_VERTEX_TEXTURE_IMAGE_UNITS:", gl.getParameter(gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS)); // 2. 加载大尺寸纹理 loadImage('huge-image.png').then(image => { if (!isTextureValid(image.width, image.height, gl)) { const chunks = splitLargeTexture(image, gl); console.log(`纹理分割为 ${chunks.length} 个区块`); // ... 分块处理逻辑 } else { // ... 正常纹理上传 } }); // 3. 着色器优化 const shaderSource = ` uniform sampler2D uTextures[${gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS)}]; // ... 根据实际限制值动态生成着色器 `; ``` ### 四、跨平台注意事项 1. **Linux 依赖**： ```bash sudo apt-get install libxi-dev libgl1-mesa-dev libglu1-mesa-dev ``` 2. **MacOS 问题**：使用系统自带的 OpenGL 实现，需确保 Xcode 命令行工具已安装 3. **Windows 支持**：通过 Angle 或系统 OpenGL 驱动，推荐使用最新版 Node.js > 提示：可通过 `gl.getSupportedExtensions()` 检测平台支持的扩展功能，如 `OES_texture_float` 等[^1]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值