WebGPU

在浏览器上使用transformers.js运行（WebGPU）RMBG-1.4进行抠图（背景移除）

在浏览器上使用transformers.js运行（WebGPU）RMBG-1.4进行抠图（背景移除）说明：首次发表日期：2024-08-28官方Github仓库地址：https://github.com
shizidushu·2024-09-01 17:55

资讯｜WebGPU必将成为Web生态的新未来！

1WebGPU简介经过六年的开发和测试，今年5月2日谷歌正式宣布Chrome将从版本113开始提供WebGPU支持，从而在ChromeOS、Windows和macOS设备上实现逼真的渲染视觉效果和复杂的计算
·2024-02-20 21:40

扫盲：什么是webGPU，和webGL对比哪些优点？

web端的3D图像渲染，大都采用webGL，不过其性能让大家很崩溃，webGPU的出现，让大家看到了访问加速的可能，本文通过对比webGPU与webGL，给老铁们普及一下。
贝格前端工场·2024-02-20 20:08

基于WebGPU的AI原生3D引擎将会迎来新机遇！Orillusion在GOTC上做主题演讲！

全球开源技术峰会（GlobalOpen-sourceTechnologyConferencGOTC2023由开放原子开源基金会、Linux基金会亚太区、上海浦东软件园和开源中国联合发起，于5月27日至28日在上海顺利举行。GOTC是面向全球开发者的一场盛大开源技术盛宴，大会以行业展览、主题发言、专题论坛、开源市集的形式展现，与会者将一起探讨元宇宙、3D与游戏、eBPF、Web3.0、区块链等热门技
·2024-02-19 21:30

Unity,UE,webGPU区别

Unity,UE,webGPU区别UnityUEwebGPUUE和Unity技术选型UE和Unity都是游戏引擎。
Ybb_studyRecord·2024-02-14 05:55

【白话前端】快速区分webGL，webGPU，unity3D和UE4

一、四者都能进行3D图形渲染它们之间有一些区别，下面我将对它们进行简单的区分：WebGPU：WebGPU是一种Web图形API，是基于底层的GPU硬件架构设计的，可以更好地利用现代GPU的并行计算能力，
贝格前端工场·2024-02-14 05:54

WebGPU Inter-stage 变量

1.webgpuInter-stage变量Inter-stage变量在顶点着色器和片段着色器之间发挥作用。这里我们声明了一个结构体struct，这是在顶点着色器和片段着色器之间增加Inter-stage变量的一种简便方法。structOurVertexShaderOutput{@builtin(position)position:vec4f,@location(0)color:vec4f}然后，我
你大爷的,这都没注册了·2024-02-07 23:37

【WebGPU】简介和开始

简介WebGPU是一种API，用于在Web应用中访问GPU的功能。在WebGPU出现之前，有一个WebGL，它提供了WebGPU的部分功能。
prinTao·2024-01-28 22:21

BabylonJS(一) 前言-为什么想写这个系列

先开篇吐槽下吧，我是奔着6.0和WebGPU来的，网上各种评测也很优秀，社区活跃，打算入坑。
arwind gao·2024-01-06 04:32

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

轻量封装WebGPU渲染系统示例＜55＞- 顶点数据更新

当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/material/src/voxgpu/sample/VertexUpdateTest.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下:exportclassVertexUpdateTest{privatemRscene=newRe
含影·2024-01-01 09:22

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/WebGPU —— 坐标系&位置 —— Cartesian2

那么在SuperMapiClient3DforWebGL/WebGPU中包含了哪些坐标系信息呢？一、Cartesian笛卡尔坐标系可能说到笛卡尔坐标系，对于一个毕业多年的人来说，或者
老孟爱吃Taco·2023-12-30 05:09

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

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

【超图】SuperMap iClient3D for WebGL/WebGPU ——颜色（1）

那么针对颜色设置在超图的iClient3DforWebGl/WebGPU中又提供了哪些方式呢？本篇文章将介绍一些颜色的设置方法。以及一些颜色的参数设置。
老孟爱吃Taco·2023-12-21 04:48

【超图】SuperMap iClient3D for WebGL/WebGPU ——地形影像

作者：taco号外！号外！开新坑了！开新坑了！对于一个代码小白来讲，设置可能是刚接触开发的人（还没接触准备接触）的人来说。对于读代码或是在对产品的使用上会存在许许多多的疑惑。接下来的话准备开个新坑，帮大家了解超图官方示例中不同功能的数据是如何制作的。每一句代码都是什么意思。方便大家更好的入门。更好的开发。本系列博客从示例代码直接入手，关于环境配置，下载等内容。可以参考以前的博客——新产品使用指南中
老孟爱吃Taco·2023-12-20 22:39

轻量封装WebGPU渲染系统示例＜53＞- 多盏灯灯光照在地面的效果

WebGPU实时渲染实现模拟多盏灯的灯光照在地面的效果灯光效果。
含影·2023-12-19 20:55

轻量封装WebGPU渲染系统示例＜51＞- 视差贴图(Parallax Map)(源码)

视差纹理是一种片段着色阶段增强材质表面凹凸细节的技术。当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/material/src/voxgpu/sample/ParallaxTexTest.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下:exportclassParallaxTex
含影·2023-12-18 09:44

轻量封装WebGPU渲染系统示例＜52＞- Json数据描述材质、纹理等3D渲染场景信息

当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/material/src/voxgpu/sample/DataDrivenScene3.ts当前示例运行效果:Json数据:{"renderer":{"mtplEnabled":true,"camera":{"eye":[1100,1100,500],"up":[0,1
含影·2023-12-18 09:36

轻量封装WebGPU渲染系统示例＜48＞- 多种光源的多种组合(源码)

实现方式:1.全局的灯光和阴影。2.球体和矩形平面使用了相同的材质对象。3.通过材质自动关联和组装对应的渲染材质功能节点。当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/material/src/voxgpu/sample/MultiLightsShading2.ts当前示例运行效果:此示例基于此渲染系统实现，当前示
含影·2023-12-17 07:22

轻量封装WebGPU渲染系统示例＜49＞- 多种灯光多材质(源码)

实现方式:1.全局的灯光和阴影。2.球体和矩形平面使用了相同的材质对象。3.通过材质自动关联和组装对应的渲染材质功能节点。4.共享uniform或storage的buffer对象。5.共享shadermodule对象。当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/material/src/voxgpu/sample
含影·2023-12-17 07:22

轻量封装WebGPU渲染系统示例＜50＞- Json数据描述材质等场景信息

当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/material/src/voxgpu/sample/DataDrivenScene2.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下:json场景数据:{"renderer":{"mtplEnabled":true,"camera
含影·2023-12-17 07:18

轻量封装WebGPU渲染系统示例＜45＞- 材质组装流水线(MaterialPipeline)灯光、阴影、雾(源码)

当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/material/src/voxgpu/sample/MaterialPipelineFog.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下：exportclassMaterialPipelineFog{privatemRscene
含影·2023-12-17 00:16

轻量封装WebGPU渲染系统示例＜44＞- 材质组装流水线(MaterialPipeline)之灯光和阴影(源码)

目标:数据化，模块化，自动化备注:从这个节点开始整体设计往系统规范的方向靠拢。之前的都算作是若干准备。所以会和之前的版本实现有些差异。当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/material/src/voxgpu/sample/MaterialPipelineTest.ts当前示例运行效果:此示例基于此渲染系
含影·2023-12-16 09:19

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

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

轻量封装WebGPU渲染系统示例＜46＞- 材质组装管线(MaterialPipeline)灯光、阴影、雾以及多Pass(源码)

当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/material/src/voxgpu/sample/MaterialPipelineMultiPasses.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下：exportclassMaterialPipelineMultiPasse
含影·2023-12-15 18:15

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

基于SuperMapiClient3DforWebGL/WebGPU实现暴雪仿真效果。先来看下效果暴雪1.修改天空盒子看看北京这天气，雾霾霾的。
老孟爱吃Taco·2023-12-15 09:36

轻量封装WebGPU渲染系统示例＜42＞- vsm阴影实现过程(源码)

前向实时渲染vsm阴影实现的主要步骤:1.编码深度数据，存到一个rtt中。2.纵向和横向执行遮挡信息blurfiltersampling,存到对应的rtt中。3.将上一步的结果(rtt)应用到可接收阴影的材质中。具体代码情况文章最后附上的实现源码。当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/s
含影·2023-12-05 22:22

轻量封装WebGPU渲染系统示例＜43＞- PBR材质与阴影实(源码)

原理简介:1.基于renderingpassgraph实现。2.WGSLShader基于文件系统和宏机制动态组装。当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/PBRShadowTest.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScri
含影·2023-12-05 22:22

轻量封装WebGPU渲染系统示例＜41＞- 前向渲染的雾(Fog)效果(源码)

当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/FogTest.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下：exportclassFogTest{privatemRscene=newRendererScene();ini
含影·2023-12-05 22:52

轻量封装WebGPU渲染系统示例＜40＞- 多层材质的Mask混合(源码)

当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/MaskTextureEffect.ts当前示例运行效果:两层材质效果:三层材质效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下：exportclassMaskTextureEffect{pri
含影·2023-12-05 22:20

轻量封装WebGPU渲染系统示例＜39＞- emissive和arm纹理支持(源码)

当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/DynamicShaderBuilding2.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下：exportclassDynamicShaderBuilding2{private
含影·2023-11-30 00:45

轻量封装WebGPU渲染系统示例＜30＞- 绘制线段(源码)

原理说明：WebGPU提供了绘制基本线条非机制，只要renderpipelineprimitive对应的topology属性指定为line-list或者line-strip即可绘制对应的线条。
含影·2023-11-26 20:49

轻量封装WebGPU渲染系统示例＜36＞- 广告板(Billboard)(WGSL源码)

原理不再赘述，请见wgslshader实现。当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/BillboardEntityTest.ts当前示例运行效果:WGSL顶点shader:@group(0)@binding(0)varobjMat:mat4x4;@gro
含影·2023-11-26 20:49

轻量封装WebGPU渲染系统示例＜38＞- 动态构建WGSL材质Shader(源码)

实现原理:基于宏定义和WGSL文件系统实现(还在完善中...)当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/DynamicShaderBuilding.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下：exportclass
含影·2023-11-26 20:16

轻量封装WebGPU渲染系统示例＜37＞- 多个局部点光源应用于非金属材质形成的效果(源码)

当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/BasePbrMaterialMultiLights.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下：exportclassBasePbrMaterialMultiLights
含影·2023-11-24 01:08

轻量封装WebGPU渲染系统示例＜34＞- 数据驱动之Json构建场景

场景和数据之间的互通：场景数据化或者数据化场景，是当前的主流场景数据构成方式。方便传输方便交换甚至是交互。内置数据互通机制更有利于用户在各种应用场合下实现具体的3D相关的应用需求。用户只需要关心标准的或者约定好的数据定义及操作方式就能方便使用。这样，也能方便应用GLB或者USD数据规范。当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob
含影·2023-11-21 10:51

轻量封装WebGPU渲染系统示例＜35＞- HDR环境数据应用到PBR渲染材质

当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/BasePbrMaterialTest.ts当前示例运行效果:微调参数之后的效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下:exportclassBasePbrMaterialTest{pri
含影·2023-11-21 10:11

vue2 - SuperMap3D添加S3M图层

文章目录开发环境代码封装1：选择使用WebGL方式加载（默认WebGL2）2：选择使用WebGPU方式加载3：添加影像图层4：添加S3M图层（关键代码）开发环境vue2.6.10nodev12.14.0SuperMap3DSuperMapiClient3D11i
Kingsaj·2023-11-20 14:32

Google codelab WebGPU入门教程源码＜7＞ - 完整的元胞自动机之生命游戏的完整实现(源码)

对应的教程文章:https://codelabs.developers.google.com/your-first-webgpu-app?
含影·2023-11-16 13:50

Google codelab WebGPU入门教程源码＜2＞ - 绘制几何形状(源码)

对应的教程文章:https://codelabs.developers.google.com/your-first-webgpu-app?
含影·2023-11-16 13:19

Google codelab WebGPU入门教程源码＜3＞ - 绘制网格(源码)

对应的教程文章:https://codelabs.developers.google.com/your-first-webgpu-app?
含影·2023-11-16 13:19

Google codelab WebGPU入门教程源码＜4＞ - 使用Uniform类型对象给着色器传数据(源码)

对应的教程文章:https://codelabs.developers.google.com/your-first-webgpu-app?
含影·2023-11-16 13:19

Google codelab WebGPU入门教程源码＜5＞ - 使用Storage类型对象给着色器传数据(源码)

对应的教程文章:https://codelabs.developers.google.com/your-first-webgpu-app?
含影·2023-11-16 13:19

Google codelab WebGPU入门教程源码＜6＞ - 使用计算着色器实现计算元胞自动机之生命游戏模拟过程(源码)

对应的教程文章:https://codelabs.developers.google.com/your-first-webgpu-app?
含影·2023-11-16 13:19

Google codelab WebGPU入门教程源码＜1＞ - 初始化WebGPU(源码)

对应的教程文章:https://codelabs.developers.google.com/your-first-webgpu-app?
含影·2023-11-16 13:05

轻量封装WebGPU渲染系统示例＜27＞- 浮点RTT纹理(源码)

当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/FloatRTT.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下:constfloatRTT={diffuse:{uuid:"rtt0",rttTexture:{},forma
含影·2023-11-14 04:57

轻量封装WebGPU渲染系统示例＜29＞- 深度模糊DepthBlur(源码)

当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/DepthBlur.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下:constblurRTTTex0={diffuse:{uuid:"rtt0",rttTexture:{}}}
含影·2023-11-14 04:57

轻量封装WebGPU渲染系统示例＜28＞- MRT纹理(源码)

当前示例源码github地址:https://github.com/vilyLei/voxwebgpu/blob/feature/rendering/src/voxgpu/sample/MRT.ts当前示例运行效果:此示例基于此渲染系统实现，当前示例TypeScript源码如下:exportclassMRT{privatemRscene=newRendererScene();initialize(
含影·2023-11-14 04:55
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他