webGL着色器第10页

虚拟仿真三种部署方案的优劣势对比

经过近几年的发展，虚拟仿真教学在教育行业已经有一定的规模，目前的虚拟仿真程序部署方案多采用了单机版或者结合webgl技术，可以实现电脑安装运行，或者通过WebGL实现网页打开。

点量云实时渲染-小芹·2023-12-29 22:25

threejs官方demo学习（3）：几何体

webgl_geometries这个案例还是比较简单的，主要介绍了一些创建物体的创建。知识点PointLightPointLight点光源，从一个点向各个方向发出光线的光源，比如灯泡。

无知的小菜鸡·2023-12-29 18:02

threejs实现3d全景看房

认识threejsthree.js就是使用javascript来写的，基于原生WebGL封装运行的三维引擎，运行在浏览器上的3D程序。WebGL是在浏

前端码农小王·2023-12-29 18:31

Three.js基础入门介绍——Three.js学习一【学习路线】

Three.js基础入门介绍1.深入了解Three.js前提下需要知道：【OpenGL和WebGL】1.OpenGL是一个跨平台的3D/2D的绘图标准（规范）。

小猪猪哟·2023-12-29 17:23

UnityShader 屏幕特效入门前

它允许您通过使用基于着色器的过滤器进行处理来修改最终图像。传入的图像是source渲染纹理即是场景图片，destination是目标渲染纹理。

Yan_Sl·2023-12-29 16:55

SuperMap iClient3D for WebGL之对接iServer发布的影像服务（一）

作者：nannanSuperMapiServer10.2.0版本提供了影像服务扩展模块，可以将大规模影像或栅格数据快速发布为影像服务；影像服务提供了一种通过Web服务来管理和访问影像或栅格数据的方式。影像服务提供了WMTS服务接口，方便第三方客户端以外的产品对接，浏览影像服务所管理的数据。小编尝鲜通过测试，发现影像服务是用本地的（.tif、.img、.ecw）影像或栅格数据直接发布影像服务，可以在

supermapsupport·2023-12-29 13:24

html5从入门到放弃,《前端图形学从入门到放弃》002 教练我想学矩阵

webgl如何实现缩放和旋转？平移不是线性变换，那该怎么办？webgl如何实现平移？

weixin_39595008·2023-12-29 02:15

WebGL在教育和培训的应用

WebGL在教育和培训领域具有广泛的应用，其强大的图形渲染能力和跨平台性使得它成为创建交互式、视觉化的数字内容的理想选择。以下是一些WebGL在教育和培训上的应用示例，希望对大家有所帮助。

super_Dev_OP·2023-12-29 02:14

利用HTML5构筑物理模拟环境～ WebGL库Three.js入门（１／３）

这是目前质量较好、讲解比较清楚的一篇Three.js的入门教程，原作者是日本人遠藤理平，由HiWebGL技术讨论群群友瀡风翻译，HiWebGL授权转载。感谢原作者的创作和瀡风辛苦翻译！

load_life·2023-12-29 02:12

WebGL库Three.js入门

HTML5和WebGL简单认识一下HTML5吧。HTML5是目前构成WEB页的主流的HTML4和XHTML的后续语言、2008年制定了草案、约定各大浏览器提供商一起力争在2014年前形成正式的版本。

celte·2023-12-29 02:41

WebGL开发三维解剖学应用

开发基于WebGL的三维解剖学应用通常涉及以下步骤。这些步骤包括创建三维模型、整合交互性、优化性能等，希望对大家有所帮助。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。

super_Dev_OP·2023-12-29 02:10

Unity中URP下的添加雾效支持

文章目录前言一、URP下Shader支持雾效的步骤1、添加雾效变体2、在Varying结构体中添加雾效因子3、在顶点着色器中，我们使用内置函数得到雾效因子4、在片元着色器中，把输出颜色和雾效因子混合输出二

楠溪泽岸·2023-12-29 01:12

Blender导出Mtl文件格式

一.Blender导出Mtl文件mtl文件:为描述模型材质信息文件.模型材质(mtl)=着色器(shader)+纹理(texture)渲染3D模型时,会根据着色器提供的算法将纹理像素进行二次加工,生成结果输出至计算机渲染管线

霸王•吕布·2023-12-29 01:18

【超图】SuperMap iClient3D for WebGL/WebGPU —— 数据集合并缓存如何控制对象样式

作者：taco最近在支持的过程中，遇到了一个新问题！之前研究功能的时候竟然没有想到。通常我们控制单个对象的显隐、颜色、偏移的参数都是根据对象所在的图层以及对象单独的id来算的。那么问题来了，合并后的图层。他怎么控制单个对象的显隐、颜色、偏移呢？突然令人费解。本篇文章将介绍两种方式来控制合并图层后的单个对象的样式。一、仅通过代码控制在官方示例中。我们可以发现有一个示例中所应用的数据集图层是合并的图层

老孟爱吃Taco·2023-12-28 17:04

【Web2D/3D】Canvas（第三篇）

1.前言是HTML5新增元素，它是一个画板，开发人员基于它的2D上下文或webgl上下文，使用JS脚本绘制简单的动画、可交互画面，甚至进行视频渲染。

古狼（Jenkin_guwolf）·2023-12-28 13:45

初识canvas（二）

canvas最基础的用法，包括绘制线条、控制渲染方式、绘制图形、作用域、添加阴影、清理、剪切等功能，本节将继续为大家分享canvas的基础用法，同时也是最后一节基础知识分享，之后的内容，我们将会进入到对webgl

yancy_1012·2023-12-28 12:19

Web直播技术 (2023.04)

>服务器处理->CDN分发）->解码->播放通过HTTP、WebSocket等方式获取数据；处理数据，解协议、组帧等得到媒体信息及数据；封装成媒体片段，或解码成一帧画面；通过video或canvas（WebGL

seaty_·2023-12-28 07:07

[Godot4][源码分享]GWJ#50作品—俯视角解谜

主菜单（全屏与音量控制、关卡选择）异步场景加载游戏核心机制（玩家控制、视角控制、道具拾取与使用、召唤平台、推进类平台、传送类平台、简单对话框）遇到的问题：使用Forward+渲染器创建的场景不能很好地兼容WebGLAnimationTree

pamisu·2023-12-28 04:23

SuperMap iClient3D for WebGL教程（Entity）-WallGraphics

本节我们来一起学习下WallGraphics这个对象，这个对象也是属于Entity是他对象的，Wall是一个墙对象，可以沿着地面或海拔高度进行放置，是竖立着加载到场景中的，我们来看一个使用Wall做的效果简单的墙代码如下：viewer.entities.add({id:"test0",wall:{positions:Cesium.Cartesian3.fromDegreesArray([112,4

为梦齐舞·2023-12-27 17:12

WebGL

类型化数组：ArrayBuffer：这是一个构造函数，创建时通过传入数字来为将来的使用而分配一定的字节。单位时B（1B=8b，1B=2的8次方）。这个构造函数的实例有一个属性：byteLength：用于获取包含的字节数。视图：DataView：这是一个构造函数，创建这个构造函数的实例需要传入1-3个参数，第一个参数是类型化数组的实例，第二个参数是可选的字节偏移量和一个可选的要选择的字节量。在实例化

郝加升·2023-12-27 16:38

unity-shader-2

shader应用于材质创建物体(需要有meshrender、meshfliter组件)，将材质应用于物体在材质面板中，调整shader属性改变物体外观创建shader时的预设：选项分别为：包含标准光照模型的表面着色器

W.C.Zeng·2023-12-27 12:52

OpenGL

基本概念1.光栅化：实际绘制或填充每个顶点之间的像素形成线程2.着色：沿着顶点之间改变颜色值能够轻松创建光照到一个立方体的效果3.纹理贴图：将纹理图片附着到你绘图的图像上4.混合：颜色混合效果着色器图元

weixin_38432324·2023-12-27 12:06

【Web2D/3D】css3的2D/3D转换、过渡、动画（第一篇）

古狼（Jenkin_guwolf）·2023-12-27 09:15

WebGL开发安全培训应用

使用WebGL开发安全培训应用可以为员工提供在虚拟环境中体验危险情境、学习安全操作和应急处理技能的机会。以下是开发安全培训应用的一般步骤，希望对大家有所帮助。

super_Dev_OP·2023-12-27 07:20

AR智慧校园三维主电子沙盘系统研究及应用

架构模式，采用自主可控高性能WebGIS可视化引擎，支持多用户客户端通过网络请求访问服务器地图和专题数据，提供地理信息数据、专题数据的并发访问和高效调度加载，进一步拓展全空间数据模型及其分析计算能力，集成WebGL

QQ_2801061513·2023-12-27 07:01

Unity3D 中播放 RTSP 监控视频

【Unity3D】怎么在WebGL中低延迟播放RTSP监控-简书[Unity3D]开箱即食的头部监控厂商SDK集成框架-简书Unity3dWindows播放视频（视频流）功能组/插件支持对比_ffmpegforunity-CSDN

LixiSchool·2023-12-26 23:56

惊艳！人人都能玩转酷炫的数据可视化，高德LOCA 2.0全新升级，轻松实现海量数据渲染...

高德LOCA数据可视化旨在为各领域企业和个人提供便捷高效的可视化应用技术，提供基于WebGL和高德JSAPI的大规模地理

高德技术·2023-12-26 15:23

Html+three.js+webgl的vtk/ply/obj/三维图形显示实例

程序示例精选Html+three.js+webgl的vtk/ply/obj/三维图形显示实例如需安装运行环境或远程调试，见文章底部个人QQ名片，由专业技术人员远程协助！

荷塘月色2·2023-12-26 13:38

SuperMap iClient3D for WebGL查询地图栅格值

SuperMapiDesktopX11i中将栅格数据集添加到地图中2、地图生成栅格瓦片二、使用iServer发布服务1.发布REST地图服务2.将栅格数据集发布为数据服务三、SuperMapiClient3DforWebGL

supermapsupport·2023-12-26 12:28

SuperMap iClient3D for WebGL时序影像

下面就让我们来看看如何在SuperMapiClient3DforWebGL中模

supermapsupport·2023-12-26 12:23

OpenGL学习跟着官网教程学习（深度测试）

提前深度测试允许深度测试在片段着色器之前运行。只要

asiwxy·2023-12-26 06:47

OpenGL学习跟着官网教程学习（模板测试）

1，模板测试和深度测试的顺序片段着色器------->模板测试-------->深度测试2，什么叫模板缓冲？就是记录了每一个像素点的模板值。

asiwxy·2023-12-26 06:47

ArcGIS API在视图中渲染Three.js场景

ArcGISAPI中的SceneView使用WebGL在屏幕上渲染地图和场景，还提供了一个底层接口来访问SceneView的WebGL上下文，因此可以创建与场景交互的自定义可视化效果，方式与内置图层相同

travelclover·2023-12-26 00:27

WebGL技术实现机械工程培训

机械工程培训的虚拟环境可以通过WebGL技术实现，提供沉浸式的三维体验，帮助学生学习机械结构、运动原理和装配过程。以下是开发机械工程培训虚拟环境的一般步骤，希望对大家有所帮助。

super_Dev_OP·2023-12-25 22:14

WebGL开发建筑和设计教育应用

使用WebGL开发建筑和设计教育应用可以为学生提供沉浸式的三维体验，使他们能够在虚拟环境中探索建筑结构、材料和设计理念。以下是开发建筑和设计教育应用的一般步骤，希望对大家有所帮助。

super_Dev_OP·2023-12-25 22:14

WebGL开发数字孪生项目

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

super_Dev_OP·2023-12-25 22:13

WebGL开发虚拟实验室

开发基于WebGL的虚拟实验室可以为学生提供交互式、沉浸式的实验体验，从而增强他们的实验技能和科学理解。以下是开发虚拟实验室的一般步骤，希望对大家有所帮助。

super_Dev_OP·2023-12-25 22:13

WebGL开发地理和地球科学应用

使用WebGL开发地理和地球科学应用可以为学生提供交互式、沉浸式的学习体验，帮助他们理解地球表面的地理特征、地球科学原理以及环境变化。以下是开发地理和地球科学应用的一般步骤，希望对大家有所帮助。

super_Dev_OP·2023-12-25 22:42

OpenGL学习之着色器语言

着色器语言OpenGLES着色器语言是一种高级的图形编辑语言，主要特性：OpenGLES着色器语言是一种高级的过程语言对顶点着色器，片元着色器使用的是同样的语言，不做区分基于C/C++的语法及流程控制完美支持向量与矩阵的各种操作拥有大量的内置函数来提供丰富的功能数据类型

秋叶红90·2023-12-25 18:06

Unity Shader Early-Z技术

Early-Z技术Unity渲染顺序总结AlphaTest（Discard）在移动平台消耗较大的原因Early-Z技术传统的渲染管线中，ZTest其实是在Blending阶段，这时候进行深度测试，所有对象的像素着色器都会计算一遍

类人_猿·2023-12-25 15:31

Unity | 渡鸦避难所-1 | 修复资源导入后呈现洋红色（Built-in 转 URP）

在URP项目的场景中，游戏对象仍使用专为内置渲染管线编写的着色器，与URP着色器不兼容，导致对象无法正确渲染，此时Unity会使用洋红色错误着色器显示游戏对象2

渡鸦~·2023-12-25 11:22

OpenGL初识

提供的是一系列接口,它是指一个规范,OpenGL规范严格规定了每个函数该如何执行,以及它们的输出值,具体的实现是由各个显示设备厂商,它作为本地系统库直接运行在硬件上,如果OpenGL出现了BUG,应该升级显卡驱动顶点着色器

MegaC·2023-12-25 10:28

OpenGL ES-案例实现灰度滤镜和马赛克滤镜

并且因为顶点着色器代码不需要修改，我们只需要修改片元着色器文件即可。

Sheisone·2023-12-25 01:00

在Next.js和React中搭建Cesium项目

Cesium是一个基于WebGL的地理信息可视化库，通常用于在网页中展示三维地球或地图。下面是一个基本的步骤，用于在Next.js项目中集成Cesium。

Run不动了·2023-12-24 21:36

Coding and Paper Letter（四十五）

gempy2.Tangram是一个JavaScript库，用于使用WebGL在Web浏览器中实时渲染2D和3D地图。tangram3.R语言包gdalcubesR，gdalcubes的R包，与之前

G小调的Qing歌·2023-12-24 19:41

Cesium概述

Cesium使用WebGL进行渲染，这意味着它可以充分利用现代图形硬件的能力，为用户提供流畅、高质量的图形体验。此外，C

烟雨冢·2023-12-24 12:06

鸿蒙WebGL开发入门

WebGL的全称为WebGraphicLibrary(网页图形库)，主要用于交互式渲染2D图形和3D图形。

xiangzhihong8·2023-12-24 06:48

unity 发布WebGL 读取streamingAssets文件夹内的TXT 遇到的问题

读取的文件路径上代码stringpath=Path.Combine(Application.streamingAssetsPath,"data.txt");//unityEditor，webgl端都可以读取

AD_喵了个咪·2023-12-23 22:16

blender常用快捷键

鼠标指向想切换的视角按钮，然后松开「~」保存文件：Ctrl+S旋转视图：拖动鼠标滚落平移视图：Shift+鼠标滚轮缩放视图：Ctrl+鼠标滚轮切换物体模式和编辑模式：Tab键切换模式：Z键添加面板，添加着色器

zbailing·2023-12-23 21:08

canvas入门笔记（上）

而同样使用元素的WebGLAPI则用于绘制硬件加速的2D和3D图形。Canvas使用在HTML页面当中新建一个画板/*此处书写内容在高版本浏览器内无内容*/Step1获取画布

腿子代码了·2023-12-23 21:54

推荐频道

webGL着色器