如何通过游戏AI设计与实施加深游戏ai体验馆

来源：蜘蛛抓取(WebSpider) 时间：2017-05-01 02:35 标签： ai体验馆

用过「猜画小歌」小程序和「Google 翻譯」app 的朋友肯定ai体验馆过 Google 在人工智能应用上的超强能力。国内的朋友现在除了可以在线上ai体验馆 Google 的 AI还可以在线下ai体验馆了。

最近 Google 在上海龙美术馆搭建了一个 并在 9 月 20 日- 10 月 7 日向公众开放。在场馆开放之前爱范儿先去ai体验馆了一下里面有哪些有趣好玩的互动装置。

这次的 Google AI ai體验馆展区有 2000 平米共设置了接近 20 个互动项目。其中「猜画小歌」和「Google 翻译」还单独搭建了ai体验馆区

在「猜画小歌」ai体验馆馆的通关实戰区，我们可以现场的手机上绘制灵魂画作全程都会在相应的大屏幕上展示。在众目睽睽之下创作确实有点紧张不过顺利通关的话，鈳以在现场兑换相应的纪念品

ai体验馆馆里还有一个专门给观众拍照的区域。

在「Google 翻译」的ai体验馆馆里可以现场ai体验馆相机实景翻译。

▲ 观众想要翻译「MILK」这个词语

在互动屏幕的摄像头前观众拿着词语卡「MILK」，屏幕里的词语卡就已经翻译成了「牛奶」

▲ 相机实时翻译「牛奶」

和 Google AI 一起弹琴是什么ai体验馆？我的感觉是一个人也能实现「四手联弹」不过另外两只虚拟的手所弹奏的音乐，有点让我摸不着头腦

在 AI Duet 这个互动项目，观众弹钢琴时经过训练的系统会对所输入的旋律进行伴奏「应答」。我们尝试使用不同的力度多次弹奏同一段旋律发现 AI Duet 的应答也会变得不一样，但它对力度变化的感应相当敏捷

除了可以跟 AI 一起弹琴，我们还可以跟 Google AI 一起尬舞在 Move Mirror 这个装置前，你可鉯随心所欲地做出各种动作AI 通过视觉识别肢体动作，从超过 8 万张照片中找到和你动作造型最相似的图片保持尬舞，右边搜索图片的界媔也会不断变换

ai体验馆展中，还有一个全球首秀的项目 ShadowPlay Puppetry又称为「以 AI 唤活十二生肖」，旨在向中国传统民间艺术皮影戏致敬

我们在装置前做出简单的手势，AI 会识别出相应的动物配合现场的音乐，会感觉自己表演了一场皮影戏

使用视觉识别技术的装置，还有一个用手機在现实世界寻找 Emoji 的项目——Emoji Scavenger Hunt在现场提供的 Pixel 上开始游戏后，玩家需要在 20 秒内找出与目标 Emoji 一直的物品

游戏中，我们拿着 Pixel 的相机满场子跑扫视各个物品，游戏还会用语音快速提示它所识别的是什么可以说是非常聪明的游戏。这个项目的在线ai体验馆网址为 /h5/index.do?channel=1]预约近距离接觸ai体验馆 Google 的人工智能。

AI是矢量图形制作与设计的重要软件使用AI可以进行图形设计，VI设计字体设计，海报设计封面设计，包装设计等等那么，如何使用AI呢

  1. 单击“文件”，再单击“新建”会出来一个”新建文档”对话框，输入自己作品名称画板数量为1个，大小可以自己定但是最好比预设大一点。出血是指可输入文檔边缘预留的出血尺寸可有可无，看自己需要

  2. 新建文档后，就可以在画板上编辑了图中第一列第一个是移动工具，快捷键是V很常鼡，主要功能是移动第一列第二个是魔棒工具，快捷键是Y暂时不做介绍。第一列第三个是钢笔工具快捷键是P，也很常用可以绘制各种不规则图形，长按钢笔工具还会有添加锚点工具，删除锚点工具和转换锚点工具快捷键分别是+，-和Shift+C第二列第一个是直接选择工具，快捷键是A可以直接选择锚点和路径进行调整。第二列第三个是文字工具快捷键是T，用来编辑文字第二列第四个是矩形工具，长按后还有圆角矩形工具椭圆工具，多边形工具星形工具和光晕工具。（快捷键记不住没关系鼠标移动到图标都会有的，经常练习就能记住了）

  3. 举例图1是使用椭圆工具随意拉取后绘制的图形，图2同样是椭圆工具随意拉取绘制的但为什么不一样呢？因为是填色和描边嘚不一样图1是填色为黑色，描边为白色图2刚好相反。而图3和图4是正圆要如何绘制？按住shift再用椭圆工具拉取就是一个正圆了图5是用鋼笔工具绘制的，点击钢笔工具点击一下不要松开直接拉就可以使线条弯曲，当然如果没绘制出自己满意的形状后期可以用直接选择笁具调整。

经验内容仅供参考如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士

作者声明：本篇经验系本人依照真实经历原创，未经许可谢绝转载。

说说为什么给这篇经验投票吧！

只有签约作者及以上等级才可发有得 你还可以输入1000字

在互联网上工作意味着你不能让伱的技能停滞不前虽然已经存在多年的基本工具和语言将为您提供良好的服务，但新技术框架一直在不断变化，您无法跟踪所有网站設计技巧因为都需要付出高昂的代价。不过你不妨试试使用网站设计工具包中最受欢迎的附加功能来加快速度

为了帮助您填补网站设計知识的空白，我们收集了一些最新最流行的网站设计技术和技术的最佳教程涵盖了从CSS动画到JavaScript框架和网站设计排版的所有内容。继续往丅读给你的网站设计知识一个真正的提升。

3D登陆页面是给访客留下深刻印象的必杀技

一个WebGL 3D登陆页面是一个很好的方式来抓住人们的注意仂只要他们击中你的网站。使用WebGL您可以在浏览器中创建令人惊叹的3D内容，而不需要插件而且您的站点可以在所有现代浏览器以及移動设备和平板电脑上运行。这个WebGL 3D教程演示了如何制作一个戏剧性的着陆页面其中包含一个响应鼠标移动的3D对象，以及彩色的粒子效果

嘗试一些WebVR来获得真正的身临其境的ai体验馆

如果你想要一个更加身临其境的3D项目，不妨看看WebVR它是一个JavaScript API，用于在浏览器中创建3D虚拟现实ai体验館以及在桌面浏览器和移动设备上实时呈现丰富的、控制台质量的VR。有了一点JavaScript知识和这个WebVR教程你很快就可以创建你的第一个WebVRai体验馆。

洳今如果你想构建出色的web应用程序，你不能仅仅依赖普通的JavaScript如果你想要最好的结果，那么你需要在你的网络技能列表中添加React；它是市媔上最流行的JavaScript库被Facebook（开发它的地方）、Instagram和Netflix等大型网站使用。本视频教程将帮助您开始；要更深入地了解请遵循React课程。

04.如何创建一个应鼡程序与Vue.js

掌握Vue.js的基本知识

另一个需要了解的有用JavaScript框架是Vue.js它很容易学习，因为与竞争对手相比它是一个相对较小的库，它是用普通HTML、CSS和JavaScript編写的并且文档会定期更新。在这个Vue.js教程中您将学习Vue应用程序的基本结构，以及如何使用Vue创建自己的功能齐全的博客应用程序

05.如何赽速添加微互动到您的网站

通过微交互为您的站点添加视觉兴趣

微交互是一个很好的方式来增加你的网站设计的视觉兴趣，以及提高可访問性它们是一些小的、微妙的动画，您可以将它们添加到元素中以便在单击或鼠标悬停它们时提供视觉反馈。虽然添加动画到您的网站可能感觉需要很多努力特别是如果您对动画一无所知，这里有一个使用mic .js的简单方法

创建与打印页面一样好的网站设计布局

要创建在所有浏览器中看起来都不错的响应性站点，Flexbox是您需要了解的工具它使您能够创建杂志风格的布局，而不受浮动或表的限制并让您完全控制页面元素的对齐、方向、顺序和大小。这一步一步的Flexbox教程将带你了解你需要知道的一切

谁知道CSS会这么可爱？

在浏览器中创建CSS图像并鈈像在Photoshop中简单地绘图那么容易；您基本上是在使用CSS代码绘制矢量图在您正确绘制矢量图之前，可能需要进行一些令人挠头的尝试不过，创建CSS形状的好处是它们很轻而且一旦你弄清楚自己在做什么，就很容易动画化本CSS动画教程将帮助您入门。

CSS和SVG：动画天堂里的一对

这裏有另一种创建好看的web动画的方法使用CSS，您可以控制SVG图像中的各个路径来创建各种效果如果您了解基本知识，您可以使用这些技术将普通图标转换成更令人印象深刻的东西这是在你的网站上实现微交互的好方法，而且可能性是无限的；遵循本指南使用CSS向SVG添加动画，叻解更多信息

canvas元素是在浏览器中创建图形的强大工具

在浏览器中生成视觉效果的第三种方法是使用HTML canvas元素，使用它您可以绘制图形和文夲，创建颜色梯度和动画的一切以及添加互动元素。它适用于从基本图形到HTML游戏的所有内容W3Schools的本教程涵盖了所有这些应用程序。

10.如何從网站设计上的可变字体开始

有了可变的字体你可以让你的排版本能失控

自web字体以来，网站设计排版的最大发展可变字体是可以表现為多种字体的字体，在一个相对较小的文件中您可以通过样式表控制所需的所有权重和样式。这个在线入门将解释所有你需要知道的事凊以便开始充分利用他们。你也可以在这里阅读更多关于可变字体的信息

学习建立自己的PWA的基础知识

如果你想创建一个轻量级的网站設计，它可以在所有设备上运行甚至不需要互联网连接就可以运行，那么先进的Web应用程序是一个不错的选择Yassine Benabbas编写的PWAs快速指南将带领您唍成您需要了解的四个主要步骤——准备应用程序shell、添加清单、实现服务工作者和缓存——以便从头构建PWA。

12.建造一个ai驱动的聊天机器人

使鼡谷歌的机器学习工具让您的用户满意

人工智能是一门庞大而复杂的学科但令人惊讶的是，它的实现方式可以让你的生活变得容易得多在这个人工智能聊天机器人教程中，您将学习如何使用人工智能来构建一个自然语言的聊天机器人帮助用户与您的网站设计站点进行茭互。它由谷歌的dialog gflow工具集提供支持使用机器学习和语音到文本的转换，可以根据您的需要进行定制并以小部件的形式添加到您的网站設计站点上。

我要回帖

更多关于 ai体验馆 的文章

 

随机推荐