WebGL着色器第11页

Unity-TextMeshPro字体使用

TextMeshPro（也称为TMP）功能强大且易于使用，它使用高级文本渲染技术以及一组自定义着色器；

心疼你的一切·2023-12-19 10:53

D3.js

threejs主要应用与基于webGL的3D场景，而D3.js确主要应用与2D场景。它们一起形成了一种互补关系。简而言之D3JS就是一个数据可视化的库。那什么是数据可视化呢？

强某某·2023-12-19 08:12

WebGL 2D入门篇（画矩形）

functioninit(){//获取元素varcanvas=document.getElementById('canvas');//获取二维图形的绘图上下文varcontext=canvas.getContext('2d');//绘制蓝色矩形context.fillStyle='rgba(0,0,255,1)';//设置填充颜色为蓝色context.fillRect(50,20,200,200)

WebGiser·2023-12-19 02:24

Unity中实现ShaderToy卡通火（原理实现篇）

文章目录前言一、我们在片元着色器中，实现卡通火的大体框架1、使用noise和_CUTOFF判断作为显示火焰的区域2、_CUTOFF：用于裁剪噪波范围的三角形3、noise=getNoise(uv,t);

楠溪泽岸·2023-12-18 13:13

GPU架构浅析以及对游戏着色器编码的启发（包含最新40系架构）

图灵架构参考文档：图灵架构白皮书图灵架构是20系的架构，算是影响深远的一代架构，奠定了很多基础性的概念。先从最小的计算单元结构看起。SM（StreamingMultiprocessor）是基础的计算单元。所有计算任务最终都要由SM中的一个或几个组件协同完成计算。一个SM包括4个warp、1个共用的L1Cache/SharedMemory、4个TextureUnit和1个RTCore。RTcore是

七言white·2023-12-18 09:31

Unity中URP下的菲涅尔效果实现（URP下的法线和视线向量怎么获取）

越趋近90°，点积越接近0（黑色）三、实现URP下的菲涅尔效果1、我们新建一个Shader，修改为最简2、获取世界空间下的顶点法线N3、获取顶点指向摄像机的视线单位向量L4、在片元着色器中，计算得到NdotL

楠溪泽岸·2023-12-18 08:19

Unity中URP下的菲涅尔效果实现（个性化修改）

我们修正一下上篇文章中，可能遗留的Bug1、N向量变为单位向量2、使颜色范围在合理区间二、实现菲涅尔效果强弱可自定义调节三、修改菲涅尔效果颜色1、在属性面板定义颜色属性2、在常量缓冲区申明该参数3、在片元着色器中

楠溪泽岸·2023-12-18 08:15

【OpenGL/WebGL】Shader中如何获取摄像机视口的宽高

一般的WebGL或OpenGL开发框架都会将摄像机的投影矩阵传入Shade

loveoobaby·2023-12-18 05:24

着色器加载

头定义#ifndef__LOAD_SHADERS_H__#define__LOAD_SHADERS_H__#include#ifdef__cpluscplusextern"C"{#endiftypedefstruct{GLenumtype;constchar*filename;GLuintshader;}ShaderInfo;GLuintLoadShaders(ShaderInfo*);#ifde

竹园笔客·2023-12-17 05:52

Unity发布WebGL测试界面处理方式参考

如果使用Unity发布WebGL经常会和网页进行交互，为了能够做到界面统一，往往所有UI都是在页面上开发的，Unity本身不做任何UI或者只做三维UI，但是在开发过程中，为了测试接口，难免要在Unity

ttod_qzstudio·2023-12-17 04:38

webGL开发智慧城市流程

开发智慧城市的WebGL应用程序涉及多个方面，包括城市模型、实时数据集成、用户界面设计等。以下是一个一般性的流程，您可以根据项目的具体需求进行调整，希望对大家有所帮助。

defdsdddev·2023-12-17 03:01

webGL开发智慧交通项目

开发智慧交通项目涉及到多个方面，包括实时通信、用户界面设计、地理信息系统（GIS）整合等。以下是一个一般性的流程，您可以根据项目的具体需求进行调整，希望对大家有所帮助。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。需求分析：定义项目的目标，明确希望实现的智慧交流项目的功能和特性。考虑用户的需求，例如实时信息传递、位置共享、事件通知等。选择通信技术：选择适合项目需求的通信技术。对于

defdsdddev·2023-12-17 03:01

webGL开发数字孪生项目的流程

WebGL（WebGraphicsLibrary）是一种用于在Web浏览器中进行高性能图形渲染的JavaScriptAPI。

defdsdddev·2023-12-17 03:30

数字孪生项目的开发平台

WEBGL开发数字孪生项目的流程涵盖了需求分析、场景搭建、模型创建、数据接入、动画与交互、性能优化、测试与部署以及维护与升级等方面。

defdsdddev·2023-12-17 03:58

cesium 自定义贴图，shadertoy移植教程。

ShaderToy是一个可以在线编写、测试和分享图形渲染着色器的网站。它提供了一个图形化的编辑器，可以让用户编写基于WebGL的GLSL着色器代码，并实时预览渲染结果。

gis_rc·2023-12-17 00:46

three.js纹理贴图不清晰，颜色失真

一.贴图不清晰给渲染器加一些配置选项：//初始化渲染器letrenderer=newTHREE.WebGLRenderer({antialias:true,//抗锯齿//alpha:true})renderer.setPixelRatio

拾荒旧痕·2023-12-17 00:15

Unity中URP Shader 的 SRP Batcher

SRPBatcher是什么二、SRPBatcher的使用条件1、可编程渲染管线2、我们用URP作为例子3、URP设置中UseSRPBatcher开启4、使SRPBatcher代码路径能够渲染对象5、使着色器与

楠溪泽岸·2023-12-16 14:44

Unity中Shader URP最简Shader框架（整理总结篇）

BuildInRPShader的对应关系与区别1、"RenderPipeline"="UniversalPipeline"2、面片剔除、深度测试、深度写入、颜色混合和BRP下一致3、必须引入的库变了4、顶点着色器输入

楠溪泽岸·2023-12-16 14:43

【超图】SuperMap iClient3D for WebGL/WebGPU —— 单体gltf模型与Blender中的方向对应关系

作者：taco在很多包含动画的场景中，像模拟小人的行走、模拟火车的轨迹运行，又或者是模拟风力发电等等等。我们通常会加一些动画模型到里面。而有的时候可能会出现，这火车怎么倒着走啊！这人怎么头朝下啊。这种方向的问题。在多年的支持过程中，发现其实制作动画模型最简单\最方便的制作方式是使用Blender工具进行制作。gltf有很多开源的工具可以将max制作的转换为这种格式。但是额外的要安装各种插件。插件有

老孟爱吃Taco·2023-12-16 02:40

SuperMap WebGL拖拽式画圆和画矩形

三维开发中，有时候需要用到鼠标拖拽的方式去绘制圆形和矩形，甚至可以在绘制的时候实时显示绘制图形的面积或者周长等几何信息。那么话不多说，先看效果：动图我们可以看到绘制显示是根据鼠标实时生成的，主要的代码为控制鼠标事件//鼠标左键handler.setInputAction(function(event){if(Cesium.defined(earthPosition)){if(activeShape

THEDEAMON·2023-12-15 19:04

OpenGL 着色器程序的保存和加载（二进制）

背景为了提高OpenGL着色器程序的编译和链接速度，我们可以将程序保存为二进制进行加载，可以大幅度提升加载效率。方法以下是加载和保存二进制程序的方法。

xhh-cy·2023-12-15 12:05

canvas 和 webgl 的区别

Canvas和WebGL都是用于在Web浏览器中绘制图形和动画的技术，但它们在实现和功能上有一些区别：渲染方式：Canvas：Canvas使用2D渲染上下文（2Dcontext）来绘制图形和图像。

weixin_43962020·2023-12-15 10:43

【超图】SuperMap iClient3D for WebGL/WebGPU ——暴雪

基于SuperMapiClient3DforWebGL/WebGPU实现暴雪仿真效果。先来看下效果暴雪1.修改天空盒子看看北京这天气，雾霾霾的。

老孟爱吃Taco·2023-12-15 09:36

什么是云流化？

现有基于WebGL和HTML5技术的传统解决方案中，存在展示效果完全依赖用户的终端设备性能的问题。为了突破这些技术的局限性，云流化

点量实时云渲染·2023-12-15 06:55

今天我们来谈谈【像素流送】到底是什么？！

现有基于WebGL或HTML5技术的解决方案存在一些弊端，其内容显示的逼真度和交互体验取决于用户的终端性能，这就要求用户必须使用高配置的设备才能获得高质量的体验，无疑增加了用户成本投入，这是非常不利于产品分享和体验的

点量实时云渲染·2023-12-15 06:55

✺ch2——OpenGL图像管线

目录基于C++图形应用＆管线概览OpenGL类型第一个C++/OpenGL应用程序◍API(1)GLSL类型着色器——画一个点的程序◍API(2)◍API(3)栅格化像素操作——Z-buffer算法检测

itzyjr·2023-12-15 06:21

unity中：搭建在线AR应用

使用ImagineWebAR-ImageTracker插件部署WebGL应用在使用ImagineWebAR-ImageTracker插件进行WebGL应用开发时，有两个关键知识点需要掌握：1.部署到支持

Dawn·张·2023-12-14 21:06

Unity WebGL 常见问题总结

转载至：https://www.it610.com/article/1295062035498868736.htm1.webgl不显示字体开始导出来发现一些字不显示，还以为分辨率压缩Text文本导致字不显示

VirtualCreator·2023-12-14 21:00

Unity打包浏览器端网页HTML（WebGL）以及部署到Tomcat浏览器访问报错问题解决

Unity默认打包是PC端客户端程序，想要打包浏览器可以访问的WebGL网页，需要修改一些配置。我使用的Unity版本是2021.3.24f1。

-道不虚行只在人-·2023-12-14 21:29

Unity打包WebGL的全过程及在打包和使用过程中会遇到的问题(本地测试)

目录概要Unity打包WebGLPlayerSettings设置ResolutionandPresentationOtherSettingsPublishingSettings本地服务器测试环境配置问题盘点概要盘点

我是秦始皇 v50看实力·2023-12-14 21:29

Unity中的ShaderToy

文章目录前言一、ShaderToy网站二、ShaderToy基本框架1、我们可以在ShaderToy网站中，这样看用到的GLSL文档2、voidmainImage是我们的程序入口，类似于片断着色器3、fragColor

楠溪泽岸·2023-12-14 21:57

Unity中Batching优化的GPU实例化（4）

文章目录前言一、构建需要实例化的额外数据二、在顶点着色器，将实例化ID从appdata存入v2f传给片元着色器三、在片断着色器中访问具体的实例化变量三、使用代码修改Shader材质属性，实现GPU实例化后不同对象颜色不同的效果

楠溪泽岸·2023-12-14 21:26

Unity3d 2020版本发布WebGL报错Uncaught SyntaxError: Invalid or unexpected token 和unityFramework is not...修正

问题描述如题的问题是在Windows项目发布WebGL时遇到的，Unity3d的版本是2020.3.12f1c1，部署平台是IIS，运行浏览器是Chrome。

十幺卜入·2023-12-14 21:22

Unity WebGL项目打包后本地打开报错问题解决方法

在Unity打包WebGL项目后，本地打开html页面出现错误提示。

古明地蓝·2023-12-14 21:52

[Unity] IL2CPP WebGL 出现错误信息 FS.syncfs

loader.js:1warning:2FS.syncfsoperationsinflightatonce,probablyjustdoingextrawork在Google浏览器中运行WebGL出现的错误是因为写了加载和反序列化本地

虐码锅锅·2023-12-14 21:19

Unity webgl读取streamingAssetsPath文件夹txt

usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;usingUnityEngine.Networking;usingUnityEngine.Events;usingSystem.IO;publicstaticclassStreamingAssetPathConfigReader{//////读取Stre

奇大可·2023-12-14 21:18

Unity打包到Webgl平台以及遇到的问题

Unity打包到Webgl平台以及遇到的问题参考网站Unity打包WebGL的全过程及在打包和使用过程中会遇到的问题(本地测试)-CSDN博客unity打包到Webgl并配置能正常运行这里我用的是Unity2022.3.3f1c1

unity_http·2023-12-14 21:42

Mirrors and reflections for VR

完全工作场景预览，轻松修改着色器材质。着色器支持折射，可以制作很酷的效果。镜子/反射可以互相反射，而不仅仅是2...想象一下一个电梯，3面镜子都互相反射，直到你的内存和性能预算能达到的深度。

mayzhengxi·2023-12-14 20:07

3D Font

特点:*真实3D字母，可用作游戏对象*移动友好低聚*VR兼容*WebGL兼容*30种以上不同字体*材料和颜色可定制WebGL演示https://indiechest.itch.io/3d-font-engine

mayzhengxi·2023-12-14 13:08

Unity | Shader基础知识（第三集：案例＜对材质颜色进行干预＞)

二、理论介绍1.获取位置信息Unity|Shader基础知识（什么是shader）_unityshader-CSDN博客在这一文章中，我们可以看出，最初决定位置的叫顶点着色器，因为确定位置后才可以上色。

菌菌巧乐兹·2023-12-14 12:14

Unity传送门特效： The Beautiful Portal/Level up/Teleport/Warp VFX

每个版本都有一个"无循环”和一个"无限”预制件:D总共有28个预制件-VFX完全使用Unity的粒子系统和基本的Unity着色器。使用标准渲染管道中制作了这个资产。所以VFX的功能就像视频宣传片一样。

mayzhengxi·2023-12-06 12:24

失落的艺术：无着色器3D渲染

这涉及编写一个或多个顶点着色器来变换3D对象，以及编写一个或多个片段着色器来在屏幕上绘制这些变换后的对象。然后，该框架采用这些着色器和您的3D数据，执行一些魔法，并以绚丽的32位颜色绘制所有内容。

新缸中之脑·2023-12-06 09:37

全息图着色器插件：Hologram Shaders Pro for URP, HDRP & Built-in

8个新的Unity全息图着色器，具有故障效果，扫描线，网格线，和更多其他效果!与所有渲染管线兼容。软件包添加了一系列的全息图着色器到Unity。

mayzhengxi·2023-12-06 09:06

5.2k Star！一个可视化全球实时天气开源项目！

主要功能全球天气可视化：利用WebGL技术，提供了一个逼真的全球地图，显示实时的天气情况。你可以轻松地查看地图上不同地区的气象数据，如温度、风速、降雨量等等。它使用户能够更直观地

孜孜孜孜不倦·2023-12-06 09:58

【浅墨Unity3D Shader编程】之九深入理解Unity5中的Standard Shader (一)&屏幕水幕特效的实现

details/49556461作者：毛星云（浅墨）微博：http://weibo.com/u/1723155442本文工程使用的Unity3D版本：5.2.1概要：本文主要介绍了Unity5中的标准着色器

blade_blood·2023-12-06 04:49

Unity渲染路径（Unity’s Rendering Path）详解1——前向渲染（Forward Rendering path）

Unity渲染路径详解1渲染路径概述渲染路径可以理解为应用层信息在着色器当中接收怎样的数据输入，经过怎样的处理，最后以怎样的方式呈现在二维平面上。

_delta·2023-12-06 04:48

OpenGL 和 OpenGL ES 2.0/3.X 一致性测试说明（CTS）

使用该--verbose选项时，渲染的图像和测试用例着色器将复制到日志文件中。这可能会导致相当大的日志文件，磁盘上最多有数百兆字节。每次执行一

空谷-幽兰·2023-12-05 08:21

VUE2+THREE.JS 销毁，防止越来越卡顿

beforeDestroy(){this.resetScene();},deactivated(){this.resetScene();},//销毁场景等信息resetScene(){this.isShowWebgl

月下脆竹書閣·2023-12-05 05:49

OpenGL03 —— 渲染：甜甜圈正背面剔除

得到投影矩阵并载入投影矩阵堆栈）——》初始化渲染管线（将投影矩阵模型试图矩阵放入其中）3：SetupRC函数：初始化（背景颜色、存储着色器管理类初始化、设置观察者位置（观察者动，物体不动））——》甜甜圈绘制准备

土豆骑士·2023-12-05 02:12

webGL开发虚拟实验室技术方案

1.WebGL框架：选择适用于虚拟实验室开发的WebGL框架，例如Three.js或Babylon.js。这些框架提供了强大的图形渲染和用户交互功能。2.3D模型和纹理：收集或创建虚拟实验室

defdsdddev·2023-12-05 02:46

推荐频道

WebGL着色器