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

在3D图形渲染的渲染领域,很多友友们对上述概念傻傻分不清,站在前端开发角度,我用简单语言说下,结论在文章最后。

一、四者都能进行3D图形渲染

它们之间有一些区别,下面我将对它们进行简单的区分:


 


 

  1. WebGPU:WebGPU是一种Web图形API,是基于底层的GPU硬件架构设计的,可以更好地利用现代GPU的并行计算能力,提供更高的图形渲染性能。WebGPU可以在Web浏览器中使用,同时也可以在其他平台上使用,如移动设备、桌面应用程序等。
  2. WebGL:WebGL是一种Web图形API,是基于OpenGL ES 2.0标准设计的,可以实现在Web浏览器中进行3D图形渲染。WebGL是基于JavaScript语言的,可以使用Web浏览器中的JavaScript引擎进行编程,开发者可以使用JavaScript语言进行图形渲染。
  3. Unity3D:Unity3D是一种专门用于游戏开发的引擎,它提供了丰富的游戏开发工具和功能,包括游戏逻辑、物理模拟、音频处理等等。Unity3D可以用于开发各种类型的游戏,并且可以发布到多个平台上,如PC、移动设备、主机等。
  4. UE4:UE4是一种用于游戏开发的引擎,它提供了丰富的游戏开发工具和功能,包括游戏逻辑、物理模拟、音频处理等等。UE4可以用于开发各种类型的游戏,并且可以发布到多个平台上,如PC、移动设备、主机等。


 

二、webGL和webGPU运行在网页端

WebGL和WebGPU都是用于在Web浏览器中进行图形渲染的技术,但是它们之间还是有一些区别的。WebGL是基于OpenGL ES的Web图形库,它提供了一种在Web浏览器中使用JavaScript进行3D图形渲染的方式。而WebGPU则是一种新的Web图形API,它是基于底层的GPU硬件架构设计的,可以更好地利用现代GPU的并行计算能力,提供更高的图形渲染性能。

虽然WebGPU是一个新的技术,但目前它还处于开发阶段,尚未广泛应用于实际的Web应用程序中。因此,目前来看,WebGL仍然是Web浏览器中最流行的3D图形渲染技术之一,而且它已经被广泛应用于各种Web应用程序中。所以,虽然未来WebGPU可能会取代WebGL,但在短期内,WebGL仍然会是Web图形渲染的主要技术之一。

web端的数字孪生项目,webGL还是主流的。

三、unity3D和UE4运行在客户端

Unity3D和UE4都是用于游戏开发的引擎,一些数字孪生的项目也经常用到他们,它们各自有着自己的优点和特点。

  1. Unity3D:

优点:

  • 简单易学,适合初学者入门;
  • 支持多平台的发布,包括PC、移动设备、主机等;
  • 社区活跃,有大量的插件和资源可供使用;
  • 提供了完整的游戏开发工具和功能,包括游戏逻辑、物理模拟、音频处理等等;
  • 支持多种编程语言,包括C#、JavaScript、Boo等等。

缺点:

  • 对于大型项目,可能需要进行一定的性能优化;
  • 在处理大量的物理模拟时,性能可能会受到影响;
  • 在开发过程中,可能需要依赖大量的插件和资源,增加了开发成本和复杂度。

  1. UE4:

优点:

  • 提供了强大的渲染引擎和物理引擎,可以实现高质量的游戏画面和物理模拟;
  • 支持多平台的发布,包括PC、移动设备、主机等;
  • 提供了完整的游戏开发工具和功能,包括游戏逻辑、物理模拟、音频处理等等;
  • 社区活跃,有大量的插件和资源可供使用。

缺点:

  • 学习曲线较陡峭,需要一定的编程和3D图形渲染基础;
  • 对于初学者来说,使用UE4可能会比较困难;
  • 在处理大量的物理模拟时,性能可能会受到影响。

四、unity3D和UE4也可以发布为网页端

Unity3D和UE4都可以发布为网页端。它们都支持WebGL技术,可以将游戏导出为HTML5文件,并在网页中运行。

在Unity3D中,可以选择WebGL作为发布平台,并在项目设置中进行相应的配置。然后,可以通过WebGL模板将项目导出为HTML5文件,并在网页中嵌入相应的代码即可。

在UE4中,可以使用UE4的HTML5出口将游戏导出为HTML5文件。要使用HTML5出口,需要先安装Emscripten和Python,并在UE4中进行相应的设置。然后,可以将游戏导出为HTML5文件,并在网页中嵌入相应的代码即可。

结论来了,十分重要。

- 四者都是3D图像渲染的技术

- webGL和webGPU是B/S模式,unity3D和UE4是C/S模式

- 如果用移动端前端开发对标的话,webGL和webGPU更像是H5,Unity3D和UE4更像是原生开发。

- 目前在在数字孪生领域,webGL是主流,webGPU不成气候。

- unity3D和UE4做的项目可以发布为B/S模式,性能要损失不少。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/681400.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

探索设计模式的魅力:捕捉变化的风-用观察者模式提升用户体验

设计模式专栏:http://t.csdnimg.cn/U54zu 目录 一、引言 核心概念 应用场景 可以解决的问题 二、场景案例 2.1 不用设计模式实现 2.2 存在问题 2.3 使用设计模式实现 2.4 成功克服 三、工作原理 3.1 结构图和说明 3.2 工作原理详解 3.3 实现步骤 四、 优…

【每日一题】牛客网——链表的回文结构

✨专栏:《Java SE语法》 | 《数据结构与算法》 | 《C生万物》 ❤️感谢大家点赞👍🏻收藏⭐评论✍🏻,您的三连就是我持续更新的动力❤️ 🙏小杨水平有限,欢迎各位大佬指点,相互学习…

OpenCV-38 图像金字塔

目录 一、图像金字塔 1. 高斯金字塔 2. 拉普拉斯金字塔 一、图像金字塔 图像金字塔是图像中多尺度表达的一种,最主要用于图像的分割,是一种以多分辨率来解释图像的有效但概念简单的结构。简单来说,图像金字塔是同一图像不同分辨率的子图…

2000-2021年县域指标统计数据库

2000-2021年县域统计数据库 1、时间:2000-2021年 2、来源:县域统计年鉴 3、范围:2500县 5、指标: 地区名称、年份、行政区域代码、所属城市、所属省份、行政区域土地面积平方公里、乡及镇个数个、乡个数个、镇个数个、街道办…

2024.2.6 模拟实现 RabbitMQ —— 数据库操作

目录 引言 选择数据库 环境配置 设计数据库表 实现流程 封装数据库操作 针对 DataBaseManager 单元测试 引言 硬盘保存分为两个部分 数据库:交换机(Exchange)、队列(Queue)、绑定(Binding&#xff0…

调用讯飞火星AI大模型WebAPI

调用讯飞火星AI大模型 记录一次调用讯飞AI大模型的过程 官方文档 首先,去官网申请资格,获得必要秘钥等 再编写url,该url存在编码要求,具体看官网url编写 具体代码如下: getWebsocketUrl() {return new Promise((resol…

vivado仿真时使用的代码与实际不一致的解决办法

前言 在使用仿真软件时经常会遇到实际需要时间较长,而仿真需要改写实际代码运行时间的问题,在vivado软件中找到了解决办法 代码部分 这里使用一个最简单的例子来说明一下,学过FPGA的朋友肯定可以看出来就是一个简单的计数器使LED每500ms交…

【MySQL】:分组查询、排序查询、分页查询、以及执行顺序

🎥 屿小夏 : 个人主页 🔥个人专栏 : MySQL从入门到进阶 🌄 莫道桑榆晚,为霞尚满天! 文章目录 📑前言一. 分组查询1.1 语法1.2 where与having区别1.3 注意事项:1.4 案例: 二. 排序查询…

LRU Cache

目录 一、认识LRU Cache 二、LRU Cache实现 一、认识LRU Cache LRU是Least Recently Used的缩写,意思是最近最少使用,是一种Cache替换算法 狭义的Cache指的是位于CPU和主存间的快速RAM, 通常它不像系统主存那样使用DRAM技术,而…

vue三种路由守卫详解

在 Vue 中,可以通过路由守卫来实现路由鉴权。Vue 提供了三种路由守卫:全局前置守卫、全局解析守卫和组件内的守卫。 全局前置守卫 通过 router.beforeEach() 方法实现,可以在路由跳转之前进行权限判断。在这个守卫中,可以根据用…

Vue-自定义属性和插槽(五)

目录 自定义指令 基本语法 (全局&局部注册) 指令的值 练习:v-loading 指令封装 总结: 插槽(slot) 默认插槽 插槽 - 后备内容(默认值) 具名插槽 具名插槽基本语法: 具名插槽简化语法: 作…

pytorch花式索引提取topk的张量

文章目录 pytorch花式索引提取topk的张量问题设定代码实现索引方法gather方法验证 补充知识expand方法gather方法randint pytorch花式索引提取topk的张量 问题设定 或者说,有一个(bs, dim, L)的大张量,索引的index形状为(bs, X),想得到一个(…

HTML世界之第二重天

目录 一、HTML 格式化 1.HTML 文本格式化标签 2.HTML "计算机输出" 标签 3.HTML 引文, 引用, 及标签定义 二、HTML 链接 1.HTML 链接 2.HTML 超链接 3.HTML 链接语法 4.文本链接 5.图像链接 6.锚点链接 7.下载链接 8.Target 属性 9.Id 属性 三、HTML …

王树森《RNN Transformer》系列公开课

本课程主要介绍NLP相关,包括RNN、LSTM、Attention、Transformer、BERT等模型,以及情感识别、文本生成、机器翻译等应用 ShusenWang的个人空间-ShusenWang个人主页-哔哩哔哩视频 (bilibili.com) (一)NLP基础 1、数据处理基础 数…

Spring Boot 笔记 007 创建接口_登录

1.1 登录接口需求 1.2 JWT令牌 1.2.1 JWT原理 1.2.2 引入JWT坐标 1.2.3 单元测试 1.2.3.1 引入springboot单元测试坐标 1.2.3.2 在单元测试文件夹中创建测试类 1.2.3.3 运行测试类中的生成和解析方法 package com.geji;import com.auth0.jwt.JWT; import com.auth0.jwt.JWTV…

【Spring】公司为什么禁止在SpringBoot项目中使用@Autowired注解

目录 前言 说明 依赖注入的类型 2.1 基于构造器的依赖注入 2.2 基于 Setter 的依赖注入 2.3 基于属性的依赖注入 基于字段的依赖注入缺陷 3.1 不允许声明不可变域 3.2 容易违反单一职责设计原则 3.3 与依赖注入容器紧密耦合 3.4 隐藏依赖关系 总结 参考文档 前言 …

网络协议与攻击模拟_16HTTP协议

1、HTTP协议结构 2、在Windows server去搭建web扫描器 3、分析HTTP协议流量 一、HTTP协议 1、概念 HTTP(超文本传输协议)用于在万维网服务器上传输超文本(HTML)到本地浏览器的传输协议 基于TCP/IP(HTML文件、图片、查询结构等&…

数字IC实践项目(9)— Tang Nano 20K: I2C OLED Driver

Tang Nano 20K: I2C OLED Driver 写在前面的话硬件模块RTL电路和相关资源报告SSD1306 OLED 驱动芯片SSD1306 I2C协议接口OLED 驱动模块RTL综合实现 总结 写在前面的话 之前在逛淘宝的时候偶然发现了Tang Nano 20K,十分感慨国产FPGA替代方案的进步之快;被…

自动生成测试用例_接口测试用例自动生成工具

前言 写用例之前,我们应该熟悉API的详细信息。建议使用抓包工具Charles或AnyProxy进行抓包。 har2case 我们先来了解一下另一个项目har2case 他的工作原理就是将当前主流的抓包工具和浏览器都支持将抓取得到的数据包导出为标准通用的 HAR 格式(HTTP A…

【AI】安装ubuntu20.04教程(未完待续)

目录 1 制作ubuntu20.04系统盘1.1 下载ubuntu镜像1.2 使用ultraiso写入镜像 2 安装Ubuntu系统 1 制作ubuntu20.04系统盘 1.1 下载ubuntu镜像 在清华镜像站https://mirrors.tuna.tsinghua.edu.cn/下载ubuntu20.04镜像 路径为/ubuntu-releases/20.04/,下载ubuntu-20…