WebGL着色器第6页

unity webgl 系列：从本地硬盘上传文件到webgl沙盒中

需求：通过一个按钮，点击后选择文件传到webgl进程中。前置说明：需要有webgl模版等基础配备，已经可以发布webgl程序。

love_c_s·2024-01-20 19:13

unity webgl 系列（2）：从webgl内存中下载文件到本地硬盘

前面是将文件上传到webgl进程，本篇是将文件从webgl进程中下载文件到浏览器的下载目录中。通用，只需要二进制数组和文件名。

love_c_s·2024-01-20 19:10

OpenGL ES 着色器语法中精度解析

精度说明表Satisfiestheminimumrequirementsforthevertexlanguagedescribedabove.Optionalinthefragmentlanguage满足上面描述的顶点语言的最低要求,在片段语言中是可选的satisfiestheminimumrequirementsaboveforthefragmentlanguage.Itsrangeandpre

为了自由的白菜·2024-01-20 18:11

实现Mac窗口最小化动画效果

实现的核心都在片元着色器中：对片元的uv坐标进行修改，从而模拟实现一个图片变形的整个过程。核心代码只有几句，刚做出来的时候自己也觉得太神奇了，所以希望把这个方法分享出

chase_d·2024-01-20 16:02

[图形学]OpenGL实现斯坦福兔子(Stanford Bunny)实验代码

文章目录项目整体文件结构兔子数据(ply2文件)main.cppbunny.fs兔子面元着色器bunny.vs兔子顶点着色器lamp.fs灯光面元着色器lamp.vs灯光顶点着色器camera.h相机头文件

BadGalDesperado·2024-01-20 16:02

Unity中URP下获取主灯信息

GetMainLight1、Light结构体2、GetMainLight具有4个方法重载3、1号重载干了什么（该函数就是获取我们主光信息的函数）三、测试代码前言在上一篇文章中，我们大概了解了SampleLit下的片元着色器主要干了什么

楠溪泽岸·2024-01-20 12:30

Unity中URP下的SimpleLit片元着色器

文章目录前言一、SimpleLit片元着色器大体框架1、传入和返回2、GPU实例化部分3、准备BlinnPhong光照模型计算需要的SurfaceData4、准备BlinnPhong光照模型计算需要的InputData5

楠溪泽岸·2024-01-20 12:28

three.js从入门到精通系列教程002 - three.js正交相机OrthographicCamera

three.js从入门到精通系列教程002-three.js正交相机OrthographicCamera/*varrenderer=newTHREE.WebGLRenderer({//创建渲染器对象//

smartsmile2012·2024-01-20 09:13

解释PBR纹理贴图（texture-maps）

它们是带有颜色和其他信息的方形图片，在着色器的各个插槽来定义模型的各种属性，比如我是黄种人，哪种黄？我给着色器连上一张basecolor颜色纹理的图片，它就知道了，哇~竟然这么黄？？再给它一张

睡不醒的笨鸟·2024-01-19 18:49

使用OpenGL画一个三角形

核心框架导入#include"GLShaderManager.h"#include"GLTools.h"#include#include移入了GLTool着色器管理器（shaderMananger）类。

E术家·2024-01-19 14:02

Learn OpenGL with Qt——模型加载：Qt搭建Assimp环境

创建OpenGL窗口着色器程序以及着色器的创建纹理的创建与加载使用Qt内置矩阵进行变换针对Qt窗口的摄像机优化Qt下OpenGL的必备知识及易错点Assimp到目前为止，我们已经在所有的场景中大面积滥用了我

Italink·2024-01-19 12:58

使用 GLSL 语言自定义着色器加载图片

本案例旨在简单的使用GLSL语言自定义着色器，实现图片的加载。

远方竹叶·2024-01-19 11:47

openlayers [四] 地图图层 Layers详解

文章目录1图层1.1线状图层1.2点状图层1.3面状图层2图层存在一个或多个3layers常见的属性4layers各种图层和类型总结在openlayers中，图层是使用layer对象表示的，主要有WebGLPointsLayer

爱玩亚索的程序员·2024-01-19 06:28

python系列11：python的游戏引擎

也可以用webgl和3djs做一些网页游戏。

IE06·2024-01-19 02:05

OpenGL ES GLSL加载纹理

使用GLSL语言加载纹理，需要自定义顶点着色器和片源着色器。GLSL编写的顶点着色器和片元着色器其实是一段代码，也是一段字符串，所以文件名和后缀可以自定义。

ugpass·2024-01-18 19:34

着色器语言GLSL学习

1初步尝试import{Scene,WebGLRenderer,OrthographicCamera,PlaneGeometry,ShaderMateria}from'three.js'constscene

涵。·2024-01-18 17:42

Blender与Threejs的坐标系

1.Threejs坐标系openGL采用的是右手坐标系，WebGL是openGL的JS版本也是右手坐标系。ThreeJS依然采用的右手坐标系。

pimyker·2024-01-18 09:46

第六章顶点属性、顶点数组和缓冲对象

如何指定属性和数据它可以支持什么格式怎样将顶点属性索引绑定到顶点着色器中怎样使用当前顶点属性顶点数据又称为顶点属性，可以为每一个顶点指定顶点属性，绘制纯色图形，一般的坐标会不同，需要存储三个顶点,我们一般使用数组进行存储

大旺旺的弟弟小旺旺·2024-01-18 09:53

three.js入门

Three.js脚本可以与HTML5画布元素、SVG或WebGL结合使用。tips：WebGL又是什么？WebGL用自己的理解就是，通过这个WebGL可以实现在网页里绘制渲染2D/3D的东西。

北乎下周·2024-01-17 22:13

WebGL中开发AR应用

WebGL在本质上是用于在浏览器中进行3D和2D图形渲染的技术，而增强现实（AR）通常需要与现实世界的环境进行交互。要在WebGL中开发AR应用，您可以采取以下步骤，希望对大家有所帮助。

super_Dev_OP·2024-01-17 18:43

WebGL中开发VR（虚拟现实）应用

WebGL（WebGraphicsLibrary）是一种用于在浏览器中渲染交互式3D和2D图形的JavaScriptAPI。

super_Dev_OP·2024-01-17 18:13

WebGL开发智慧城市应用

在使用WebGL实现智慧城市应用时，需要考虑一系列的问题，以确保系统的性能、安全性和用户体验。以下是在开发WebGL智慧城市应用时需要注意的问题，希望对大家有所帮助。

super_Dev_OP·2024-01-17 18:10

webgl绘制三角形

index.htmlwebgl绘制三角形body{margin:0;}canvas{border:1pxsolid#999;}index.js//顶点着色器程序varVSHADER_SOURCE=`attributevec4a_Position

antlove·2024-01-17 05:53

Unity中URP下 SimpleLit框架

返回洋葱紫5、调用自定义ShaderGUI面板二、SubShader中1、Tags2、Pass三、我们看一下ForwardLit的Pass1、混合模式、深度写入、面皮剔除、透明测试都由属性面板控制2、申明顶点着色器和片元着色器

楠溪泽岸·2024-01-16 19:34

Unity中URP下的SimpleLit顶点着色器

文章目录前言顶点着色器1、GPUInstance相关2、顶点输入数据相关3、雾效混合因子4、对uv进行Tilling和Offset的应用及把顶点的坐标信息传给输出结构体5、把法线相关的结果，传给输出结构体

楠溪泽岸·2024-01-16 19:02

【计算机图形学】入门Three.js，并搭建你的第一个3D场景

WebGL（WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript

samarua·2024-01-16 14:52

【Three.js】Three.js入门教程——清晰明了好上手！

一、文档地址：中文网址：3.开发和学习环境，引入threejs|Three.js中文网二、Three.js和WebGL的关系：Three.js是WebGL的框架。封装和简化了WebGL的方法。

旺旺大力包·2024-01-16 14:22

Web3D编程入门总结——WebGL与Three.js基础介绍

计划分成“webgl与three.js基础介绍”、“面向对象的基础3D场景框架编写”、“模型导入与简单3D游戏编写”三个部分，其他零散知识以后有机会再总结。

我爱丁丁猫·2024-01-16 14:51

Unity3D 内置着色器的用途和性能详解

其中，Unity3D内置着色器是实现游戏图形渲染的重要组成部分。本文将详细介绍Unity3D内置着色器的用途和性能，并给出技术详解和代码实现。对啦！

小辣椒游戏开发·2024-01-16 06:15

ArchVizPRO Interior Vol.8 URP

从头开始构建每一个细节，这个室内有130多件家具和道具、自定义着色器和4K纹理。所有家具和道具都非常详细，可以在任何其他项目中重复使用。

mayzhengxi·2024-01-16 02:18

OpenGL 渲染基础

一、着色器从之前的文章，我们应该知道大概OpenGL的一个渲染流程流程：Snip20201224_9.pngimage.png接下来我们再查看一下OpenGL渲染架构的简化图Snip20201224_11

coder_feng·2024-01-15 15:40

Metal 加载纹理

MTLTexture一个MTLTexture对象代表了一个格式化后的图像数据的内存空间，它可以被用于顶点着色器、片段着色器和计算函数的资源，或者作为一个渲染目标附件。

_涼城·2024-01-15 14:44

Unity WebGL报错：HTTP Response Header “Content-Type“ configured incorrectly on the server for file

WebGL报错：HTTPResponseHeader"Content-Type"configuredincorrectlyontheserverforfileBuild/KZ.wasm,shouldbe"application

mayzhengxi·2024-01-15 09:42

OpenGL ES - GLKit介绍和常见API

它的出现加快OpenGLES或OpenGL应⽤用程序开发使用数学库，背景纹理理加载，预先创建的着色器效果，以及标准视图和视图控制器来实现渲染循环。

DSMars·2024-01-14 23:44

OpenGL和OpenGL ES显示YUV图片的着色器差别（一）

这里解释的只是用于显示YUV图片的代码，没有增加任何效果：OpenGL的片段着色器片段：constchar*fsrc="varyingvec2textureOut;\uniformsampler2Dtex_y

阿龍1787·2024-01-14 18:21

three.js讲解

文章目录一、概念二、案例三、常见问题四、优缺点五、相关链接一、概念three.js是一个基于WebGL的JavaScript库，用于创建和展示三维图形。

雪梅零落·2024-01-14 17:04

Unity中URP下实现深度贴花（雾效支持和BRP适配）

文章目录前言一、让我们的贴画支持雾效1、我们舍弃内部的MixFog方法2、使用雾效混合因子对最后输出颜色进行线性插值相乘二、在Shader中，限制贴花纹理的采样方式1、申明纹理和限制采样方式的采样器2、在片元着色器进行纹理采样三

楠溪泽岸·2024-01-14 02:02

Unity Shader - Writing Surface Shaders 编写表面着色器

目录：UnityShader-知识点目录（先占位，后续持续更新）原文：WritingSurfaceShaders版本：2019.1WritingSurfaceShaders编写表面着色器编写与光照有交互的

Jave.Lin·2024-01-14 02:31

Unity着色器常用关键字及属性

基础打得不够扎实，顾特意再重温shader相关书籍的时候，看见有些常用关键字时，把他记录下来希望这对学习unityshader的同学来说有些用Shader这是shader的根命令SubShader这个是子着色器

大头狗·2024-01-14 02:30

OpenGL学习笔记-Blending

混合方程中，Csource是片段着色器输出的颜色向量（thecoloroutputofthefragmentshader），其权重为Fsource。

时吨吨·2024-01-13 21:21

arcgis 与luma.gl 结合做可视化

arcgis在官网有个可以和webgl结合的案例https://developers.arcgis.com/javascript/latest/sample-code/custom-gl-visuals

haibalai·2024-01-13 19:51

OpenGL立方体纹理贴图

OpenGL正方体纹理贴图0.写在最前面1.正方体顶点属性构建2.绑定多个VAO、VBO3.创建多个纹理4.渲染循环5.实现代码6.多个立方体纹理贴图0.写在最前面要实现本篇的内容，建议先学习下以下内容多个着色器与多个

LV小猪精·2024-01-13 13:48

OpenGL：纹理贴图

为了在OpenGL/GLSL中有效完成纹理贴图，需要协调好以下几个不同的数据集和机制：用于保存纹理图像的纹理对象特殊的统一采样器变量，以便顶点着色器访问纹理用于保

张帅峰_·2024-01-13 13:18

OpenGL之多纹理(Sampler类型)绑定着色器及纹理单元详解

最近一直在写着色器，对OpenGL的API都不熟悉了，这两天刚好要处理好几张纹理，所以又来写纹理绑定这一块，之前一直默认纹理单元，简单就能加载一张纹理，就没太在意，现在要搞好几张纹理，突然有点懵了，因此摸索了下

What_can_you_do·2024-01-13 13:14

Canvas 指南与总结

而同样使用元素的WebGLAPI则用于绘制硬件加速的2D和3D图形。简单例子Document.getElementById()方法获取HTML元素的引用。

史一试·2024-01-13 03:11

Unity中URP下实现能量罩（扭曲流光花纹）

文章目录前言一、能量罩花纹1、在属性面板接收能量罩花纹纹理2、申明纹理和采样器3、在顶点着色器，应用Tilling和Offset4、在片元着色器，纹理采样后，与之前的结果相乘输出二、能量罩流光1、在顶点着色器

楠溪泽岸·2024-01-12 23:30

Unity中URP下实现能量罩（性能优化和 BRP适配）

文章目录前言一、性能优化1、尽可能减少纹理采样次数2、尽量把max函数换成saturate函数，可以减少一次GPU指令3、尽可能的把计算移到顶点着色器4、变体优化5、变量放入常量缓冲区二、BuideInRenderPipeline