Web or Native 谁才是元宇宙的未来（下）？

VIP文章 已于 2022-08-19 23:03:46 修改
阅读量352 收藏 1
点赞数
分类专栏： 开源生态 文章标签： 图形渲染 webgl 3d引擎 前端
于 2022-08-17 21:58:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Orillusion/article/details/126391686
版权

上一篇文章我们介绍了 Web 和 Native 的发展历程，对Web端的跨平台特性以及生态的发展和普及程度广的优势进行了分析，还没有看到的朋友们可以点击下面链接回顾一下哦👇

Web or Native 谁才是元宇宙的未来（上）？

在这里插入图片描述
相信看完这篇文章，你已经有了一些想法，今天我们继续来聊一聊关于Web和Native的技术栈选择，看看你是否也同意小鸥的看法呢～

Web优势3: 超级APP生态的嵌入

任何公司具备了超级APP之后，必然都会考虑打造应用内部的生态，将尽量多的场景和能力在自己的应用生态中统一解决。比如我们日常都会使用的微信、支付宝、淘宝等等。

考虑到应对场景和需求的多变性，支付宝、淘宝、微信都是混合框架，在保留强大的Native能力和性能的同时，又充分利用JS/Web的灵活的前端生态能力，保证开发效率的同时，又能满足快速迭代热更新。春节临近时期，支付宝或者淘宝中都会有很多3D的特效出现，像红包、五福等等。

对于Unity这种Native引擎来说，虽然实现这些3D特效都非常简单，但是由于它完全是在Native框架下的产品，在融合上存在众多技术难点࿰

最低0.47元/天 解锁文章
Orillusion
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
WebApp和NativeApp谁将是未来
03-23
WebApp和NativeApp谁将是未来.本文详细分析了WebApp和NativeApp的优势和劣势，指出Web只是我们作为设计者和开发者所期待的一种理想化结果，是一种趋势，将会是一个相当久的过渡阶段，对复杂产品来说，NativeApp+...
浅谈本地方法栈与Native
m0_46672151的博客
01-10 593
Native是java访问不到的地方，属于调用底层的C语言。 在本地方法栈（Native Method Stack）中，我们调用star0()方法，而star0方法中有Native关键词，代表需要访问本地方法库，中间通过本地方法接口（JNI）来实现。 为什么会有这种操作呢？ 在Java语言创立之初，C、C++可谓是风靡全球，java语言想要立足，必须要有可调用C、C++程序的接口。随着Java语言的发展，现在不仅调用C/C++程序，也可以调用Python等语言的程序，这就可以融合不同的语言为Java所用！
编程狂人|淘宝Native研发模式的演进与思考 | DX研发模式
Q54665642ljf的博客
08-03 240
现代化，目前DX通过命令式来描述UI，而行业已经向声明式迈进，从技术演进路线上，我们也要拥抱声明式，进一步提升开发体验和效率，此外，研发支撑方面，我们这个财年从0到1打造了DX IDE，在本地进行安装和运行，已经能较大程度提升复杂页面/模版的研发效率，但我们不会停下研发提效的脚步，接下来还要尝试通过云端部署的方式，达到免安装/开箱即用/工作空间共享等，进一步提升研发和协作效率；于是，面对这个诉求，我们经过反复的讨论和思考，综合考虑了苹果合规、性能、稳定性、开发效率，提供了事件链的方案。...
WebGPU vs. 像素流
最新发布
老子云平台的博客
03-08 899
在构建 Bzar 之前，我们讨论过我们的技术栈是基于在云上渲染内容的像素流，还是基于使用设备自身计算能力的本地渲染技术。由于这种选择会极大地影响项目的成本、可扩展性和用户体验，因此在开始编写一行代码之前，从一开始就采取正确的做法是一个重要的方面。到目前为止，我们必须在质量和规模之间做出选择。WebGL 很便宜，但图形效果还有很多不足之处。另一方面，云渲染可以实现高端图形，但扩展成本太高。即使最近云渲染方面的发展（最多 4 个用户可以使用一个 GPU）也无法解决核心问题。但这种情况最近发生了变化。
1. WebGPU 基础知识
xuejianxinokok的专栏
05-23 1637
本文将尝试向您介绍 WebGPU 的基础知识。在阅读本文之前，希望您应该已经对 mapping arrays, destructuring assignment, spreading values, async/await, es6 modules 有基础的了解，因为这些内容将在下文被广泛使用。如果您已经了解 WebGL，。WebGPU 是一种 API，可让您执行 2 项基本操作。就这些！之后关于 WebGPU 的一切都由你决定。
WebGPU入门教程:您的第一个 WebGPU 应用
xuejianxinokok的专栏
05-18 2055
从顶点着色器开始，因为 GPU 也将从这里开始！顶点着色器被定义为函数，GPU 会针对中的每个顶点调用一次该函数。由于包含六个位置（顶点），因此您定义的函数会被调用六次。每次调用该方法时，都会将中的其他位置作为参数传递给该函数，顶点着色器函数的作用是在裁剪空间中返回对应的位置。也务必要理解，系统不一定会按顺序调用它们。相反，GPU 擅长并行运行上述着色器，这可能会同时处理数百（甚至数千！）顶点！GPU 拥有不可思议的速度，但这存在很大限制，存在一定限制。为了确保极端并行化，顶点着色器不能相互通信。
webgpu
李卓书
06-18 1323
WebGPU 是下一代 Web 上的图形标准。与当前 Web 上的 3D 图形标准 WebGL 相比，WebGPU 旨在充分发挥现代 GPU 架构的能力，进一步降低 CPU 端的开销，优化多线程的应用，以及增加对 GPU 通用计算（GPGPU）的直接支持。与CPU不同，GPU具有更强大的并行计算能力，可以快速处理大量的图像和视频数据。因此，GPU在许多领域，包括游戏、图像处理、科学计算、人工智能等方面发挥着非常重要的作用。
Web App和Native App 谁将是未来
03-12
介绍Web App 和Native App的相同和不同之处，并阐释了他们相互之间的关系、优缺点，对Web App 和Native App了解必读
react-native-web-webview:React Native用于RN的WebView的Web实现
05-17
react-native-web-webview React Native用于RN的WebView的Web实现 入门 $ npm install react-native-web-webview --save 别名打包您的webpack配置中： resolve: { alias: { 'react-native': 'react-native-web...
Native下如何获取调用栈？.pdf
08-07
Android内存分析--Native下获取调用栈，对于Android分析内存，提高开发技能比较有帮助，
react-native-web-modal:针对Web的React Native Modal实施
04-30
React Native Web Modal 该存储库包含用于Web的React Native Modal实施的NPM软件包 公告 React Native Web现在支持Modal。 感谢您使用和支持该库！ 灵感 尚未实现 。 这只是用相同的API，行为和设计替换React ...
WebGPU你让我等的好辛苦啊
MFine的博客
05-30 805
WebGPU是一种新兴的Web标准，旨在为Web应用程序提供高性能的图形和计算功能。它是一种低级别的图形API，为开发人员提供了对现代GPU的直接访问，以实现更高效的图形渲染和通用计算。WebGPU的设计目标是提供与现代图形API（如Vulkan和DirectX 12）类似的功能和性能，并且跨平台、可移植。它旨在解决现有Web图形API（如WebGL）的一些限制和性能瓶颈，并提供更好的控制权和更高的性能。我是跟着 [Orillusion官方。
WebGPU开发详解
新缸中之脑
07-09 5074
WebGPU 是即将推出的 Web API，提供了一组访问 GPU的低级通用API。我对图形学不是很有经验。我通过阅读有关如何使用 OpenGL 构建游戏引擎的教程来学习 WebGL 的知识点，并通过观看Inigo Quilez在ShaderToy上仅使用着色器（不使用任何 3D 网格或模型）做令人惊奇的事情来了解有关着色器的更多信息。这让我可以在PROXX中构建背景动画之类的东西，但我对 WebGL 并不满意，我将很快解释原因。 当 WebGPU 出现在我的视野中时，我想深入了解它，但很多人警告我，Web
WebGPU：下一代 Web 图形和计算 API
音视频开发进阶
05-30 581
WebGPU 是一种新兴的 Web 标准，旨在为现代图形和计算应用提供高性能、低功耗的 API。本文将介绍 WebGPU 的背景、特点、用途以及和 WebGL 的对比。一、背景 随着 Web 技术的不断发展，越来越多的高性能图形和计算应用开始出现在浏览器中。WebGL 是迄今为止最广泛使用的 Web 图形 API，但随着硬件和软件技术的进步，WebGL 已经逐渐暴露出性能和功能的局限性。为了满足现...
webgpu 入门
qq_41456316的博客
02-09 1495
webgpu是一种新的web API，它公开了现代计算机图形功能，特别是Direct3D 12、Metal和Vulkan，用于在图形处理单元（GPU）上执行渲染和计算操作。本文介绍了如何运行webgpu的官方demo。
WebGPU入门一
qq_34754747的博客
10-16 363
WebGPU的环境配置比较简单，不需要vite或webpack配置一个复杂的开发环境，直接使用.html文件即可。
React-Native学习笔记——技术栈及简介
听听脚步声
01-11 2539
推荐的技术栈顺序清单 1、阮一峰es6： http://es6.ruanyifeng.com/   es6中的新特性是后续内容的基础，重点内容有let关键字、解构赋值、构造函数和原型链、Promise对象、yield关键字、Generator函数、aysnc/await等 2、reactjs：https://reactjs.org/ reactjs是react-native的
React Native技术栈学习路径
lihei12345的专栏
11-08 3827
大致了解了一下RN的实现，感觉里面的技术栈是比较深的，跟搞前端的大牛请教了一下，大致总结出下面一个学习路径，决定按部就班把这方面技术好好学习一下。
Web 3D VS Native 3D是未来元宇宙
ejinxian的专栏
07-10 631
这些都是元宇宙的概念，3D 世界、虚拟社交、虚拟购物、沉浸，通过 AR/VR 以及其他互联网技术，把现实世界的楼房街道、天气温度、人际关系等投射到虚拟世界，构建 “元宇宙”。3D应用在电影场景里很多，如 《失控玩家》、R 星引擎的游戏《荒野大镖客》，3D 渲染技术的迭代路线分成了两种技术方案：Native 和 Web Native，是电脑、手机等硬件设备，通过安装应用程序，在本地运行，直接通过图形 API 和相关驱动调用显卡的计算和渲染能力，完成真实物体的 3D 渲染数字化的过程。
native的对象是什么？
07-14
"Native"对象是指在特定的编程语言或平台上原生支持的对象或数据类型。这些对象是由编程语言或平台提供的，并直接映射到底层的系统功能或硬件功能。 举例来说，在Java中，"native"对象是指使用Java Native Interface（JNI）与底层C或C++代码进行交互的对象。这些对象可以直接访问底层的系统资源或库，并提供了与之交互的接口。 在移动应用开发中，对于Android平台而言，"native"对象通常是指使用Java语言编写的Android原生组件，如Activity、Fragment等。这些对象直接与Android系统进行交互，并能够利用底层的系统功能和硬件资源。 在iOS开发中，"native"对象通常是指使用Objective-C或Swift语言编写的原生UI组件，如UIView、UIButton等。这些对象可以直接与iOS系统框架进行交互，并调用底层的系统功能。 总而言之，"native"对象是指在特定的编程语言或平台上原生支持的对象，它们能够直接与底层系统或硬件进行交互，并提供了相应的接口和功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Orillusion

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值