一文读懂VR/AR/MR:小白也能分清的虚实交互技术

一文读懂VR/AR/MR:小白也能分清的虚实交互技术

目录

前言

不知道你有没有过这样的困惑:刷视频时刷到VR游戏,刷导航时用到AR实景箭头,偶尔还会看到MR办公的新闻,这三个字母组合长得像“三胞胎”,到底有啥区别?明明都是“和虚拟东西打交道”,为啥有的要戴笨重头盔,有的用手机就能搞定?

其实不用怕,这篇文章专门给小白准备,全程没有晦涩的专业术语,只讲大白话、举身边的例子,再搭配几张简单示意图,看完你不仅能分清VR、AR、MR,还能给身边的人讲明白它们的用法。

在这里插入图片描述

一、逐个击破 —— 三种技术的 “大白话” 解读

1.1 VR(虚拟现实):钻进 “虚拟世界” 不出来

核心定义:用设备把你的视觉、听觉和现实隔离开,让你完全 “沉浸” 在电脑做的虚拟环境里。

关键特点:

  • 全封闭:眼睛看到的、耳朵听到的都是虚拟的,和现实世界 “断联”。
  • 强沉浸:让你感觉 “真的在另一个世界”(比如钻进游戏当主角)。
  • 设备依赖:必须戴 VR 头盔 / 眼镜(比如 Quest 系列),部分需要连接电脑。

生活案例(3 个最常见):VR 游戏(比如打僵尸、玩过山车)、VR 看房(不用去现场,“走进” 样板间)、VR 电影(沉浸式观看特效大片,仿佛置身电影场景)。

在这里插入图片描述

1.2 AR(增强现实):给 “现实世界” 加层 “滤镜”

核心定义:不遮挡现实,而是在你看到的真实世界里,叠加一层虚拟的信息或图像(相当于给眼睛装了个 “智能滤镜”)。

关键特点:

  • 半透明:核心是 “现实”,虚拟内容只是 “补充”(比如现实路面上叠加导航箭头)。
  • 弱沉浸:你清楚知道自己在现实中,虚拟内容是辅助作用。
  • 设备灵活:手机就能用(最普及),也有专用 AR 眼镜(比如 HoloLens 基础版)。

生活案例(3 个最常见):手机 AR 导航(比如高德 / 百度地图的实景导航,路面显箭头)、AR 特效(比如微信 / 抖音的面部贴纸、 Pokémon GO 抓精灵)、商场 AR 虚拟导购(帮你快速找到洗手间、推荐附近餐厅)。

在这里插入图片描述

1.3 MR(混合现实):在 “现实里” 玩 “虚拟物件”

核心定义:把虚拟内容和现实世界 “无缝融合”,不仅能看到虚拟内容,还能让虚拟内容和现实物体互动(相当于虚拟和现实 “打通了”)。

关键特点:

  • 虚实交互:虚拟内容能 “贴” 在现实物体上,还能和现实互动(比如虚拟杯子放在现实桌子上,移动桌子杯子也跟着动)。
  • 中高沉浸:比 AR 沉浸感强(能触摸、操控虚拟内容),但比 VR 弱(不与现实断联)。
  • 设备专业:多需要专用 MR 眼镜(比如 HoloLens 2),技术门槛比 VR/AR 高。

生活案例(4 个最常见):MR 办公(虚拟屏幕贴在现实墙上,用手势操作)、工业维修(对着现实机器,叠加虚拟维修步骤,手势就能点击切换)、MR 虚拟装饰房间(在家预览不同风格的家具摆放效果)和虚拟人物互动(在家就能与虚拟形象聊天、玩游戏)。

二、核心区别大对比 —— 一张表 + 一张图看懂

核心逻辑:从 “虚实融合度”“沉浸感”“设备要求”“核心用途” 4 个关键维度对比,避开混淆点。

2.1 对比表格

对比维度VR(虚拟现实)AR(增强现实)MR(混合现实)
虚实融合度全虚拟(和现实断联)现实为主,虚拟为辅(叠加)虚实无缝融合(可互动)
沉浸感强度最强(完全代入虚拟世界)最弱(清楚感知现实)中等(介于两者之间)
常用设备VR 头盔(Quest、PS VR)手机、简易 AR 眼镜专业 MR 眼镜(HoloLens 2)
核心用途娱乐(游戏、电影)、沉浸式体验(看房 / 看展)日常辅助(导航、特效)、信息展示(商场导购)专业场景(办公、工业、医疗)、家居装饰、虚拟人物互动

2.2 可视化对比图(核心区别一目了然)

在这里插入图片描述

三、避坑指南 —— 小白最容易混淆的 2 个误区

3.1 误区 1:AR 和 MR 是一回事?错!核心在 “交互”

AR 的虚拟内容是 “飘在” 现实上的(比如导航箭头不会跟着现实物体动),而 MR 的虚拟内容是 “长在” 现实上的(能和现实物体互动),简单说:AR 是 “看”,MR 是 “玩”。

3.2 误区 2:设备越贵,技术越高级?不一定!

VR、AR、MR 是三种不同技术路线,不是 “升级关系”(比如 VR 头盔再贵,也变不成 MR),核心看 “是否需要虚实交互”,日常用 AR(手机就能搞定),想沉浸式玩游戏用 VR,专业场景才需要 MR。

总结 ——3 句话快速记住三者区别

  • VR:关起门来玩虚拟(和现实断开)
  • AR:打开门来加滤镜(现实 + 虚拟叠加)
  • MR:推开窗来玩交互(虚拟 + 现实打通)
在这里插入图片描述

Read more

深入剖析云原生Service Mesh数据平面Envoy核心架构:基于xDS协议与WebAssembly实现动态流量管理与安全策略的微服务治理实战指南

深入剖析云原生Service Mesh数据平面Envoy核心架构:基于xDS协议与WebAssembly实现动态流量管理与安全策略的微服务治理实战指南

深入剖析云原生Service Mesh数据平面Envoy核心架构:基于xDS协议与WebAssembly实现动态流量管理与安全策略的微服务治理实战指南 在云原生微服务架构的演进中,Service Mesh(服务网格)已成为处理服务间通信的标准基础设施。而在这一架构中,Envoy 凭借其高性能的 C++ 实现、可扩展的架构以及作为 Istio 默认数据平面的地位,成为了事实上的“Sidecar之王”。 本文将深入剖析 Envoy 的核心架构,重点解析其如何通过 xDS 协议 实现动态配置,以及如何利用 WebAssembly (Wasm) 技术突破传统的扩展瓶颈,实现微服务的流量管理与安全策略治理。 1. Envoy 核心架构全景:高性能的“四层”模型 Envoy 本质上是一个高性能的边缘/服务代理,其设计核心在于将网络处理逻辑分解为清晰的层级。这种设计不仅保证了极高的吞吐量,也使得配置极其灵活。 1.1 逻辑架构分层 Envoy 的逻辑架构自上而下分为四个核心层次: Level 1: 线程模型与I/

【前端的坑】vxe-grid表格tooltip提示框不显示bug

【前端的坑】vxe-grid表格tooltip提示框不显示bug

官方API: 注意:如果是false的话表格宽度会按照内容多少来决定;而如果是true的话默认是 tooltip 效果。 当showOverflow值为 tooltip时: gridOptions: { showOverflow: 'tooltip', ...... }, 效果: 当showOverflow值为 ellipsis时: gridOptions: { showOverflow: 'ellipsis', ...... }, 效果: showOverflow字段设置了tooltip却不生效的可能有这两种: 1. 在插槽中使用了div而不是span标签 (参考博客:vxe-table 解决show-overflow只显示弹窗不显示省略号或默认样式有省略号,弹窗不出现问题) 2. z-index 太低了,请添加如下样式 .vxe-table--tooltip-wrapper { z-index: 99 !important; }

Axum: Rust 好用的 Web 框架

Axum: Rust 好用的 Web 框架

Axum 是 Rust 生态中基于 Tokio 异步运行时和 Tower 中间件体系打造的高性能 Web 框架,以“类型安全、无宏入侵、轻量高效”为核心优势,广泛应用于云原生、微服务、API 网关等场景。它摒弃了传统 Web 框架的宏魔法,完全依赖 Rust 的类型系统实现路由匹配、请求解析、响应处理,兼顾了开发效率与运行性能。 本文将从环境搭建、核心概念、路由设计、请求处理、中间件开发到生产级实战,全方位拆解 Axum 的使用技巧,每个知识点均配套可运行的示例代码,帮助开发者从入门到精通,快速构建高性能的 Rust Web 应用。 一、环境准备与项目初始化 1.1 前置条件 * 安装 Rust 环境:

前端AI工具实践

前端AI工具实践

Claude Code前端使用 步骤一:安装 Claude Code npm install -g @anthropic-ai/claude-code 运行如下命令,查看安装结果,若显示版本号则表示安装成功 claude --version 步骤二:配置Claude Code+GLM智谱大模型(免费) Coding Tool Helper 是一个编码工具助手,安装并运行它,按照界面提示操作即可自动完成工具安装,套餐配置,MCP服务器管理等。 # 进入命令行界面,执行如下运行 Coding Tool Helper npx @z_ai/coding-helper 步骤三:开始使用 Claude Code VSCODE安装Claude Code 插件 Claude Code CLI(到指定项目目录打开CLI) Claude