webGL着色器

Unity-WebGL

问题：提示gzip压缩报错解决：关闭打包的地方压缩，如下图问题：窗口未全屏解决：使用百分比画布替换固定尺寸画布参考：新版Unity打包Webgl端进行屏幕自适应_unitywebgl分辨率自适应-CSDN
Dongo2·2024-01-30 18:12

GLSL绘制金字塔--纹理和颜色的混合

屏幕录制2020-08-05下午2.20.48.gif前言之前的文章我们已经用GLSL绘制了一张图片，其实针对GLSL来说，前面的准备工作的都是类似的，而最主要的区别在于绘制工作和着色器(Shader)
黑眼豆豆_·2024-01-30 11:52

ThreeJS快速入门指南

Three.js屏蔽了WebGL的底层调用细节，让开发者能更快速的进行3D场景效果的开发。
诸葛亮的芭蕉扇·2024-01-30 09:52

OpenGL 入门（二）— 顶点数组对象（VAO）和顶点缓冲对象（VBO）

文章目录前言图形渲染管线（GraphicsPipeline）顶点缓冲对象(VertexBufferObjects,VBO)顶点数组对象(VertexArrayObject，VAO)顶点着色器(Vertexshader
iukam·2024-01-30 08:50

Surface Shader学习笔记

表面着色器的实质就是在顶点、片元着色器上的一层抽象封装，unity自动在背后帮我们处理渲染路径，使用的光源模型等。但能用表面着色器实现的shader顶点片元着色器都能实现，反之不成立。
胡说ba道·2024-01-29 21:49

[Unity Shader入门精要]初级篇 代码拆解

第5章开始UnityShader学习之旅5.2.1顶点/片元着色器的基本结构Shader"MyShaderName"{//着色器名字Properties{//属性}SubShader{//针对显卡A的SubShaderPass
码穿地球·2024-01-29 19:37

259：vue+openlayers: 显示海量多边形数据，10ms加载完成

第259个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers项目中通过WebGLVectorLayerRenderer方式加载海量多边形数据。
还是大剑师兰特·2024-01-29 15:32

WebGL开发数字孪生系统

使用WebGL开发数字孪生系统通常涉及以下步骤。WebGL是一种用于在浏览器中实现3D图形渲染的JavaScriptAPI，它可以用于创建交互性强、高度可视化的数字孪生系统。
super_Dev_OP·2024-01-29 11:59

WebGL技术开发框架

WebGL技术框架是一些提供了便捷API和工具的库，用于简化和加速在Web浏览器中使用WebGL进行3D图形开发。以下是一些常用的WebGL技术框架，希望对大家有所帮助。
super_Dev_OP·2024-01-29 11:57

（自用）learnOpenGL学习总结-高级OpenGL-模板测试

和深度缓冲的关系是：先片段着色器，然后进入深度测试，最后加入模板测试。
NatsuKiiiiii·2024-01-29 08:17

Godot Shader特效:SpatialShader(即3D)溶解效果

区别在于Godot的spatial着色器和canvas_item着色器一些内置参数有所不同。在canvas_item着色器中，图像的透明度由vec4
吃烧烤的老王·2024-01-29 08:19

跟着cherno手搓游戏引擎【13】着色器（shader）

创建着色器类：shader.h:初始化、绑定和解绑方法：#pragmaonce#includenamespaceYOTO{classShader{public:Shader(conststd::string
larito·2024-01-29 05:14

【Three.js】创建一个三维场景

目录前言Three.js环境搭建安装导入创建一个场景准备一个dom容器创建场景、相机和渲染器创建立方体渲染场景创建轨道控制器完整代码前言Three.js是一个用于创建WebGL渲染的JavaScript
叶子yes·2024-01-29 04:12

OpenGL ES着色器代码语法

因为着色器里面没有编译器提示,所以熟悉着色器代码语法是非常有必要的变量和数据类型//布尔型.true/falseboolbDone=false;//有符合整型数据intiValue=42;//无符号整型数据
为了自由的白菜·2024-01-29 01:52

【WebGPU】简介和开始

在WebGPU出现之前，有一个WebGL，它提供了WebGPU的部分功能。它开创了一种新的富媒体Web内容类别，并且开发者也利用它构建了许多精彩的内容。
prinTao·2024-01-28 22:21

OpenGL 三角形渲染/绘制正方形并通过键位控制

1.OpenGLMac环境配置2.绘制三角形程序执行流程image.png//着色器管理器（shaderMananger）类#include//包含大部分GLTool中类似C语言的独立函数#include
墨伯·2024-01-28 01:49

【二十一，纹理-03纹理单元】

纹理单元在我们刚开始学习纹理时，片段着色器中的uniformsampler2Dtexture是一个uniform，我们却没有在代码中给它赋值，这是为什么呢？
Woodlouse·2024-01-27 21:52

openGL 实现opencv的resize函数

库的配置可以在本人的另一篇博客中看到，地址为：https://blog.csdn.net/xiechaoyi123/article/details/85138518实现resize的流程如下：1）初始化窗口和顶点着色器
xiechaoyi123·2024-01-27 21:14

Dragon Engine:摄像机

摄像机在着色器方面来说就是提供观察矩阵和投影矩阵，它的一些交互可以实时改变这两个矩阵。因为涉及矩阵操作，我们使用介绍过的GLM库。
Dragon_boy·2024-01-27 19:27

OpenGL系列之十七：实现人脸贴纸

三角形顶点增加颜色OpenGL系列之四：绘制四边形OpenGL系列之五：绘制点和线OpenGL系列之六：绘制立方体OpenGL系列之七：纹理贴图OpenGL系列之八：立方体纹理贴图OpenGL系列之九：glsl着色器语言
itfitness·2024-01-27 18:08

开发手札：图形中int和float运算性能问题

如果是进行着色器开发，我们还是要明了一下比较好。在着色器开发中，片段函数中代码的计算运算次数是很庞大的，以千万/亿为单位，所以我们需要明
羊羊2035·2024-01-27 16:06

2019-09-04资源对象：缓冲区和纹理

缓冲区通常用于顶点，着色器和计算状态数据。MTLTexture表示具有指定纹理类型和像素格式的格式化图像数据的分配。纹理对象用作顶点，片段或计算函数的源纹理，以及存储图形渲染输出（即作为附件）。
胡志强·2024-01-26 18:22

OpenGL/C++ 学习笔记（二） 图形渲染相关概念

汇总页上一篇:OpenGL/C++学习笔记（一）搭设环境OpenGL/C++学习笔记（二）引入图形渲染相关概念OpenGL/C++学习笔记图形渲染流程相关概念渲染管线其他常用名词画面渲染流水线顶点着色器
CJL_asLong·2024-01-25 19:46

OpenGL/C++_学习笔记（三）绘制第一个图形

/C++_学习笔记（二）引入图形渲染相关概念OpenGL/C++_学习笔记（三）绘制第一个图形绘制图形绘制第一个三角形的代码流程回顾窗口空间/标准化设备坐标显存数据顶点缓冲对象VBO顶点数组对象VAO着色器的使用着色器程序设计顶点着色器设计片元着色器设计着色器程序的读取
CJL_asLong·2024-01-25 19:14

Unity游戏性能分析最终指南 04

例如，FrameDebugger可以逐步执行帧渲染，检查着色器值等。静态分析器可以将源代码或其他资源作为输入，并使用内置规则对输入进行“正确性”推理，而无需运行项目。分析工具Un
真像大白阿·2024-01-25 11:42

ShaderGraph入门

Unity2018的一个重磅功能是ShaderGraph，通过可视化界面拖拽就可以实现着色器的创建和编辑。
真像大白阿·2024-01-25 11:12

《Unity Shader入门精要》笔记

致敬学姐，向学姐学习读书笔记，稍有补充一、渲染流水管线：CPU[应用阶段（输出渲染图元）]->GPU[几何阶段（顶点坐标变换到屏幕空间，包含顶点着色器）->光栅化阶段（产生像素渲染图像，包含片元着色器，
胡说ba道·2024-01-25 10:00

OpenGL：关于纹理映射时任意四边形中的插值问题(二)

就需要在着色器中修改。invec2aPos_out;outvec4FragColor;uniforms
六月的翅膀·2024-01-25 08:53

二、什么是WebGL，它是一种3D绘图协议

度娘一下：WebGL（全写WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript
柳暗花明又一匪·2024-01-24 20:09

javascript事件

从小程序到各种混合开发的解决方案，从vue，react到angular，从canvas到three.js甚至webgl，从cmd到nodejs，从gulp到webpack，各种技术让人眼花缭乱，感觉学不过来了有没有
特例独爬的蜗牛·2024-01-24 05:37

vulkan中的texture(VkImage、VkImageView、VkSampler、VkDeviceMemory）

在Vulkan中，以下是这几个概念的简要说明以及它们之间的关系：Texture2D：纹理在vulkanAPI中并没有一个结构体来表示，它是着色器语言中（比如GLSL）的一种概念。
宗浩多捞·2024-01-24 03:17

Shader Graph简介

使用着色器（shader）和材质（material），我们能够创造出非常多有趣的效果。除了Unity自带的shader外，还可以自己编写shader或使用其他人所编写的shader。
亦枫Leonlew·2024-01-24 01:17

OpenGL的对象和对象模型

每个对象实例与特定的上下文绑定，并共同决定了诸如着色器、缓冲区数据、纹理图像、帧缓冲区内容以及同步栅栏和计时查询等状态信息，这些状态信息在GL绘图操作中起到关键作用。
乘风之羽·2024-01-24 00:04

【笔记】Unity webgl 输入中文

UnityWebGL中文输入和全屏问题_鑫毒季的博客-CSDN博客插件资源来自上面这位兄台的分享。操作如下：1、将WebGLInput脚本挂在InputField组件上。
zjh_368·2024-01-23 19:04

Application.ExternalCall 已过时 另一种unity脚本调用JS的方法

我现在用的unity2018版本的调用JS的API：Application.ExternalCall过时了，官方给出了另一种方案：https://docs.unity3d.com/Manual/webgl-interactingwithbrowserscripting.html
阳光下的大嘴猴王·2024-01-23 19:34

Webgl开发输入框兼容问题及开发注意的问题

Webgl开发输入框【InputField组件】输入中文说明解决方案一通过重写原生的InputField组件来兼容解决方案二通过打包后自己定义JS总结说明  最近一直再搞WEBGL平台的项目，花了好几天解决
不为誰而做的程序员_·2024-01-23 19:33

Unity可寻址资源Addressable

目前发现了以下问题：PercentComplete的进度的前50%是读取json文本的进度，后50%是下载资源包的进度，目前后50%的进度无法正常显示WebGL版本时，浏览器打开程序，首次从服务器下载一次资源之后
阳光下的大嘴猴王·2024-01-23 19:03

unity在webgl端 输入框无法输入中文和中文显示问题的解决

unity在发布成webgl无法显示中文和inputField无法输入中文的问题应该都遇到了，博主蛋疼的查了好久才发现unity内置的inputfield类不支持IME，顺着这个路不小心找到了插件这个插件免费的
古月折口·2024-01-23 19:02

Unity WebGL中文输入插件适配2020及以上的版本

blog.csdn.net/Rowley123456/article/details/103726927原插件不支持unity2020及以上的版本，要适配的话，下载原作者的插件后，将ChineseInputWebGL.jslib
笑脸山·2024-01-23 19:02

Unity WebGL 实现中文输入 UGUI

插件：https://assetstore.unity.com/packages/essentials/tutorial-projects/ime-input-for-unity-webgl-64933
funilbing·2024-01-23 19:31

解决Unity WebGLInput插件全屏输入的问题

unitywebgl的中文输入插件WebglInput在全屏的时候会出现无法输入中文/输入的英文会字母出现在光标后面/什么都输入不了的等无法正常使用的情况。
阳光下的大嘴猴王·2024-01-23 19:30

webgl和threejs的坐标系以及坐标转换

一、模型坐标系和模型坐标模型坐标系是用来描述模型内部构造的。它的原点是(0,0,0)在模型坐标系下，定义的坐标，本文称之为模型坐标。当然你也可以有自己的命名。物理建模的模型，由一个个小的三角形组成，每个三角形都有三个顶点组成。顶点的模型坐标是基于模型中心点的。中心点的坐标为(0,0,0)。上图是个简单的正方形的模型，正方形长和宽为20。中心点在正方形的中心，中心点模型坐标为(0,0,0)，则其中四
qq_37200686·2024-01-23 17:06

ShaderLab语法

在文件中，嵌套大括号语法声明了描述着色器的各种内容-例如，应在材质检查器中显示哪些着色器属性;什么样的硬件后备要做;使用何种混合模式等。实际的“着色器代码”是在同一着色器文件中的CGPROGR
Bonging·2024-01-23 16:34

three.js从入门到精通系列教程051 - 制作立体桃心图形

three.js从入门到精通系列教程051-制作立体桃心图形//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setClearColor
smartsmile2012·2024-01-23 16:06

three.js从入门到精通系列教程049 - 加载房屋模型，可旋转可缩放

three.js从入门到精通系列教程049-加载房屋模型，可旋转可缩放加载房子模型移除房子模型//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias
smartsmile2012·2024-01-23 16:36

three.js从入门到精通系列教程050 - 制作波浪图形

three.js从入门到精通系列教程050-制作波浪图形//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true});myRenderer.setSize
smartsmile2012·2024-01-23 16:36

three.js从入门到精通系列教程048 - 创建粒子模拟下雨雨滴效果

创建粒子模拟下雨雨滴效果varmyRenderer,myCamera,myScene,myPoints;//创建渲染器functioninitRender(){myRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-23 09:32

three.js从入门到精通系列教程046 - 在平面上创建一个可变大小和长短的圆柱体

three.js从入门到精通系列教程046-在平面上创建一个可变大小和长短的圆柱体//创建渲染器varmyRenderer=newTHREE.WebGLRenderer({antialias:true}
smartsmile2012·2024-01-23 09:32

three.js从入门到精通系列教程047 - 创建一个可旋转的立体椅子

创建一个可旋转的立体椅子varmyRenderer,myCamera,myScene,myOrbitControls;//创建渲染器functioninitRender(){myRenderer=newTHREE.WebGLRenderer
smartsmile2012·2024-01-23 09:32

three.js从入门到精通系列教程005 - three.js使用鼠标拖拽缩放浏览全景图

myLongitude=0,myLatitude=0,myTempLongitude=0,myTempLatitude=0,myPhi=0,myTheta=0;//创建渲染器varmyRenderer=newTHREE.WebGLRen
smartsmile2012·2024-01-23 08:53
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他