可缩放矢量图形——更好的 Unity 游戏图形解决方案
已发表: 2023-03-02如果您希望提高 Unity 游戏的图形质量,一种可能的解决方案是使用可缩放矢量图形(SVG) 而不是 PNG 文件。 SVG 文件通常比 PNG 文件小,并且可以在不损失任何质量的情况下进行缩放。 此外,可以在矢量图形编辑器中编辑 SVG 文件,如果您需要更改游戏的图形,这会很有帮助。
PNG 文件类型是光栅文件,SVG 文件类型是矢量文件类型。 尽管 PNG 可以处理非常高的分辨率,但它们并不是无限适应的。 SVG 是一种数学实体,其数学组件包括线、点、形状和算法。 无论分辨率如何,它们都可以增长到任何大小,而不会失去扩展的能力。 SVG 不是代码,而是用文本编写的。 因此,屏幕阅读器和搜索引擎可以评估这些设备的可访问性,以提高它们的搜索排名。 PNG 是标准的在线格式,由于支持各种网络浏览器和操作系统,因此拥有庞大的用户群。 尽管 SVG 支持动画,但它们不像 GIF 和其他文件类型那样常用。
Adobe Photoshop 可用于将 SVG 图像转换为 PNG 图像。 将 .SVG 转换为 .PNG 以获得高质量图像,结果文件大小会更小。 Photoshop 工具可用于将大型文件格式快速转换为更小、更易于使用的图形类型。
我可以在 Unity 中使用 Svg 吗?

Unity 编辑器也处理其他文件的导入。 从菜单栏中选择 Assets 或从 Projects 窗口中选择 Add New Assets。 一旦您导入生成的资产,它们就会出现在层次结构视图或场景视图中。
由于 SVG 的发展,这是目前 Web 开发中最激动人心的趋势之一。 尽管存在一些初期问题,SVG 现在已在所有主要浏览器和设备上广泛使用。 这些文件是可搜索的、可编码的和可扩展的,因为它们很小、可搜索和可修改。 这些项目可以内嵌在您的 HTML 中(创建网站但不想编写代码)或以任何大小使用。 什么对sva有好处? 有图形资源。 图像包是获取游戏图像的好方法; 一旦您在客户端上设置了它们,您就可以将它们用于位图以进行渲染。 很高兴知道您可以获得具有低缩放比例和小尺寸的高分辨率图像。 游戏图形特别适合 SVG,因为它们需要在不牺牲质量的情况下使用各种分辨率和位图格式。 高分辨率的屏幕截图可以转换为 SVG 图片用作游戏背景,而低分辨率的屏幕截图可以转换为 SVG 图片。 它是一款功能强大的图形设计工具,可用于为您的网站或游戏创建精美的图形。 立即开始使用 SVG。
Unity可以使用向量吗?
除了用于 2D、3D 和 4D 图形的 Vector2、Vector3 和 Vector4 类之外,Unity 还允许您使用矢量图形创建多个维度。 可以使用 4D 矢量。
Svg 文件可以用来做什么?
可以使用 SVG 文件制作Web 图形,例如徽标、插图和图表。 尽管如此,由于它们缺乏必要的处理能力,因此无法显示高质量的数码照片。 详细照片应拍成.JPG文件。 可缩放矢量图形 (SVG) 图像仅受现代浏览器支持。
你能在 Unity 中使用向量吗?

是的,您可以在 Unity 中使用向量。 矢量是一种同时具有大小和方向的数学结构。 在 Unity 中,您可以使用向量来表示位置、方向和速度。
Unity 包括用于渲染 2D、3D 和 HTML5 数据的类。 具有 4D 属性的向量。 矢量概念是一个基本的数学概念,使您能够描述方向和大小。 Vector2 和 Vector3 是 2D 和 3D 游戏最常用的代码库。 矢量的大小可用于确定游戏对象的速度。 当您调用矢量变量的幅度时,您将获得该变量的幅度。 两个向量之间的距离可以使用每个向量的大小来计算。
此函数用于 Vector3.Distance 函数。 当我们使用 normalized 或 normalizedize 时,我们可以确定给定向量指向哪个方向。 如果向量被归一化,它将返回一个新版本,允许我们将向量存储在一个新变量中。 Unity的坐标系显示如下:X为右正左负,Y为上正下负,Z为前正后正等。 当 magnitude 返回一个浮点数时,它是一个表示向量长度的一维值,它是一个向量浮点数。 归一化运算是逆运算,这意味着它返回矢量坐标。 使用大小,我们可以计算两个向量之间的距离。

因此,我们可以使用此信息将游戏对象沿所需方向移动。 我们还可以使用矢量的大小来确定其长度,从而允许我们计算与速度相关的任何事物。 除了控制游戏对象的速度外,还可以使用此方法计算两个游戏对象之间的距离。 我们可以使用这些信息来移动游戏对象,以及生成敌人 AI。
你能将向量相乘吗?
一个矩阵可以相乘产生一个新的向量。
什么是 Png 与 Svg?

PNG 可以处理非常高的分辨率,但它们不具备支持持续扩展的能力。 另一方面,SVG 文件是矢量文件,由线、点、形状和算法的复杂数学网络组成。 他们有能力在不失去分辨率的情况下扩展到任何尺寸。
创建具有二维和矢量光栅样式的矢量和图形元素的图像文件格式。 要在 Vectornator 中导出文档,您可以使用矢量格式 (SVG)。 几乎所有人都使用矢量图形编辑器来创建只能用代码编写的图像。 由于其可扩展性和低质量退化,矢量图形更适合响应式和视网膜就绪的网页设计。 虽然 PNG 不支持动画,但有一些光栅文件类型(例如 GIF 和 APNG)支持。 虽然可以将图像转换为 sva,但浏览器无法始终处理具有数百种颜色的大型矢量。 PNG 文件类型缺乏动画支持,尽管它支持透明。
如果您想升级 PNG,请避免超出其预期分辨率。 PNG 的流行使其成为通用的有吸引力的候选者。 将 PNG 用于复杂的非动画图像通常是可以接受的,尤其是那些需要透明度的图像。 尽管您的用户群中有很大一部分一直在使用旧版本的浏览器或设备,但矢量通常是安全的。 文件类型之间的区别很重要; PNG 文件是不同于 SVG 文件的格式。 PNG 文件因其简单、易于访问和易于使用而更有可能被使用。 为什么你团队是 PNG 或 SVG? 如果您想了解更多关于我们的信息,请告诉我们。
使用 PNG 可以生成高质量的图像。 如果您要使用高质量图像,最好的选择是使用 PNG。 尽管 PNG 包含数百万种颜色并且文件大小比 JPG 小得多,但它们不适合没有清晰线条或文本的照片。 如果您使用的是 PNG,请确保您使用了足够多的颜色来为您的图像提供清晰的线条或文本(例如,图形)。 可以使用 SVG 而不是 PNG 创建简单的线条图、徽标和图标。 SVG 优于其他图像格式的优点是它可以缩放到任意大小并获得高质量的图像。 如果您需要透明度,最好使用 SVG 文件格式。 因为它是免费的并且可以缩放到任意大小,所以它是高质量图像的最佳工具。 JPG 文件包含数百万种颜色,并且比传统的 JPG 文件小得多,但是当照片中没有清晰的文本或线条时最好使用它。
PNG比。 Svg:哪种文件格式最适合您的项目?
使用 SVG 文件的最佳方式是创建徽标、图标和简单图形。 使用这些文件,您将能够创建一个更清晰、更小的网站版本,因此它根本不会减慢速度。 最好使用 PNG 文件在水滑梯、可打印乙烯基甚至卡片纸上进行打印。 这些文档可用于不需要 SVG 提供的额外细节的低质量图像。 如果你打算使用高质量的图像、详细的图标,或者对透明度感兴趣,PNG 是你最好的选择。 它适用于可以缩放到任意大小的高质量图像,也适用于较小的文件。
Svg转PNG
当您从 svg 转换为 png 时,您实际上是在获取二维图像并将其转换为三维图像。 两者之间的主要区别在于 png 文件的大小可能比 svg 文件大得多。
在图像质量方面,开源 sva 项目无疑胜出。 它比 PNG @1X 快近 50%,比 PNG @2X 快近两倍。 因此,如果您想在提高网站速度的同时节省带宽,请使用 SVG 而不是 PNG。
为什么 Svg 是基本图像的最佳文件格式
因为它基于矢量图形,所以它是徽标、图标和简单图形的理想格式。 PNG 和.JPG 文件比较大的文件小一点,但它们无法与透明度竞争。 尽管 JPEG 文件较小,但它们不会转换为可编辑文件。 如果你只需要一个基本的图像,最好使用 SVG。