webGL着色器

OpenGL渲染流程图解, 固定存储着色器理解以及图元的基础理解

,驱动程序将渲染命令与数据组合起来发给服务器执行.而Server调用的就是GPU芯片的意思.服务器和客服端在功能上是异步的,客服端不断的将数据和命令组合在一起送入缓冲区,缓冲区再发送的服务器执行.2.着色器上图中最大的框架代表是顶点着色器和片元着色器
为了自由的白菜·2024-01-06 02:04

android-opengles3.0开发【2】绘制图形

简介android下opengles的绘制图形简单来说步骤如下：定义图形顶点数据编写/编译顶点着色器和片段着色器。创建程序，将着色器绑定到程序上，然后连接程序。
昵称真难选·2024-01-06 01:01

unity图像处理简单流程

在渲染管线中，后处理通常位于渲染过程的末尾，即在所有的渲染通道（例如顶点着色器、片段着色器等）完成之后执行后处理操作。后处理操作是在已经渲染的图像上进行的，它不会影响到场景的几何形状或光照等因素。
视图猿人·2024-01-05 13:23

Qt3D 材质模块使用说明

-通过设置`effect`属性，可以指定材质的渲染效果，例如使用着色器程序定义对象的外观。2.**Qt3
1号程序媛·2024-01-05 06:41

前端知识总结之- WebGL 图像处理入门

从这个角度看来，WebGL和函数式编程有些类似，都属于优势已被论证了多年，却一直较为不温不火的技术。但是，一旦这些技术的易用性跨越了某个临界点，它们其实并没有那么遥不可及。
林间曲悠扬·2024-01-04 23:24

【二】CocosCreator-CCGame.js源码分析

debugMode：用于控制输出日志的级别2.showFPS：是否显示FPS3.exposeClassName4.frameRate：设置游戏帧率5.id6.renderMode：使用canvas渲染还是使用WebGL
0zien0·2024-01-04 20:48

Unity3D Shader Graph 使用 DDXY 节点达到抗锯齿的原理详解

Unity3D是一款非常强大的游戏开发引擎，而ShaderGraph是Unity3D中用于制作和编辑着色器的工具。在游戏开发中，抗锯齿是一个非常重要的技术，它可以使得游戏画面更加平滑，减少锯齿感。
Thomas_YXQ·2024-01-04 18:53

Cesium自定义电子围栏特效材质

1.newCesium.Viewer中添加requestWebgl1:true,2.编写材质，主要分三步（1）定义MaterialProperty（2）设置材质（3）添加材质//定义材质对象及变量functionDynamicWallMaterialProperty
程序员正茂·2024-01-04 14:13

Unity打包webgl设置及遇到问题

1.首先打包设置如下图2.设置完成后可直接打包，但是这时候如果场景内的模型需要交互的时候需要把模型的读写打开3.打包Webgl平台时系统自带字体不支持中文需要替换字体4.打包webgl后如何将index
那个村的李富贵·2024-01-04 12:31

深入解析d3dcompiler_47.dll文件及其丢失的修复方法

d3dcompiler_47.dll是DirectXSDK中的一个动态链接库文件，它是用于编译DirectX着色器的工具之一。
sheng12345678rui·2024-01-04 12:36

SuperMap iClient3D for WebGL/WebGPU 坐标系&位置（1） —— Cartesian2

目录一、Cartesian笛卡尔坐标系1.二维笛卡尔直角坐标系Cartesian2（x,y）1.1获取Cartesian21.2Cartesian2的构建1.2.1单位向量1.2.2数组构建Cartesian2fromArray(array,startingIndex,result)1.2.3Cartesian3构建Cartesian2fromCartesian3(cartesian,result
supermapsupport·2024-01-04 07:20

SuperMap iClient3D for WebGL绘制河流

作者：kele前言在三维地理信息系统中，河流是重要的组成部分，如何在三维场景中展示河流成为我们重点探讨的对象；在以往的方法中，我们可以通过iDesktop制作水面特效来展示河流，但这种方式的局限性在于不能改变河流的走向以及水流的方向，今天，小编为大家介绍一种前端绘制河流的方法~一、实现思路1.绘制entity实体线2.给实体线赋予动态材质贴图3.根据相机高度改变实体线宽其中主要的障碍应该是第二点，
supermapsupport·2024-01-04 07:49

SuperMap iClient3D for Cesium绘制河流（二）

作者：kele前言之前分享过一篇《SuperMapiClient3DforWebGL绘制河流》（跳转）的文章，当时的思路是以entity中的polyline作为载体，给它添加流动材质来表达出河流效果，但是由于
supermapsupport·2024-01-04 07:38

vue3+echart绘制中国地图并根据后端返回的坐标实现涟漪动画效果

//lbsyun.baidu.com/apiconsole/key*/ak:'sRDDfAKpCSG5iF1rvwph4Q95M6tDCApL',//v:'3.0',//默认使用3.0//type:'WebGL
00秃头小宝贝·2024-01-04 06:19

Android 自定义View学习(六)——Paint 关于Shader的学习

1.Shader着色器着色器就是用来上色的，可以用来实现一系列的渐变、渲染效果，有5个子类BitmapShader位图ShaderLinerGradient线性ShaderRadialGradient光束
Yue_Q·2024-01-03 23:40

Nice Water Shader

非常好的水着色器！标准RP上的新程序泡沫!!(URP即将推出)URP支持！！有3个版本：-台式机-移动设备-桌面拼接有灯光支持！！
mayzhengxi·2024-01-03 21:51

Simple Facebook Sign-In

简单的Facebook登录为Android、iOS、Windows、Mac、通用Windows平台（UWP）和Unity制作的WebGL应用程序提供了基于OAuth2.0的Facebook登录。
mayzhengxi·2024-01-03 21:51

Unity优化之CPU与GPU

cpu要为确定哪些光源影响该对象，设置着色器和着色器参数，向图形驱动程序发送绘制命令，而图形驱动程序随后将准备发送到显卡的命令。1，C
心之所向，自强不息·2024-01-03 20:49

OpenGL ES关于纹理翻转策略解析

在用OpenGLES绘制图片的时候,我们发现所绘制的图片颠倒了,以下我们来使用几种解析策略来解决这个问题,通过探索找到最适合自己的方法.1.给顶点着色器添加一个矩阵,通过矩阵相乘来达到翻转图片的效果,顶点着色器代码如下
为了自由的白菜·2024-01-03 17:56

Apk瘦身方案整理

步骤简介图标使用SVG矢量图；针对需要同一张图片不同颜色的情况下，使用Tint着色器；将项目中资源转为webp格式针对内置资源需要压缩包的情况，采用7z极限压缩；删除国际化资源；（如appcompat-v7
禅座·2024-01-03 11:28

three.js实现模型描边高亮效果

EffectComposer.jsimport{EffectComposer}from'three/addons/postprocessing/EffectComposer.js';大家都知道three.jsWebGL
是云呀！·2024-01-03 08:53

OpenGL ES案例 - 立方体贴图旋转

最终效果图如下：QQ20200728-185531-HD.gif在本案例中，我们使用GLKView视图和GLKBaseEffect着色器去实现这样的功能。
大橘猪猪侠·2024-01-03 03:40

Qt OpenGL（01） 概述

文章目录1、OpengGL参考教程2、QtOpengGL框架2.1Qt项目文件添加模块2.2main.cpp2.3Widget.h2.4Widget.cpp2.5顶点着色器shader.vert2.6片元着色器
hitzsf·2024-01-03 02:57

SuperMap iClient3D for WebGL教程-SuperMapImageryProvider

SuperMapImageryProvider是用于对接SuperMapiServer发布的三维服务中的影像图层及二维地图服务。下面我们来看下接口说明：SuperMapImageryProvider接口说明接口比较易用，通常只需要设置图层的url即可，参考代码如下：示例代码添加图层效果特别说明：（1）最大最小层级通常不需要设置，接口内部会根据图层的信息自动设置。（2）对接二维地图时，地图投影必须是
Mr桔子先生·2024-01-02 23:53

WebGL技术在医学图像处理的应用

WebGL技术在医学图像处理方面具有广泛的应用，提供了实时、交互式的图像渲染和分析工具。以下是WebGL在医学图像处理中的一些应用场景，希望对大家有所帮助。
super_Dev_OP·2024-01-02 19:44

WebGL开发模拟器和培训应用

WebGL可以用于开发模拟器和培训应用，提供实时、交互式的图形渲染和模拟环境。以下是在WebGL中开发模拟器和培训应用时的一些建议和常见场景，希望对大家有所帮助。
super_Dev_OP·2024-01-02 19:44

OpenGL ES 案例10：灰度+颠倒+马赛克滤镜

本案例的目的是理解如何用GLSL实现灰度+颠倒+马赛克（共5种）滤镜整体的效果图如下：准备工作的代码与OpenGLES案例11：分屏滤镜中一致，只需要修改相应的底部item数组及对应的着色器名称等，这里不再说明这部分内容顶点着色器也没有任何变化
辉辉岁月·2024-01-02 16:05

动画墙纸：将视频、网页、游戏、模拟器变成windows墙纸——Lively Wallpaper

完结前言LivelyWallpaper是一款开源的视频壁纸桌面软件，类似WallpaperEngine，兼容WallpaperEngine视频包文件，可以把视频文件、GiF文件、模拟器、HTML、网址、着色器和游戏转换为
向宇it·2024-01-02 08:01

实现区域地图散点图效果,vue+echart地图+散点图

//lbsyun.baidu.com/apiconsole/key*/ak:'sRDDfAKpCSG5iF1rvwph4Q95M6tDCApL',//v:'3.0',//默认使用3.0//type:'WebGL
00秃头小宝贝·2024-01-02 04:44

three.js开发的通俗描述

当然好在现在有基于webgl基础上进行封装的three.js框架，不再需要往底层进行学GLSL语言等基础知识了。当然，想精通还是得往底层去学。而th
lorelei47·2024-01-01 22:28

UnityShader（二）Shader基础

：Properties属性类型3.SubShader状态设置SubShader标签Pass语义块特殊的PassUsePassGrabPass4.FallBack四、UnityShader的形式1.表面着色器
米芝鱼·2024-01-01 17:31

UntiyShader（六）Unity提供的Cg/HLSL语义

目录前言一、什么是语义(Semantics)系统数值语义（system-valuesemantics）二、Unity支持的常用语义1.从应用阶段传递模型数据给顶点着色器时，以下在Unity中都有特殊的含义
米芝鱼·2024-01-01 17:31

UnityShader（四）一个最简单的顶点/片元着色器

目录顶点/片元着色器的基本结构：简单的例子增加模型数据顶点着色器和片元着色器之间的通信顶点/片元着色器的基本结构：Shader"MyShaderName"{Properties{//属性}SubShader
米芝鱼·2024-01-01 17:59

在vue中使用three.js切换页面后销毁，防止内存溢出

产生问题用three.js写了一个webgl页面，发现这个webgl页面在和普通页面来回切换多次后会导致页面卡顿。
printf_824·2023-12-31 02:26

腾讯地图基于 WebGL实现自定义栅格图层踩坑实录

以下内容转载自totoro的文章《WebGL-Y轴翻转踩坑实录》作者：totoro链接：https://blog.totoroxiao.com/webgl-flipY/来源：https://blog.totoroxiao.com
_bugMaker·2023-12-30 23:13

【前端面经】即时设计

EventLoop原理Promise相关css描边方式requestAnimationReact18新特性JSX相关react输出两次函数式编程React批处理机制http请求头有哪些本地存储性能优化方面webgl
知心宝贝·2023-12-30 11:26

WebGL技术的应用场景

WebGL（WebGraphicsLibrary）是一种在Web浏览器中渲染3D图形的技术，它基于OpenGLES（OpenGLforEmbeddedSystems）标准，允许通过JavaScript编写高性能的
super_Dev_OP·2023-12-30 09:12

WebGL以及wasm的介绍以及简单应用

简介下面主要介绍了WebGL和wasm,是除了html,css,js以外Web标准所支持的另外两个大件前者实现复杂的图形处理,后者提供高效的代码迁移以及代码执行效率WebGL简介首先,浏览器里的游戏是怎么做到这种交互又显示不同的画面的
killsime·2023-12-30 08:40

SuperMap iClient3D for WebGL教程 Camera相机(二)应用实战

SuperMapiClient3DforWebGL教程Camera相机(二)应用实战WuYK在Camera上一讲中,我们已经大概了解了Camera的一些基本参数,也用了一个简单的示例去应用了Camera
supermapsupport·2023-12-30 06:39

Super Map超图IServer加载gltf三维模型

加载gltf三维模型在使用场景中，SuperMapiClient3DforWebGL(以下简称：WebGL客户端)需要加载一些带有动画的三维模型来展示特殊场景效果，而三维建模软件众多而模型格式纷纭，格式上的不统一给
DoneGis·2023-12-30 06:37

iclient3D-WebGL概述

1、iclient3D-WebGL是什么基于Cesium开源框架，面向HTML5的三维应用程序开发工具，基于WebGL技术实现的三维客户端开发平台。
小邋遢you·2023-12-30 06:06

SuperMap iClient3D for WebGL 使用说明

SuperMapiClient3DforWebGL官方文档http://support.supermap.com.cn:8090/webgl/web/index.html一、Viewer视图Viewer
web_Orisir·2023-12-30 05:15

SuperMap iClient3D for WebGL教程（空间分析）- Profile剖面分析

剖面分析是指根据指定的剖面线，输出剖面线与地形数据的表面高程沿某条线（截面）的变化，或剖面线所截的模型建筑物、地下管线等的轮廓线。并支持在剖面线图上进行量算和位置查询功能，同时支持将剖面图输出为图片数据保存。该功能适用于地形数据和模型数据。剖面分析广泛应用于工程选线、设施选址、管线布设、煤矿开采、土地利用规划等方面，例如：通过剖面分析功能输出地下管线剖面图，通过距离量算功能量算管线直径。剖面分析可
supermapsupport·2023-12-30 05:43

SuperMap iClient3D for WebGL教程（S3MTilesLayer）- 图元操作

作者：刘大S3MTilesLayer，S3M(Spatial3DModel)图层类，通过该图层实现加载三维切片缓存，包括倾斜摄影模型、BIM模型、点云数据、精细模型、矢量数据、符号等。那S3MTilesLayer中针对图元的操作主要有‘颜色’，‘偏移’，‘可见性’’等，可通过下面这张表格，查看对应的方法，文章接下来就从这3个操作来进行说明首先，图元的操作是基于图元对象的id进行指定的，我们一般可通
supermapsupport·2023-12-30 05:42

SuperMap iClient3D for WebGL/WebGPU ——地形影像

目录一、地形影像1、引用部分1.widgets.css2.pretty.css3.jquery.min.js4.spectrum.js6.config.js2、代码部分2.1引擎的使用2.2初始化添加地形2.2.1proxy：服务代理2.2.2requestWaterMask：水面特效2.2.3ellipsoid:椭球体2.2.4credit：描述信息2.2.5isSct：是否为iServer发布
supermapsupport·2023-12-30 05:12

SuperMap iClient3D for WebGL/WebGPU ——颜色（1）

目录1.颜色模块2.Color(red,green,blue,alpha)3.Color的一些其他方法3.1数值运算3.1.1add(left,right,result)融合颜色3.1.2subtract(left,right,result)两颜色分量差值运算3.1.3mod(left,right,result)余数运算3.1.4multiply(left,right,result)两颜色分量乘积
supermapsupport·2023-12-30 05:12

SuperMap iClient3D for WebGL制作立体地图

kele以重庆市为例，我们来看下如何制作三维立体地图，先看下效果吧一、数据准备1.重庆市矢量面2.重庆市影像图（没有重庆市影像的话，可以通过矢量面裁剪获得）3.条纹图片二、数据制作制作思路：我们观察到立体地图像是一个被拉伸起来的多边形体，顶面是影像地图，侧面是纹理图片，所以我们可以通过矢量面拉伸+贴图的方式实现1.获取顶面影像贴图小编只有一张全国的低精度影像，通过裁剪的方式获取重庆市影像裁剪后得到
supermapsupport·2023-12-30 05:11

SuperMap iClient3D for WebGL——pickEvent事件

作者：赵爽相信有大部分初学者在学习webgl的时候，都遇到pickEvent事件进不去的问题，我最近也查了查相关的问题，也是不少的。下面我就来总结一下pickEvent事件究竟应该怎么写。
supermapsupport·2023-12-30 05:41

SuperMap iClient3D for WebGL之平面场景（三）

在之前的博文中，我们已经向大家介绍了SuperMapiClient3DforWebGL如何加载平面场景。对于球面场景和平面场景，除了在加载的时候需要转换场景模式外，还有以下几个方向与球面场景有差异。
supermapsupport·2023-12-30 05:41

SuperMap iClient3D for WebGL扩展开发教程——动态棱锥标注

作者：桔子本文同步发布于https://www.jianshu.com/p/99e0f83f1352最近有客户咨询是否能实现如下的动态标注效果，下面来看下如何实现。1、棱锥实现从截图可以看到，这里对象是棱锥，但是在Cesium的Enity对象中，并没有直接的棱锥对象可以使用，这里有两个思路去解决。（1）通过primitive去绘制，需要自己构建棱锥的每一个顶点坐标、索引、位置矩阵，以及shader
supermapsupport·2023-12-30 05:41
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他