进一步，GameGAN经过5万个回合的游戏训练，能够在无需基础游戏引擎的情况下生成完整版的《吃豆人》游戏。...对于数据，英伟达团队在四天内为GameGAN提供了50,000集（共几百万帧）的《吃豆人》剧本。如此规模的数据集除了英伟达团队，吃豆人的游戏开发商万代南梦宫也出了一份力。...总的来说，经过训练后的GameGAN模型能够生成静态环境元素，例如统一的迷宫形状、豆子和强化道具，以及作为敌人的幽灵和吃豆人本身等移动元素。 该模型也能够学习简单和复杂的关键性游戏规则。...例如，和原版游戏一样，吃豆人无法穿过迷宫墙。他需要一边四处移动，一边吃豆。当他吃到强化道具后，鬼魂会变成蓝色并四处逃窜。当吃豆人从一侧离开迷宫时，他会被传送到迷宫的另一侧。...一旦吃豆人碰到鬼魂，屏幕就会闪烁并结束游戏。 2 不仅仅适用于游戏 自主机器人通常也需要在模拟器中接受训练，模拟器中的AI可以在与现实世界中的目标进行交互之前，学习环境规则。
我们还可使用游戏引擎生成视频画面。 3. 此前我们已看到数据对于深度学习的关键性 在使用海量数据训练后，深度网络有可能会逐渐掌握逻辑和常识，改善它此前在这两方面的缺陷，甚至自动发现物理定律。...预测学习也有非常实际的用途 例如，在自动驾驶中，如果能预测其它车辆和行人的行为，就可以改善自动驾驶的性能和安全性。...目前在预测学习领域已有许多有趣的工作，例如让网络预测游戏环境中物体的下落和碰撞轨迹（PhysNet, https://arxiv.org/abs/1603.01312），如下图所示。 ?...左边是游戏场景。右边上排是实际的下落和碰撞情况。右边下排是网络的预测，其中第1张图像是网络的输入，后续3张图像都是网络的预测。...例如，对于吃豆人游戏的画面预测，如果不使用GAN，在经过一个岔路口时，由于网络不知道吃豆人会选择哪个路口，因此会在画面中同时显示出吃豆人向上走和向下走的轨迹。
也许你对拉伸的形状没有什么概念，但是关于如何拉伸橡皮泥的游戏有一些规则： 不允许在橡皮泥上打洞； 不允许将橡皮泥上的两点捏合在一起（我们没法将球形的橡皮泥做成甜甜圈的形状）。...我们可以想象在粘合图上行走与在“吃豆人”中的原理类似，当吃豆人到达世界的一侧时，它可以从另一侧出来。...如果我们想象吃豆人在粘合图上移动，当它进入一侧时，它将从同一颜色的另一侧冒出来，而箭头确定了它前进的方向。 假设吃豆人进入圆环粘合图的右侧，那么它将从左侧出现。...这就是正常“吃豆人”世界的拓扑工作方式。 ? 图10：吃豆人在圆环上行走 现在假设吃豆人进入了克莱因瓶粘合图的右侧，然后，吃豆人将在左侧出现，但上下颠倒了： ?...图11：吃豆人在克莱恩瓶上行走 由以上分析可知: 粘合图能使我们轻松考虑对象的某些拓扑属性，如果没有粘合图，这些属性将难以理解和利用。 拓扑为什么有用？ 实际上，拓扑在统计领域中非常有用。
该模型基于英伟达的GameGAN，此前有人用这个框架做出过吃豆人的游戏。 ? 但开发GTA5可比吃豆人复杂多了，光是做开放环境这一项就让难度直接跨上好几个等级。...接着，他利用朋友正在开发的一个叫做Vroom的游戏。 该游戏基于OpenAI Gym工具包的Car Race环境，但是完全基于他们自己特殊的目的和需求进行了重写。 ?...脚本会分析当前位置和最近的道路节点，使驾驶路径尽量不同，这也是为了尽可能地覆盖所有可能的动作和汽车位置。 有了这些数据环境的帮助，就可以开始在GameGAN的基础上训练了。...动态引擎负责了解在游戏环境中哪些行为是“不允许的”（比如吃豆人无法穿墙而过），并负责对行为结果的反应方式进行建模。...渲染引擎负责渲染模拟图像，它可以学习解码图像中的静态和动态分量。 作者训练出的第一个模型（6个epoch后）效果非常像素化，也没有边界障碍，不过可以非常流利地控制车转向。 ?
安妮 编译整理 量子位出品 | 公众号 QbitAI AI把吃豆人打通关了。...△ 谷歌首页上的吃豆人游戏 目前，微软的一个AI系统在Atari 2600版的经典游戏吃豆人中获得最高分999,990分，用“分解攻克”的方式把游戏打通关了。...△ 据Highscore统计，目前吃豆人最高记录是巴西玩家在2015年创下的 微软的解决方案被称为混合奖励体系结构（Hybird Reward Architecture），利用了150多个独立智能体协作处理游戏...一个“高级智能体”从其他智能体那收集建议，然后决定在游戏过程中屏幕里角色的移动路径。 吃豆人问题是对AI系统的一个考验。AI需将游戏解决方案分解成很多小步骤，然后在正确的时间将它们组合成正确的顺序。...Maluuba解释，之所以用Atari 2600版本来测试整这个AI系统，是因为此版本吃豆人已经被标准化，他们可以从中直接比较研究结果和方法。
英伟达推出"GameGAN"，不需要任何底层游戏引擎，用GAN就能复刻出经典休闲游戏《吃豆人》，这项研究可以帮助游戏开发者加速开发新的关卡布局、角色甚至产生新的游戏创意，着实令人兴奋。...只是做图像已经满足不了英伟达的这帮科学家了，最近，他们又鼓捣出了"GameGAN"，不需要任何底层游戏引擎，用GAN就能复刻出经典休闲游戏《吃豆人》。...然后，训练好的GameGAN模型会生成环境中的静态元素，如迷宫形状、小点和Power Pellets--再加上移动元素，如敌人的幽灵和PAC-MAN本身。...模拟器被用于开发各种类型的机器人，比如仓库机器人学习如何抓取和移动物体，或者送货机器人学习如何在道路上导航以运送食物或药品。..."我们最终可以通过观看视频和看到智能体在环境中的动作，就能学习模仿驾驶规则、物理定律"NVIDIA多伦多研究实验室主任Sanja Fidler说。 "GameGAN是实现这一目标的第一步。"
也许你对拉伸的形状没有什么概念，但是关于如何拉伸橡皮泥的游戏有一些规则： 不允许在橡皮泥上打洞； 不允许将橡皮泥上的两点捏合在一起（我们没法将球形的橡皮泥做成甜甜圈的形状）。...我们可以想象在粘合图上行走与在“吃豆人”中的原理类似，当吃豆人到达世界的一侧时，它可以从另一侧出来。...如果我们想象吃豆人在粘合图上移动，当它进入一侧时，它将从同一颜色的另一侧冒出来，而箭头确定了它前进的方向。 假设吃豆人进入圆环粘合图的右侧，那么它将从左侧出现。...这就是正常“吃豆人”世界的拓扑工作方式。...现在假设吃豆人进入了克莱因瓶粘合图的右侧，然后，吃豆人将在左侧出现，但上下颠倒了： 由以上分析可知: 粘合图能使我们轻松考虑对象的某些拓扑属性，如果没有粘合图，这些属性将难以理解和利用。
5月22日是吃豆人这款游戏的40岁生日，英伟达在这一天推出GameGAN，是和吃豆人的游戏开发商万代南梦宫合作的纪念活动。...英伟达是如何做到的 GameGAN在训练过程中会读取游戏画面和键盘操作，通过限制操作（如玩家按下的按钮）来预测下一帧。它直接利用图像和动作对进行学习，而无需访问底层的逻辑或引擎。 ?...GameGAN由3个部分组成：记忆模块，动力学引擎和渲染引擎。 ? 动力学引擎负责了解在游戏环境中哪些行为是“不允许的”（比如吃豆人无法穿墙而过），并负责对行为结果的反应方式进行建模。...在实验中，Nvidia团队在四天内为GameGAN提供了50,000集（共几百万帧）的《吃豆人》 不仅仅是吃豆人 除了吃豆人外，英伟达还在Doom的基础上开发出了另一款《毁灭战士》。...比吃豆人负责的是，毁灭战士是一款3D游戏，GameAI还需要处理游戏前景和背景的遮挡关系。 ? 当然，无论是吃豆人还是毁灭战士，英伟达GameGAN生成的画面都比较粗糙。
缺点： 一些属性不支持转化：如不支持伪类，border不支持dash，不支持text-shadow，（即还原程度需要和设计沟通，或者考虑采用图片等形式去替换显示元素） features：https://...SVG在Web攻击中的应用: https://www.anquanke.com/post... 2.iOS14.2下，图片丢失问题 其实在测的时候，发现ios14.2下生成图片第一次始终会出现图片丢失，...to img 直接domtoSvg也有安卓失败的问题 let svg = 接口获取svg（参考年度账单） let svgBase64: string = 'data:image/svg+xml...： /** * 画圆角矩形 */ export function drawRoundRect( ctx: CanvasRenderingContext2D, data: {...（具体的性能和使用案例，欢迎讨论。）
该团队发现，这些由计算机设计和手工组装的生物体能够游到他们的小盘子里，找到数百个单细胞并将其聚在一起，然后在一个「吃豆人」形状的「嘴巴」中组装出「下一代」Xenobot。...研究者运行了一种能够在模拟中测试数十亿种生物体型的进化算法，目标是发现哪种细胞配置能够实现自我复制。 最终，AI发现了一个成功的设计：一组形状像 1980 年代街机游戏吃豆人的细胞。...在「吃豆人」形状下，Xenobots的自我复制系统寿命，由最多2代增加到了4代。...随后，添加到培养皿中的青蛙细胞为Xenobot母体提供了原材料，它们用这些材料在吃豆人形状的「嘴巴」中造出新的Xenobot。几天后，新Xenobot又成长为新的Xenobot母体。...这表明，生物体或许能够学会自动设计，以产生不同大小、形状和有用行为的后代，而不仅仅是数量意义上的自我复制。
前言 王者荣耀好玩吧，吃鸡是不是更刺激呢？...在写游戏之前应该做好规划（包括类的封装、类属性和方法、库的使用、模块的划分甚至是名称的设置），往往游戏之前良好的规划会占用整个项目的绝大部分时间，而真正写代码的时间很少。...要求：（游戏开始后） 点击Play按钮开始游戏，按下键盘上的Q键退出游戏 外星人按照S形从屏幕上方开始向底部运动，且随着用户得分和等级的提高运动速度越来越快 飞船一次发射的子弹控制在10个以内，且只能在屏幕范围内进行移动...游戏画面左上方有玩家得分、等级的显示，右上方有玩家剩余机会次数的显示 游戏音效的添加 问题解决： 对于游戏中飞船和外星人的处理为什么都以矩形处理呢?...答：像处理矩形一样处理游戏元素之所以高效，是因为矩形是简单的集合形状，这种做法的效果通常很好，游戏玩家几乎注意不到我们处理的不是游戏元素的实际形状。 游戏的画面为什么要做到不停的刷新呢?
我们找到了一个machine learning for kids的网站，上面搜集了各种和人工智能有关系的Scratch动手项目，一共19个，包括人脸识别、聊天机器人、教AI玩井字游戏等。...目的：教计算机识别赞美和侮辱 难度：低 标签：情感分析、监督学习 Snap! 在Scratch中制作一款卡片游戏，让其学习如何识别卡片。...目的：教计算机做出预测 难度：低 标签：预测模型、监督学习 吃豆人（Pac-Man） 在Scratch中创建一个吃豆人游戏，并在游戏中能够躲避鬼魂。...目的：教计算机玩游戏 难度：中 标签：决策树学习 聊天机器人（Chatbots） 创建一个聊天机器人，可以回答你提的问题。...目的：教计算机识别形状 难度：中 标签：图像分类、监督学习 找书（Judge a book） 在Scratch中制作游戏来测试是否可以通过封面判断一本书。
SVG 转换在SVG图像中创建的形状。例如，移动，缩放和旋转形状。这是显示垂直或对角线文本的便捷方法。...三、转换函数 转换函数不会自行转换SVG形状，而是会转换该形状的基础坐标系。因此，即使宽度以倍数显示，宽度20乘以2的形状在逻辑上仍具有20的宽度。 1....显示一个矩形（轮廓）和旋转15度后的相等矩形（实心）。...注意 矩形的位置和大小是如何缩放的。 可以在x轴和y轴上按其他因子缩放形状。为此，可以向scale()函数提供x-scale和y-scale参数。...注意： 缩放后的矩形（黑色）的笔划宽度也是如何缩放的，并且在x轴和y轴上的缩放比例不同。 4. 偏斜 skew() skewX()和skewY()函数偏斜x轴和y轴。
Canvas组件通常用于创建游戏、数据可视化等需要动态绘制图形的应用程序。 Canvas组件提供了多个API，开发者可以使用这些API进行绘制操作。常用的API包括绘制矩形、圆形、线条、文字等。...在Canvas组件中，开发者可以监听鼠标事件（如点击、移动等）和键盘事件，以便根据用户的交互来实现相应的操作。...1.使用画布组件绘制自定义图形 1.1 直接绘制 Canvas直接绘制图形的原理是通过Canvas API调用一系列绘制方法来在Canvas元素上绘制图形和图像。...绘制连接两个切线的圆弧路径 rect() 绘制一个矩形路径 isPointInStroke() 判断指定点是否在路径的描边上 strokeRect() 绘制一个矩形路径的边框 fillRect() 绘制一个填充的矩形路径...可以通过arc（绘制弧线路径）、 ellipse（绘制一个椭圆）、rect（创建矩形路径）等接口绘制基础形状 @Entry @Component struct CanvasExample2 { /
，canvas会初始化宽度为300像素和高度为150像素。...对于2D图像而言你可以使用 CanvasRenderingContext2D。...标签的浏览器中如何展示替换内容。...() 是Canvas 2D API 绘制填充矩形的方法。...矩形的起点在 (x, y) 位置，矩形的尺寸是 width 和 height ，fillStyle 属性决定矩形的样式。
SVG 主要支持以下几种显示对象： 矢量显示对象，基本矢量显示对象包括矩形、圆、椭圆、多边形、直线、任意曲线等； 嵌入式外部图像，包括 PNG、JPEG、SVG 等； 文字对象。...所谓的对象，可以是简单的几何形状，比如矩形，圆形，椭圆形，多边形，或更复杂的形状，包含数百或数千个简单路径。然后，你可以使用鼠标缩放，移动和旋转这些对象。...同时它支持对图像进行裁剪、翻转、旋转、绘图、形状、文本、遮罩和图片过滤等操作。...dx：源图像数据在目标画布中的位置偏移量（x 轴方向的偏移量）。 dy：源图像数据在目标画布中的位置偏移量（y 轴方向的偏移量）。 dirtyX（可选）：在源图像数据中，矩形区域左上角的位置。...dirtyWidth（可选）：在源图像数据中，矩形区域的宽度。默认是图像数据的宽度。 dirtyHeight（可选）：在源图像数据中，矩形区域的高度。默认是图像数据的高度。
OffscreenCanvasRenderingContext2D 对象在 Canvas 组件上进行绘制，绘制对象可以是基础形状、文本、图片等。...对象，通过在canvas中调用CanvasRenderingContext2D对象来绘制。...// 3 在canvas中调用CanvasRenderingContext2D对象。...当绘制区域的高度和裁剪图像的高度不一致时，将图像高度拉伸或压缩为绘制区域的高度。默认单位：vp。...可能用于设置裁剪区域，后续绘制内容只在裁剪区域内显示 reset12+ 从名称看可能是在特定版本（12+）中用于重置某些状态或设置的操作 saveLayer12+ 在特定版本（12+）里可能用于保存图层相关状态等操作
借助PPT可以在Power BI矩阵视觉对象生成无数种样式的日历造型。...如下是2024年3月的日历，外框为缺角矩形： 换一个造型： 再换一个造型，并加上农历： 实现过程为DAX和SVG矢量图结合，但是却不需要任何SVG知识。如何操作？...打开PPT，插入你需要的形状，除了PPT内置的形状，也可以是外部导入的图案。...在形状中随便输入一个数字（占位作用，记住这个数字），调整形状的格式： 鼠标右键，另存为可缩放的矢量图形（即SVG）： 记事本打开该图片，将双引号替换为单引号： Power BI新建一个度量值，度量值内容为上方...SVG文本外加下图红框的前缀： 将以上度量值标记为图像URL放入矩阵的值： 得到以下结果： 还记得在PPT写的数字是12，找到代码中的12，把它替换为日期表中的日期： 替换后： 日历新造型已初步完工
在 Web 浏览器中，canvas 是一个可自定义 width、height 的矩形画布，画布左上角为坐标原点，以像素为单位，水平向右为 x 轴，垂直向下为 y 轴，画布内所有元素都基于原点进行定位。...开发者可通过 getContext('2d') 方法获取 CanvasRenderingContext2D 对象完成 2D 图像绘制，或通过 getContext('webgl') 方法获取 WebGLRenderingContext...如图 2 所示，是 CanvasRenderingContext2D 对象提供的部分 2D 图像绘制方法，丰富的绘制方法让开发者能高效地绘制出矩形、文本、图片等。...2.1.1 矩形填充CanvasRenderingContext2D 对象提供了 fillRect(x, y, width, height)方法，用于绘制一个填充的矩形。...如图 3 所示，在画布内绘制了一个黑色的填充矩形，x 与 y 指定了在 canvas 画布上所绘制的矩形的左上角（相对于原点）的坐标，width 和 height 则设置了矩形的尺寸。
默认的，在 canvas 中一个单位实际上就是一个像素。例如，如果我们将 0.5 作为缩放因子，最终的单位会变成 0.5 像素，并且形状的尺寸会变成原来的一半。...形状的尺寸将会变成原来的两倍。...setTransform()和 transform()方法非常相似，都可以对图形进行平移、缩放、旋转等操作，不过两者也有着本质的区别：即每次调用 transform()方法，参考的都是上一次变换后的图形状态...，现有内容保留不重叠位置 destination-atop，都保留，新图像在现有的下面绘制 事件操作 在 Canvas 中，常见的事件共有三种，即鼠标事件、键盘事件和循环事件。...在物理动画中，物体会遵循牛顿运动定律，如射击游戏中打出去的炮弹会随着重力而降落。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
即时通信 IM
云直播
实时音视频
