代码编织梦想

code小生 一个专注大前端领域的技术平台

公众号回复Android加入安卓技术群

编辑丨张倩

文章来源丨机器之心

用 GAN 生成的 2D 二次元「老婆」已经过时了。

format,png


还记得前不久的「‍东升发型生成器」吗?在那个视频中,B 站 up 主 Mars 隆重推出了自制的秃头生成器。不管你现在有多年轻,头发有多么浓密,那个生成器都能让你一眼望穿二十年后的自己。

这一充满「恶意」的项目引发了读者的集体不适,大家纷纷请求 up 主「整点儿阳间的东西」(听说粉丝毫不见涨,这锅机器之心不背)。

format,png

本着对读者的尊重和爱护,up 主这次换了个方向,开始研究起了「一键『老婆』生成器」。

先来看一下效果:

format,png

format,png

当然,除了「老婆」,其他手办也是可以的:

format,png

效果看上去不错,还省了买手办的钱,这是怎么做到的呢?

Mars 在视频中提到,因为生成二次元「老婆」这个主题有很多人都做过了,而且效果不错,所以他就想到一个主题类似但表达方式不同的点子——用 AR 来做。关注公众号 逆锋起笔,回复 pdf,下载你需要的各种学习资料。

format,png

在 Waifu Labs 网站上生成的 2D「老婆」。

他介绍说,现在市面上大部分的 AR(比如宝可梦 Go)都是通过指定 App 中的相机才可以看到增强现实的内容,但他想做的却是一个网页版 AR,也就是说,你只需要打开一个网页,从网页中再打开相机就能看到增强现实的内容。

那么具体要怎么实现呢?

他的思路可以概括为:先做一个网站,你可以在上面上传一个 3D 模型,网站就会自动生成一个二维码。然后你用手机(相机)去扫这个二维码,你刚刚上传的模型就会出现在现实世界里了。

format,png

思路有了,接下来就是寻找解决方案了。

备选的解决方案有这么几个:谷歌的 WebXR、AR.js 和 Argon.js。其中,WebXR 可能是所有解决方案中效果最好的,也是文档最为完善的,但问题在于它只支持极少部分安卓设备;后两个方案各方面表现都差不多,区别在于前者是完全开源的,因此 Mars 毫不犹豫地选择了前者。

选定了解决方案之后,先来尝试一个官方的例子。在写了一个静态文件服务器、创建 index.html、将例子中的代码复制进去运行服务器等一系列操作之后,预想中的增强现实画面并没有出现,只有一个报错页面弹了出来:

format,png

报错的原因在于,从 ios11 开始,只有通过 https 访问的网站才有打开相机的权限,Mars 通过安装一个名为 ngrok 的程序解决了这个问题。

问题解决了,再来试一下,果然,这次真的出现了增强现实的画面。

format,png


测试成功,接下来就是使用自己的模型了。

AR.js 提供了一个接口,可以将自己的模型对应到二维码或者图案上。但这里有一个问题:精美的 3D 模型要从哪里找呢?在视频中,Mars 推荐的是一个叫 Sketchfab 的网站。Sketchfab 和普通的图片网站类似,但不同之处在于,上面的模型都是 3D 的,而且大多渲染精良,既有付费模型,也有免费模型。

format,png

Sketchfab 网站首页。

下载到模型之后,将链接复制到之前创建的 index.html 文件里,就大功告成了!

format,png

为了方便大家自己动手,此次 Mars 还开源了整个项目的代码并在第二个视频(代码详解)中对代码和各个步骤进行了详细讲解,感兴趣的同学可以自己动手试一下。

代码地址:https://github.com/MarsWang42/AR-Laopo

最后再介绍一下宝藏 up 主 Mars。他本科毕业于同济大学土木工程系,2015 年进入 UC Irvine 开始学习计算机知识,后来成为一名程序员,并进入谷歌工作。在以往的视频中,他也分享过自己转专业和求职的诸多经验。关注公众号 逆锋起笔,回复 pdf,下载你需要的各种学习资料。

在视频的最后,Mars 表示,他将尽快将这个项目做成网页版跟大家分享。

相关推荐阅读

男在谷歌,女友在亚马逊,晒出 2 人总收入,网友:好酸!

Google 为什么把几十亿行代码放在一个库?

Google 出品的 Java 编码规范,强烈推荐,既权威又科学!

福利!谷歌推出免费的 Kotlin 和 Android 开发课程

format,png

点赞+在看,小编感恩大家❤️

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接: https://blog.csdn.net/weixin_38754349/article/details/111087465

CTO说:Service 层的接口是不是多此一举-爱代码爱编程

点击上方 果汁简历 ,选择“置顶公众号” 优质文章,第一时间送达 转自:架构思维 链接:toutiao.com/i6882356844245975563 今天我们要探讨的问题是:Service层需要接口? 现在结合我参与的项目以及阅读的一些项目源码来看。如果「项目中使用了像Spring这样的依赖注入框架,那可以不用接口」!

谈谈微服务设计中的API网关模式-爱代码爱编程

关注 程序员成长指北,回复“1” 加入我们一起学习,天天进步 根据 Gartner 对微服务的定义:“微服务是范围狭窄、封装紧密、松散耦合、可独立部署且可独立伸缩的应用程序组件。” 与将模块高度耦合并部署为一个大的应用程序相比,微服务的目标是将应用程序充分分解或者解耦为松散耦合的许多微服务或者模块,这样做对下面几点有很大帮助: 每个

如何丰富测试手段,实现QA自身效率的提升-爱代码爱编程

作者|李京京 项目中QA同学需要针对不同项目特点,采用不同的测试手段,大家常用的测试手段包括:功能测试,接口测试,接口Mock测试等,那如何将这些测试手段应用到自己的项目中,形成特定的测试方案呢。下面会结合具体项目来作详细阐述。 一、接口自动化测试 项目名称:盘古类目体系改造 1、背景介绍 通过新老类目体系的相互映射,保证新老类目体系并行一

再见QQ,再见QQ游戏!-爱代码爱编程

整套源码包括:SQLServer数据库安装文件、数据库建库建表sql、服务器端整套源码(含完整核心引擎源码)、105种客户端游戏类型。 这套源码含有的游戏类型如下: 代码编译和部署方式 整套源码我已经全部整理好了,服务端各个服务和游戏大厅程序,使用VS2013打开系统模块/Platform.sln,即可编译整个解决方案,如下图所示:

让你变厉害的7个底层思维-爱代码爱编程

职场&认知洞察 丨 作者 / findyi 这是findyi公众号分享的第89篇原创文章 如果把你的思维比做操作系统,那思维模型就是一个个App。 这些App会给你提供新的视角,快速帮你决策,提升你的工作效率。顶级的思维模型能提高你成功的可能性,并帮你避免失败。 华尔街大VFarnam Street曾这样描述思维模型:“思维模型是

阿里高效沟通的秘密:向上沟通,跨部门沟通,PREP汇报...这5招绝了!-爱代码爱编程

点击“技术领导力”关注∆  每天早上8:30推送 来源:淘系技术    作者:鲁佳(鹿迦) 世界上有两件最难的事:把别人的钱装进自己的口袋;把自己的思想装进别人的脑袋。 为什么沟通那么重要 谁都知道在工作中沟通是非常重要的,那大家有没有真正想过为什么沟通这么重要呢? 首先我们想想看,在你的日常工作时间分配上,“沟通”所用的时间占比多少呢?日

用Python分析北京市蛋壳公寓租房数据-爱代码爱编程

公众号后台回复“图书“,了解更多号主新书内容  作者:J哥  来源:菜J学Python 前言 近期,蛋壳公寓“爆雷”事件持续发酵,期间因拖欠房东房租与租客退款,蛋壳公寓陷入讨债风波,全国多地蛋壳公寓办公区域出现大规模解约事件,而作为蛋壳公寓总部所在地北京,自然首当其冲。 为了应对大规模的解约,北京在全市已经设立了100多个蛋壳公寓矛盾纠

人人都能懂的 Python 自动发送邮件教程-爱代码爱编程

自动发送邮件能应用于许多场景中,比如我想要知道股票策略中的股票池是否有实时的更新,这时候如果再拉一遍数据,跑一遍脚本,实在是太浪费时间了。为什么不把这一套流程放到服务器上,然后到点自动运行并发送邮件呢? 类似的应用场景还有很多,不仅仅是在股票策略提醒上,比如定时向某些人发送邮件;还比如网站宕机了,实时发送邮件提醒;又比如网站负载过高,发送邮件提

用户怒了!红帽公司宣布CentOS 8将停止维护,“免费” RHEL 寿终正寝-爱代码爱编程

/Python专栏原创/ 12月8日,CentOS 8 项目官网宣布,CentOS 8 将在2021年底停止维护,CentOS 7 将维护到2024年6月30日。 也就是说,“免费版”的“红帽企业Linux”(RHEL),即将落幕。 CentOS 作为广受喜爱的免费Linux系统,在开源社区饱受欢迎,而这次停止维护的消息来得太突然,许多

再见QQ,再见QQ游戏!-爱代码爱编程

整套源码包括:SQLServer数据库安装文件、数据库建库建表sql、服务器端整套源码(含完整核心引擎源码)、105种客户端游戏类型。 这套源码含有的游戏类型如下: 代码编译和部署方式 整套源码我已经全部整理好了,服务端各个服务和游戏大厅程序,使用VS2013打开系统模块/Platform.sln,即可编译整个解决方案,如下图所示:

图解MyBatis-爱代码爱编程

关注“Java后端技术全栈” 回复“面试”获取全套面试资料 在以前文章中,我们对Mybatis进行了入门级的介绍教小师妹快速入门Mybatis,看这篇就够了,今天我们来从一个全局的角度看看Mybatis。 本文主要内容: Mybatis工作流程 Mybatis工作流程可以大致分为四个步骤: 下面我们就来说说这四个步骤: 加载配置

49个Excel常用技巧-爱代码爱编程

路上的你|作者 知乎|来源 1 excel判断分数成绩是否及格,怎么做? 答:excel判断分数成绩是否及格可以用IF进行区间判断。 =IF(A1>60,"及格","不及格") 2 excel频率统计用什么函数? 答:FREQUENCY以一列垂直数组返回某个区域中数据的频率分布,具体用法回复frequency或 频率查看示例。