sprite 相关问题

精灵是一个二维图像或动画,它被整合到一个更大的场景中。

如何在 Pygame 中根据角度移动精灵

我在移动精灵时遇到问题。我可以毫无问题地在 x 轴和 y 轴上移动它们。我不知道如何才能按照某个角度移动它们。我的意思是,我...

回答 4 投票 0

WordPress 中的 CSS 精灵

下面的代码显示了精灵的使用,该精灵通常应以黑白显示图像,当鼠标悬停在图像上时,它们会变成彩色,但不显示之间的过渡...

回答 1 投票 0

Pygame 精灵 - 创建新精灵后不活动

我的精灵有问题。 我创建了一个精灵类: 类 lumbercheck(pygame.sprite.Sprite): def __init__(自身): pygame.sprite.Sprite.__init__(self) self.image = pyg...

回答 2 投票 0

如何使用WWW类来改变Sprite?

我正在努力更改精灵图像以使用Unity中的WWW类。 我在网站上有一张个人资料 png 图片,我想将其加载到游戏中。我想更改 Sprite Rend 的 Sprite...

回答 1 投票 0

Spritesheet 动画是垂直的而不是水平的

我有一个精灵表,我想在 Godot 游戏引擎中为其制作动画,但我遇到了错误,因为当我的精灵表具有从上到下的动画时,Godot 使帧从右到左循环。怎么办...

回答 2 投票 0

如何在Pygame中移动Sprite

我试图让我的图像(鸟)在屏幕上上下移动,但我不知道该怎么做,这就是我尝试过的,我确定它已经消失了,但我试图弄清楚是否有人可以提供帮助那...

回答 3 投票 0

缩放根节点时,具有多个精灵的角色无法正确翻转

我正在Godot(版本4.3)中开发一款2D游戏,并且有一个由多个精灵(例如身体、头部、装备)组成的角色。这些精灵都是CharacterBody2D根节点的子节点。 我想要...

回答 1 投票 0

添加 2D 对象后无法拉伸精灵 - Sprite

Unity 能够为精灵设置边界。这使我能够在不损失质量的情况下拉伸图像并节省边框。这通常用于创建菜单和弹出窗口。我添加了这样一个 spr...

回答 1 投票 0

从Godot 4中的精灵表导入纹理按钮

我有一个包含所有按钮的精灵表,并且想使用单个精灵作为我的按钮,而不是整个表。有办法做到这一点吗? (我是一个完全的初学者) 我尝试将文件...

回答 1 投票 0

如何在bevy引擎中加载部分图像

我有一个精灵表 png 文件,其中包含一些静态精灵,例如墙壁或草。如何根据图像中的坐标将它们分割成单独的精灵?

回答 2 投票 0

如何在 Three.js 中旋转精灵对象?

我需要旋转一个精灵对象,但似乎这不可行,如果不行,有没有办法实现旋转效果,也许通过精灵材质的UV坐标,或者自定义着色器...

回答 2 投票 0

我需要CSS和JS的精灵动画帮助

我做了一个简单的项目,允许 4 图像精灵向一个方向移动,但我想知道如何做到这一点,以便每当 D 键(移动角色的键)不被 p 时。 ..

回答 1 投票 0

如何跳过 svg sprites 缓存进行 Web 开发

我的 icon.svg 精灵文件看起来像这样 我的 icon.svg 精灵文件看起来像这样 <?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" style="display:none"> <symbol fill="currentcolor" viewBox="0 -960 960 960" id="icon_home"> <path d="M240-200h133.85v-201.54q0-15.36 10.39-25.76 10.4-10.39 25.76-10.39h140q15.36 0 25.76 10.39 10.39 10.4 10.39 25.76V-200H720v-353.85q0-3.07-1.35-5.57-1.34-2.5-3.65-4.43L487.31-735q-3.08-2.69-7.31-2.69-4.23 0-7.31 2.69L245-563.85q-2.31 1.93-3.65 4.43-1.35 2.5-1.35 5.57V-200Zm-60 0v-353.85q0-17.17 7.68-32.53 7.69-15.37 21.24-25.31l227.7-171.54q18.95-14.46 43.32-14.46t43.44 14.46l227.7 171.54q13.55 9.94 21.24 25.31 7.68 15.36 7.68 32.53V-200q0 24.54-17.73 42.27Q744.54-140 720-140H562.31q-15.37 0-25.76-10.4-10.4-10.39-10.4-25.76v-201.53h-92.3v201.53q0 15.37-10.4 25.76-10.39 10.4-25.76 10.4H240q-24.54 0-42.27-17.73Q180-175.46 180-200Zm300-269.23Z"></path> </symbol> <symbol fill="currentcolor" viewBox="0 -960 960 960" id="icon_dashboard"> <path d="M676.15-180q-15.36 0-25.76-10.4Q640-200.79 640-216.16V-380q0-15.36 10.39-25.76 10.4-10.39 25.76-10.39h67.69q15.37 0 25.76 10.39Q780-395.36 780-380v163.84q0 15.37-10.4 25.76-10.39 10.4-25.76 10.4h-67.69Zm-230 0q-15.36 0-25.76-10.4Q410-200.79 410-216.16v-527.68q0-15.37 10.39-25.76 10.4-10.4 25.76-10.4h67.7q15.36 0 25.76 10.4Q550-759.21 550-743.84v527.68q0 15.37-10.39 25.76-10.4 10.4-25.76 10.4h-67.7Zm-229.99 0q-15.37 0-25.76-10.4-10.4-10.39-10.4-25.76v-331.35q0-15.64 10.4-25.99 10.39-10.34 25.76-10.34h67.69q15.36 0 25.76 10.39Q320-563.06 320-547.69v331.35q0 15.65-10.39 25.99Q299.21-180 283.85-180h-67.69Z"></path> </symbol> <symbol fill="currentcolor" viewBox="0 -960 960 960" id="icon_shopping_bag"> <path d="M252.31-100Q222-100 201-121q-21-21-21-51.31v-455.38Q180-658 201-679q21-21 51.31-21H330v-10q0-62.15 43.92-106.08Q417.85-860 480-860t106.08 43.92Q630-772.15 630-710v10h77.69Q738-700 759-679q21 21 21 51.31v455.38Q780-142 759-121q-21 21-51.31 21H252.31Zm0-60h455.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-455.38q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H630v90q0 12.77-8.62 21.38Q612.77-520 600-520t-21.38-8.62Q570-537.23 570-550v-90H390v90q0 12.77-8.62 21.38Q372.77-520 360-520t-21.38-8.62Q330-537.23 330-550v-90h-77.69q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v455.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85ZM390-700h180v-10q0-37.61-26.19-63.81Q517.62-800 480-800q-37.62 0-63.81 26.19Q390-747.61 390-710v10ZM240-160v-480 480Z"></path> </symbol> <symbol fill="currentcolor" viewBox="0 -960 960 960" id="icon_products"> <path d="M480-421.77q-8.85 0-17.19-2.31-8.35-2.31-16.58-6.54L119.77-604.23q-9.85-5.62-14.15-13.85-4.31-8.23-4.31-18.07 0-9.85 4.31-18.08 4.3-8.23 14.15-13.85l326.46-173.61q8.23-4.23 16.58-6.54 8.34-2.31 17.19-2.31 8.85 0 17.19 2.31 8.35 2.31 16.58 6.54l326.84 173.61q9.85 5.62 14.16 13.85 4.31 8.23 4.31 18.08 0 9.84-4.31 18.07t-14.16 13.85L513.77-430.62q-8.23 4.23-16.58 6.54-8.34 2.31-17.19 2.31Zm0-58.84 294.92-155.54L480-791.69 185.46-636.15 480-480.61Zm.38-155.54ZM480-324.46l320.15-169.46q2.39-1.39 16.31-2.69 12 .76 19.65 9 7.66 8.23 7.66 20.23 0 8.3-3.66 14.99-3.65 6.7-11.96 11.16L513.77-274.46q-8.23 4.23-16.58 6.54-8.34 2.3-17.19 2.3-8.85 0-17.19-2.3-8.35-2.31-16.58-6.54l-314-166.77q-8.31-4.46-12.15-11.16-3.85-6.69-3.85-14.99 0-12 7.85-20.23 7.84-8.24 19.84-9 4.23-.77 8.16-.04 3.92.73 8.15 2.73L480-324.46Zm0 156.15 320.15-169.46q2.39-1.38 16.31-2.69 12 .77 19.65 9 7.66 8.23 7.66 20.23 0 8.31-3.66 15-3.65 6.69-11.96 11.15L513.77-118.31q-8.23 4.23-16.58 6.54-8.34 2.31-17.19 2.31-8.85 0-17.19-2.31-8.35-2.31-16.58-6.54l-314-166.77q-8.31-4.46-12.15-11.15-3.85-6.69-3.85-15 0-12 7.85-20.23 7.84-8.23 19.84-9 4.23-.77 8.16-.04 3.92.73 8.15 2.73L480-168.31Z"></path> </symbol> </svg> 并使用 use 标签显示图标 <ul> <li><svg class="icon"><use xlink:href="view/image/icon.svg#icon_home"></use></svg></li> <li><svg class="icon"><use xlink:href="view/image/icon.svg#icon_dashboard"></use></svg></li> </ul> 当我添加新符号时它工作正常,但如果我将现有符号路径标记更新为新图标,它不会显示新图标。它仍然加载旧图标。似乎是一个缓存问题,因为当我在隐身模式下尝试时它工作正常。硬刷新也不起作用。请帮助建议一种更好的方法来跳过 svg sprites 缓存以进行 Web 开发。 或者花一些时间在 https://yqnn.github.io/svg-path-editor/# 缩放 x 10 并舍入到 0 精度 缩小所有 SVG 路径 然后在页面的头部放置一个小的原生 JavaScript Web 组件 定义一个 <svg-icon> HTML 元素 <script> customElements.define("svg-icon", class extends HTMLElement { connectedCallback() { let dpath = { home: "m1200 6200h1338v-2015q0-154 104-258 104-104 258-104h1400q154 0 258 104 104 104 104 258v2015h1338v-3539q0-31-14-56-13-25-36-44l-2277-1711q-31-27-73-27-42 0-73 27l-2277 1711q-23 19-36 44-14 25-14 56v3539zm-600 0v-3539q0-172 77-325 77-154 212-253l2277-1715q189-145 433-145t434 145l2277 1715q136 99 212 253 77 154 77 325v3539q0 245-177 423-177 177-422 177h-1577q-154 0-258-104-104-104-104-258v-2015h-923v2015q0 154-104 258-104 104-258 104h-1576q-245 0-423-177-177-178-177-423zm3000-2692z", dashboard: "m5500 6500q-154 0-258-104-103-104-103-258v-1638q0-154 104-258 104-104 258-104h677q154 0 258 104 103 104 103 258v1638q0 154-104 258-104 104-258 104h-677zm-2300 0q-154 0-258-104-103-104-103-258v-5277q0-154 104-258 104-104 258-104h677q154 0 258 104 103 105 103 259v5277q0 154-104 258-104 104-258 104h-677zm-2300 0q-154 0-258-104-104-104-104-258v-3314q0-156 104-260 104-103 258-103h677q154 0 258 104 104 104 104 258v3314q0 157-104 260-104 103-257 103h-677z", shopping: "m1600 6800q-259 0-438-180-180-180-180-438v-3893q0-259 180-438 180-180 438-180h664v-86q0-531 375-907 376-375 907-375t907 375q375 376 375 907v86h664q259 0 438 180 180 180 180 438v3893q0 259-180 438-180 180-438 180h-3893zm0-513h3893q40 0 73-33 33-32 33-73v-3893q0-40-33-73-32-33-73-33h-664v770q0 110-74 183-74 76-183 76t-183-74q-74-74-74-183v-770h-1539v770q0 110-74 183-74 74-183 74t-183-74q-74-74-74-183v-770h-664q-40 0-73 33-33 32-33 73v3893q0 40 33 73 32 33 73 33zm1177-4617h1539v-86q0-321-224-545-224-224-545-224-321 0-545 224-224 224-224 545v86zm-1283 4617v-4104 4104z", products: "m3500 3900q-74 0-139-16-66-16-139-57l-2673-1419q-82-49-115-115-33-66-33-148 0-82 33-148 33-66 115-115l2673-1427q66-33 139-57 66-16 139-16 74 0 139 16 66 16 139 57l2681 1427q82 49 115 115 33 66 33 148 0 82-33 148t-115 115l-2681 1419q-66 33-139 57-66 16-139 16zm0-484 2419-1279-2419-1271-2419 1279 2419 1271zm0-1279zm0 2567 2624-1386q16-8 131-25 98 8 164 74 66 66 66 164 0 66-33 123-33 57-98 90l-2575 1369q-66 33-139 57-66 16-139 16-74 0-139-16-66-16-139-57l-2575-1369q-66-33-98-90-33-57-33-123 0-98 66-164 66-66 164-74 33-8 66 0 33 8 66 25l2624 1386zm0 1279 2624-1386q16-8 131-25 98 8 164 74 66 66 66 164 0 66-33 123-33 57-98 90l-2575 1369q-66 33-139 57-66 16-139 16-74 0-139-16-66-16-139-57l-2575-1369q-66-33-98-90-33-57-33-123 0-98 66-164 66-66 164-74 33-8 66 0 33 8 66 25l2624 1386z" }[this.getAttribute("is")]; this.style.display = "inline-block"; this.innerHTML = `<svg viewBox="0 0 7000 7000"><path d="${dpath}" fill="currentcolor"/></svg>`; } }); </script> <style> svg-icon { width:160px; background:PINK } </style> <svg-icon is="home"></svg-icon> <svg-icon is="dashboard"></svg-icon> <svg-icon is="shopping"></svg-icon> <svg-icon is="products"></svg-icon>

回答 1 投票 0

MS-DOS 中的默认鼠标光标如何工作而不擦除其下面的任何内容?

我对VGA图形的理解可能有缺陷,但它似乎只有一层图形,而MS-DOS(或至少DOSBox)中的鼠标光标似乎与下面的图形无关,

回答 2 投票 0

如何在 Windows 应用程序中使用 C++ 创建精灵?

我正在尝试使用 C++ 在 Windows 应用程序中制作吃豆人游戏。 我需要弄清楚如何使用精灵。我在 YouTube 上查找,他们似乎使用了另一个库,例如 SFML 或 SDL,但是

回答 1 投票 0

Pygame - 加载字母并显示图像文本

我正在关注 Tech with Tim 的关于如何创建平台游戏链接的指南 我创建了一个函数来从精灵图像中加载字母,基于他的 load_sprites 函数: 定义

回答 1 投票 0

在 Pygame 中制作简单的装扮游戏时遇到麻烦

所以我对 pygame 有点陌生,刚刚开始。 我正在尝试制作一个简单的装扮游戏,其中有三个按钮。根据您按下的按钮,您可以放置粉色、蓝色或绿色...

回答 1 投票 0

将旋转对象缩小到点

我有一个物体(橙色),它绑在铰链关节(黑色)上并且可以围绕它旋转。在某些时候,当我检测到与其他物体发生碰撞时,我必须将其剪切到那里(红色)。为了做到这一点,我...

回答 1 投票 0

尝试制作一款没有等距瓷砖渲染的等距游戏

我是一名高中生,正在为一个学校项目编写 pygame 游戏,该项目将在大约一周半后到期,我的问题是我是否能够创建一个等距游戏,而不是...

回答 1 投票 0

SpriteRenderer 在运行时更改精灵在 Android 构建中不起作用?

如果您尝试创建测试场景,请使用一个简单的脚本每隔一段时间更改一次精灵。 精灵没有改变,但如果你尝试记录改变的精灵名称,你会看到它已经改变了

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.