惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
A
About on SuperTechFans
IT之家
IT之家
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Blog — PlanetScale
Blog — PlanetScale
aimingoo的专栏
aimingoo的专栏
云风的 BLOG
云风的 BLOG
The GitHub Blog
The GitHub Blog
Vercel News
Vercel News
G
Google Developers Blog
J
Java Code Geeks
宝玉的分享
宝玉的分享
T
Tailwind CSS Blog
Cloudbric
Cloudbric
L
LINUX DO - 最新话题
MyScale Blog
MyScale Blog
H
Heimdal Security Blog
PCI Perspectives
PCI Perspectives
Attack and Defense Labs
Attack and Defense Labs
S
Security @ Cisco Blogs
Latest news
Latest news
I
Intezer
L
Lohrmann on Cybersecurity
C
CXSECURITY Database RSS Feed - CXSecurity.com
月光博客
月光博客
T
Threatpost
博客园 - 【当耐特】
S
Schneier on Security
P
Privacy International News Feed
G
GRAHAM CLULEY
T
Tenable Blog
AWS News Blog
AWS News Blog
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
雷峰网
雷峰网
博客园 - Franky
Engineering at Meta
Engineering at Meta
美团技术团队
S
Secure Thoughts
T
Troy Hunt's Blog
Microsoft Security Blog
Microsoft Security Blog
SecWiki News
SecWiki News
V
Visual Studio Blog
人人都是产品经理
人人都是产品经理
Application and Cybersecurity Blog
Application and Cybersecurity Blog
Cisco Talos Blog
Cisco Talos Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Martin Fowler
Martin Fowler
Webroot Blog
Webroot Blog
Google DeepMind News
Google DeepMind News
H
Hackread – Cybersecurity News, Data Breaches, AI and More

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派 万字剖析:千问App深度体验报告(2026) - 少数派 在2026年,如何真正防止别人抄袭你的作品 - 少数派 怎么用 50 块搭个 AI 语音助手?我踩了 3 天坑 - 少数派 YeeroAI:让 AI 对话真正成为知识管理的一部分 - 少数派 爬泰山 - 少数派 「旅图显影」 App 更新:这次,我们补上了一点「手感」 - 少数派 假期出门太折磨?我的 23 条经验帮你规划惬意旅行 - 少数派 工作流会变吗 - 少数派 Claude Opus 4.6 怎么用最省钱?我测了 5 种方案 - 少数派 GPT Image 2 让图文并茂不再稀罕 - 少数派 用户侧出发——什么是AI,我要不要学习? - 少数派 找片、转存、整理、播放一条龙!让你的付费网盘值回票价 - 少数派 欢迎试用!日课一问2.0插件 - 少数派 自己做的MDeditor,原本想购买 Typora 试了两次支付不成功,干脆自己做一个 - 少数派 vibe coding了一个 3MB 的小工具,让 ~/Downloads 彻底告别混乱 - 少数派 因为受不了 Mac 的风扇策略,我做了一个风扇控制工具 - 少数派 别只怪模型 - 少数派 Warp 终端的 AI 功能怎么用?我测了一周的体验 - 少数派 AI 写代码老是出 bug?这 5 个配置我后悔没早知道 - 少数派 「新玩意」苹果出相机可能就这样:Sigma BF + 45mm F2.8 DG Contemporary - 少数派 一个面向2030年的AI操作系统是什么样子的:浅谈cola这款有灵魂的Agent - 少数派 别只看写代码 - 少数派 每天解决10个问题,还是一口气攻坚解决400个? - 少数派 AI 交易机器人怎么搭?我用 Claude 跑了一周实盘 - 少数派 Maptoposter Online:把你爱的城市画成艺术海报 - 少数派 Function Calling 怎么用?我测了 3 个模型发现差距真大 - 少数派 Legend Talk:我做了个 AI 圆桌,让 160 位思想家围着你的问题转 - 少数派 如何找到自己的蓝方?在小县城寻找压力测试 - 少数派 语音输入与软件接口|2026年聊AI时,我们都聊些什么(上) - 少数派 混动已经卖爆,纯电又来补刀——钛7闪充版简直“不讲武德” - 少数派 本月玩什么|朋友收藏、识质存在、沙罗周期 - 少数派 为什么要每天坚持输出? - 少数派 Claude API 挂了好几个小时,你的项目有备用方案吗? - 少数派 Function Calling 没你想的复杂——我用它做了个有点用的工具 - 少数派 登录系统立即播放视频或者图片音乐的软件 - 少数派 我为什么创建 FlipHTML5 下载工具 - 少数派 残局没电?多品牌外设电量统一管理软件EasyBluetooth已支持RTSS游戏内显示以及AIDA64 - 少数派 前往通义路的路 - 少数派 太好看了,媲美Sun的个人导航页,NAS部署星云门户 - 少数派 乌黑嘴唇“一键检测”上线了 - 少数派 派早报:Claude AI 接入多个创意软件生态、FILCO 生产方接手品牌等 - 少数派 【更新】BearCLI、Claude 连接器与 MCP 服务器 - 少数派 记了上千条流水,还是看不懂财务?我做了一个让 AI 读懂账本的工作台 - 少数派 MINI R56 升级原厂 Sport 模式 - 少数派 新玩意 | 一棵柠檬树(仿真版) - 少数派 Momenta的“物理AI”野望,需迈过“含摩量”这道关 - 少数派 网页直接投屏控制手机!NAS一键部署PandaScrcpy,流畅丝滑可远程。 - 少数派 众测|邀你一同探索随身 AI 硬件入口 YoooClaw C·ONE - 少数派 2050大会:分享时间是真诚 参会记 - 少数派 iPad 赋能电影创作:国内首部宣纸手绘长片《燃比娃》的幕后故事 - 少数派 AI的审美:我用 8 个大模型给 100 张旅行照片打分 - 少数派 普通人如何破圈?去参加一个本地协会 - 少数派 把极空间的图标全换了,主题DIY全攻略打造你的专属NAS桌面 - 少数派 电子便签墙,帮你实现便签自由 - 少数派 我如何用三个 CLI 工具取代文档创建需求 - 少数派 原来真的有人可以玩一辈子 - 少数派 社区速递 139 | 派友热议三月买了啥、复古单反尼康 Df 体验 - 少数派 06 作品的赏析与评价 - 少数派 TDS REVIEW|索尼 WF-1000XM6 降噪真无线耳机体验 - 少数派 35.98万起售的第二代腾势D9,我看重的不是堆料,而是不凑合 - 少数派 鼠须管 Squirrel 皮肤配置指北 - 少数派 从watch ultra2换到redmi watch6 - 少数派 派早报:阿里巴巴发布视频生成模型 HappyHorse 1.0 等 - 少数派 别迷信1M - 少数派 家人们天塌了!网盘“大封杀”,多个渠道多条路,NAS部署PanHub - 少数派 AI与人勾心斗角!NAS一键部署AI狼人杀,假日休闲必备。 - 少数派 电商必备!Comfyui工作流批量生图插件,一次生成12张!支持Nano banana pro模型 - 少数派 Comfyui工作流配置Gpt-image-2模型教程,0.03/张 - 少数派 OpenClaw第三方APi怎么配置?可使用Gpt-image-2模型 - 少数派 会员社区话题精选 Ep. 103 - 少数派
当线上变成日常(2)- 「云逛街」是如何实现的? - 少数派
2020-06-01 · via 少数派

写在开始之前:

  • 这是「当线上变成变成日常」系列的第2篇;
  • 文中引用了多个案例,为了加深理解,建议读者将几个案例都亲自体验一番,无需特殊设备(手机或电脑即可);下方我先给出链接,在文末亦有链接给出;
  • 本文中含有较多的GIF动图,平均体积4M,建议在较优秀的网速下等图片加载完成后再查看。

案例链接如下

  1. 贝壳找房的例子
  2. Digital Vision Studio
  3. 淘宝宜家「云逛店」
    在淘宝手机app中搜索「IKEA宜家家居官方旗舰店」,进入后向下翻即可看到「3D全景体验」
  4. 京东「三星科技馆」
    在京东app中,搜索「三星手机京东自营官方旗舰店」,进入后将页面向下拉,露出隐藏在上方的页面即可进入「科技馆」
  5. Spark Virtual Store 虚拟店铺
  6. Google文化项目「缅甸蒲甘」(需要自备对应的网络条件)

之前提过,这次疫情期间的居家隔离,改变了很多之前习以为常的日常,最近特别火热的,当属「直播带货」了,实体企业在线下遭遇冰封,自然开始到线上电商寻找新的出口,「既然顾客到不了店里,那我们就把店铺开到顾客家里去」就是这一转换到最好写照。
当然,这篇文章的主题并非如何「直播带货」,而是要介绍「线上云逛街」这一愿景和概念背后,「虚拟店铺」的生成和制作技术,聊一聊如何「把店铺搬到线上」。

制造一个「虚拟店铺」需要几步?

当前市场上,生成一个店面的「虚拟环境」,有两种技术途径:一是使用360相机拍摄真实场景,二是计算机渲染生成纯虚拟的场景;前者的前提是必须有一个「现实存在」的场景用于拍摄,线上生成的是「克隆体」;而后者既可以克隆现实环境,也可以纯虚构一个现实中并不存在的场景;为了便于直观理解,我这里给出几个例子:
第一类是使用360相机拍摄真实的场景,并生成可以在网络上浏览的虚拟环境。这其中典型的就是「VR看房」,比如国内的贝壳 360全景看房1 ,以及现在国外也开始流行的类似应用(下方例子中为新西兰的Digital Vision Studio2 )。
贝壳找房-VR看房的某一个房源例子
贝壳找房-VR看房的某一个房源例子;在网页上可通过鼠标旋转观看,并点击移动
新西兰Digital Vision Studio制作的VR看房的一个例子,也提供了类似的平面图、视角点的基本交互操作

最近热门起来的,还有淘宝和上海宜家合作的「云逛宜家」项目3 ,内嵌在手机淘宝中。在这个项目中,制作方用360相机对上海宜家的门店进行了实景拍摄,且覆盖了了店铺内几乎所有的空间,拍摄点位也非常丰富,从画面中可以看到地面上分布了许多的白色圆圈,每一个位置都对应一张360全景照片,在这样密集的机位下,用户往多个方向前进一步都有下一个可以观察的位置,体验已经较为接近在实体店铺内逛街时「走一步看一步」的感受。

宜家「云逛店」的手机界面截图
当前主流的360相机之一 Insta360 pro 2,宜家门店的拍摄可能用的就是这款360相机

第二类是由计算机建模软件生成的「纯渲染版」,属于纯虚拟3D环境(现实中不存在的,或模仿现实中店铺的样子),比如国内京东app中的「三星科技馆」4 ,以及新西兰电信运营商Spark试水的 Spark Virtual Store5 ;

新西兰电信运营商Spark的云逛店试水之作
手机京东app中的三星手机「三星科技馆」

近两年随着计算机视觉技术的发展,还出现了一个全景360的升级版(暂且称为中间体),一种由真实360拍摄的图像重构成3D模型的方法——比较典型的例子包括国内的「如视」,在「贝壳看房 - 户型图」和上面宜家商场的例子中都能见到;在国外较为出名的则是Matter Port,效果相似。

贝壳看房中,可以从全景视图切换到「三维模型」看到房间的结构
宜家的「云逛店」体验中,也使用了类似的3D模型

全景VS渲染,谁优谁劣?

那么「将店铺搬到线上」的两种模式究竟孰优孰劣?可以从技术实施、用户视觉体验,和交互扩展性三方面来比较。

从技术实施的角度看,360全景制作不需要冗长复杂的内容制作过程,只需要直接拍摄;工作耗时短,成本小,所需要的技术水平要求也较低。但其过程本质上是相机在拍照,自然和普通摄影一样,无法绕开现场光线和实际环境影响,如果现场光线条件不理想(明暗不均,或光线不足),会被全景相机真实记录在画面中。另一方面,因为相机会360全方位记录,并无死角遮掩,制作人员必须全部躲藏在布景之外以避免入镜,同时相机下方的三脚架则始终会入镜等;容易在画面中留下和内容无关的人和物。

这个例子中,可以看到因为镜子反射了相机本身,显得出戏
另一个例子,下方由于三脚架的存在,不得不使用模糊处理

而计算机建模渲染(Computer Generated Images, 以下简称CGI),则可以根据需要自由设计,高度定制。且由于其并不要求现实母版的存在,内容可以不受现实情况的限制(如反自然规律,物理规律,反常识中的物件大小比例等等),而且对细节的表现也可以根据成本和时间达到非常细腻的程度;缺点则是成本高,制作时间长,需要专业人士参与(等同于影视、游戏、电视行业)。

前段时间UE5游戏引擎结合PS5机能所放出的画面demo,光阴质感无限接近真实世界

再看前面提到的「中间体」360生成3D模型方法,这一技术经过近几年发展后,基本达到了制作过程与360拍摄相一致的程度。以行业内知名公司Matter port和国内的「如视」为例,操作者只需要按照手机app内的指示,在房间内多个不同地点依次摆放相机并拍照,随后将这些360全景照片全部传到云端,剩下的就由云端算法自动完成,等待一段时间后就可以得到房间的3D模型,其基本空间结构准确,但缺点是细节方面较为粗糙,只能用来了解一个大概的结构。下面这张图中可以看到宜家所生成的3D模型在细节方面的缺失,更不用说是否能看清产品的细节。

从用户的视觉体验上来看,360实景逛街中看到的内容就是真实的商店,其真实度 接近100%;而CGI内容要达到真实的观感,在材质、渲染、光线处理等方面需要极高的处理(比如前面图中所示的UE5配合PS5的游戏演示,就是计算机渲染在极力接近真实观感的努力);一般情况下达不到真实环境下的观感体验(见下方给出的例子)。然而反过来看,360实景的弱点在于其画面本质是一张平面照片,而CGI则自带三维空间信息,相对可以更好地传达立体的视觉观感。(详细可以读我之前的文章:VR? 360? VR180? 我们来聊聊相机 )

Spark virtual store的商品展示效果
S20的模型可以旋转,但其色彩、质感等等都完全展现不出来,顶多看个形状大概

而从平面与空间的区别,我们又可以延伸到交互体验:360全景的交互比较有限,以宜家商场为例,用户能做的仅有「点击选择下一个路径点」「点击画面中的标记查看商品图片和价格」,而纯CGI渲染的场景则有较大的自由度,客户端性能允许的情况下,用户可以在虚拟场景中自由移动(同第一人称游戏),还可以和场景中的物品进行交互,激活更多的内容;也可以打开新的文字窗口和视频内容等等。

以宜家「云逛店」为例,用户的主要操作之一是在地面标定的位置之间移动,并且左右观看画面
操作之二是查看商品,同样通过点击画面中的标记进行,点击后弹出购物弹窗
相比之下Spark虚拟商店基于CGI制作,交互较为自然,可以在店内自由移动,较接近真实的店内体验

还可以靠近货架,「近距离」观察一件商品,且商品支持旋转,同时会显示其功能、价格等信息;信息比宜家的云逛店来的丰富

但值得注意的是,以上的各自优劣不是一成不变的的,制作者在内容挑选和表达方式的设计上的用心,可以让感受超越媒介限制,令人大呼精彩;也可能因为对媒介的错误运用,原地翻车让人大跌眼镜。比如Google Art & Culture 文化体验项目「缅甸蒲甘」6 就充分使用了传统图文解说+360全景的模式,让人身临其境;而前面提到的京东三星科技馆,就是一个典型反面案例,虽然用上了CGI,却仅用一张低质量的图片充数,效率还不如在手机淘宝中直接下单来的简便顺畅。

Google文化项目的「蒲甘」线上体验,结合360全景照片、3D模型生成,图文讲解等,

做得非常生动,令人身临其境,同时干货满满

相比之下京东的「三星科技馆」仅仅一张全景图,无法移动,

下单也只能跳转到普通页面,如同画蛇添足般充数

谁是未来?

我个人的看法是,360全景+3D模型的「中间体」的大众化和广泛应用是主流趋势。因为它对设备和制作过程的要求不高,普通用户稍加学习就可以使用(如果你有iPhone,可以下载Matterport的「Capture」app来体验,如果手上有360相机,则可以进一步体验全部的功能)。门槛低意味着其内容可以UGC,适合推广到非专业用户手中,比如商场的市场部们,比如门店的经理等等,让他们来自行制作出其门店的「线上克隆体」。其产出效果,虽然精度和美观没有那么极致,但就像手机摄影一样,就着其便利+人人都能参与的优势,达到更宽的应用度。

生成一个「虚拟店铺」可以只需要一台360相机+一只iPad那么简单

与此同时,这并不是说CGI就此消亡,「中间体」模式并不和传统的计算机渲染产生直接冲突,就像大家拍vlog和好莱坞拍摄大制作电影。当资源和时间允许时,纯计算机渲染的技术可以用在更高端和定制化的购物场景,跳出「现实」的框子,让大家体验从未想象过的「云逛街」;至于具体会是什么样子?既然超出想象,那就留给各位去想象,也许某一天就出现了也说不定。

附注

文中出现的案例,各位可以按照以下方式去查看和体验

  1. 贝壳找房的例子
  2. Digital Vision Studio
  3. 淘宝宜家「云逛店」如文中截图所示,在淘宝手机app中搜索「IKEA宜家家居官方旗舰店」,进入后向下翻即可看到「3D全景体验」
  4. 京东「三星科技馆」在京东app中,搜索「三星手机京东自营官方旗舰店」,进入后将页面向下拉,露出隐藏在上方的页面即可进入「科技馆」
  5. Spark Virtual Store 虚拟店铺
  6. Google文化项目「缅甸蒲甘」(需要自备对应的网络条件)

封面图片来自Dribbble的 @Kit8


我是@17号冷锋,VR、电影、游戏爱好者,喜到处游玩、用Vlog讲故事的人;欢迎读我的文章,也欢迎亦可关注我的公众号「核桃仁喂鱼」与我交流讨论。