如何从grunt-contrib-packer中排除文件，例如，我想要制作一个由1x图形和@2x图形组成的雪碧表。
spritepacker: {
sprites: {
options: {
template: 'css/sprites.css.tpl',
destCss: 'css/sprites.css',
baseUrl: '/img/'
浏览 4提问于2015-02-26得票数 0
回答已采纳
1回答
我有一个类来管理一个游戏的用户界面。
public class GameManager : MonoBehaviour {
ArrayList sprites;
// Use this for initialization
void Start () {
sprites = new ArrayList();
sprites.Add(Resources.Load("bettle", typeof(Sprite)));
sprites.Add(Resources.Load("donut", ty
浏览 1提问于2014-04-22得票数 0
我正在使用grunt-contrib-compass pluckin，我只是不能让它以我想要的方式运行，问题是我的css文件中的图像路径是错误的。
一直在玩，但我想不出来(悲伤的脸)
我的文件夹：
/root
/assets
/css
/images
/sprites <-- generated images
和我的gruntfile.js中的配置
compass: {
dist: {
options: {
sassDir: 'src/scss'
浏览 5提问于2013-07-03得票数 3
回答已采纳
1回答
我有一个任务，我需要完成之前，开始下一个吞咽的任务。这个任务创建了几个精灵。这需要一段时间，所以我需要这个任务，让它知道什么时候完成，这样下一个任务就可以开始了。这些任务在"gulpfile.js“中定义，而sprite任务称为"build-sprites.js".。
我一直在使用一个名为"run-sequence“()的gulp工具来排序这些任务。它显然需要要么返回一个流，一个承诺，或一个回调。但是，我不知道如何用这个"build-sprites.js“任务来完成这个任务。
gulpfile.js:
// Originally based off ht
浏览 1提问于2016-02-03得票数 1
在本地运行mvc网站(VS IIS)时，图像显示正确：
css代码片段：
.sprites {
background: transparent url(../images/sprites.png) no-repeat 0 0;
}
但是，当站点发布到服务器或本地IIS (而不是VS IIS)时，图像无法加载(提供无效路径)
在服务器上正确显示图像的唯一方法是修改css文件，而不是用"/content/images/sprites.png"代替"../images/sprites.png"。
为什么会这样呢？
浏览 0提问于2013-02-11得票数 4
回答已采纳
考虑以下CSS：
.my_class {
background-image: url(/images/sprites.png);
}
有时我会通过添加新的sprites来更改sprites.png，所以我不希望浏览器缓存它。
我想到的一个想法是将style="background-image: url(/images/sprites.png?<random_number_here>)"添加到所有具有my_class类的元素中，并删除上面的CSS代码。但是，由于可维护性问题，我不喜欢这种解决方案(例如，如果文件名发生更改，我必须在许多地方更改它，而不是在单个CSS
浏览 3提问于2011-08-15得票数 1
回答已采纳
当我使窗口变大时，图像和它一起缩放，最终互相重叠。
我想要的是：
当我缩放窗口时会发生什么：
Html：
<html>
<head>
</head>
<body>
<link rel="stylesheet" type="text/css" href="styleE.css">
<script type="text/javascript" src="JQuery.js"></script>
<s
浏览 5提问于2014-10-29得票数 1
回答已采纳
2回答
我使用的是fullPage.js()，在第二节中我需要有一个滚动，图像就像电影一样变化(比如这个)。
我在第二节中添加了一个类‘sprites’，并用: normalScrollElements：'.sprites‘停止了normalScrollElements滚动，其思想是在滚动事件完成后删除该类，这样fullPage就可以继续正常滚动到下一节。
我一直在阅读关于改变滚动图像的类似问题，但是我无法让它工作，而且我不知道如何在滚动完成后删除类。
这就是我所拥有的
html：
<section id="second" class="section sprit
浏览 2提问于2015-02-13得票数 0
回答已采纳
对于我的项目(网站)，我使用一个名为的NPM包，它将我所有的SVG映像放入一个文件sprites.svg中并生成sprites.css。
在sprites.css中，有些CSS类将其background-image属性设置为sprite.svg中的svg图像。
sprites.css：
.icon:before {
content: ' ';
vertical-align: middle;
display: inline-block;
background-image: url(/img/sprite.svg);
background-r
浏览 1提问于2019-07-04得票数 0
1回答
我很难让CSS图像精灵出现在GWT UiBinder中。我确实检查了，但发现我已经在按照建议执行了。
我有一个带有CssBundle嵌套接口的ui.xml、ClientBundle接口和一个css文件。
ui.xml：
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.
浏览 2提问于2011-06-04得票数 3
回答已采纳
1回答
我在公用文件夹下有一些文件夹。例如
public/games/game1
public/games/game2
这个文件夹包括css，js，sprites等。
我有路线(在web.php)
Route::prefix('games')->group(function (){
Route::get('game1',[GameController::class, 'game1Index'])->name('game1');
Route::get('game2',[GameController::clas
浏览 7提问于2022-09-30得票数 0
1回答
我想对一个混合调用做一个简单的内插：
$models: "square", "square-green", "circle";
$services: "facebook", "twitter", "linkedin", "gplus", "feed";
@each $model in $models {
@include all-#{$model}-sprites;
@each $service in $services {
浏览 3提问于2012-10-31得票数 1
此按钮位于CSS Sprites之前
<input type="image" src="/images/search-button.png" value="" id="search-button">
我正在尝试用我的一个搜索表单实现CSS Sprite，问题是如果我使用
<input id="search-button" class="sprites1" type="submit" value="">
它看起来会像这样。
如你所见，右
浏览 1提问于2012-05-02得票数 1
回答已采纳
我有一个MVC4项目，其结构如下：
/Content/css/sprites/topbar.css
/内容/图像/topbar.png
在css文件中，我试图通过以下方法引用该图像：
background: url('../../images/topbar.png')
但是图像没有显示。如果我将其更改为图像位于：
/Content/css/sprites/topbar.png
并将css更改为：
background: url('content/css/sprites/topbar.png')
它可以工作，但这破坏了我的项目结构。
有什么想法吗？
浏览 10提问于2012-09-10得票数 5
回答已采纳
我在一个垂直的精灵中有4个图片，我希望每个图片在我的页面上都变成一个href's，从left:250px top:2px开始，在每个图片之间填充3px。
CSS
.sprites {
background:url('/pic/sprites.jpg')no-repeat top left;
width:36px;
height:36px;
}
.sprites.sprites.twitter {
background-position:0px 0px;
}
.sprites.sprites.facebook {
backgroun
浏览 2提问于2013-12-24得票数 0
我正在尝试使用Compass/SASS生成子画面，并收到以下错误：
NoMethodError on line ["21"] of /Library/Ruby/Gems/2.0.0/gems/chunky_png-1.3.1/lib/chunky_png/chunk.rb: undefined method 'unpack' for nil:NilClass
我的图标都在images/icons里。这是我的_sprites.scss partial：
@import "compass/utilities/sprites";
@import
浏览 3提问于2014-06-22得票数 1
2回答
罗盘雪碧路径引起误差
、、、
我已经试过了很多回应，但由于某种原因，我无法做到这一点。错误是：
No files were found in the load path matching "sprites/*.png"
我的config.rb代码：
relative_assets = true
cache=false
Encoding.default_external = "utf-8"
#########
# 1. Set this to the root of your project when deployed:
http_path = "/"
http_gener
浏览 6提问于2014-12-01得票数 0
回答已采纳
我正在为asp.net mvc2应用程序实现CSS。我遵循了下面的文章，并试图在一个示例项目上工作。
我在App_Sprites文件夹中添加了几个图像，然后运行应用程序。使用以下代码更新了Site.master和Index.aspx的HomeController视图：
Site.master：
<%: Sprite.ImportStylesheet("~/App_Sprites/") %>
Index.aspx：
<%: Sprite.Image("~/App_Sprites/community_icon_dkgreen.jpg")%>
浏览 0提问于2014-01-30得票数 0
回答已采纳
3回答
最近我处理了CSS精灵。它运行良好。
我创建了一个精灵，.css文件和html结构。看起来像是
.sprites{
background-image:url('../img/sprite.png');
background-color:transparent;
background-repeat:no-repeat;
height:44px;
width:44px;
}
.pic1 {background-position:0 0;}
.pic2
浏览 0提问于2011-07-01得票数 1
我正在尝试使用以下代码绘制图像的大量实例：
PictureBox[] sprites = new PictureBox[100];
private void Game_Load(object sender, EventArgs e)
{
PictureBox mainSprite = new PictureBox();
Bitmap img = new Bitmap(SpriteTest.Properties.Resources.Image); //Load a png image
mainSprite.Size = new Size(16, 16);
ma
浏览 1提问于2011-07-07得票数 0
回答已采纳
当前，当我的代码运行Player类的update函数时，什么也不做。我想更新函数以将1添加到索引中。这将使精灵在动画中移动。我不知道在这里写什么。
import pygame
import sys, os
import random
from colors import *
CLOCK = pygame.time.Clock()
FPS = 1
SIZE = WIDTH, HEIGHT = 576, 480
TILESIZE = 32
CAPTION = pygame.display.set_caption('BRRRRRRRRR')
class Player(pygam
浏览 2提问于2021-01-24得票数 1
回答已采纳
1回答
我不知道怎么回答这个问题。所以我会发布我的问题的截图。
我该怎么做
[SerializeField] private Sprite[] m_Sprites;
出现在这里的巡查员
我也尝试过public Sprite[] Sprites;和private Sprite[] m_Sprites，但没有效果，我看到变量出现在那里，但是现在我需要它，我似乎找不到它。经过进一步的尝试，我发现一个public Sprite Sprite;出现了，但是我需要它是一个雪碧数组。我还尝试创建一个holder类并在其中定义数组，但它仍然没有出现。
浏览 4提问于2020-04-14得票数 1
回答已采纳
import java.awt.image.BufferedImage;
import javax.imageio.ImageIO;
import java.io.IOException;
public class ImageLoader {
public static BufferedImage loadImage(String path)
{
try {
return ImageIO.read(ImageLoader.class.getResource(path));
} catch(IOException e) {
浏览 30提问于2020-08-27得票数 0
1回答
使用CSS，如何使按钮图像background: url();相对于父div缩小？父div是居中的，并根据视口宽度vw设置为缩放。
有什么想法吗？
编辑这里重要的是缩放到视口宽度，而不是父div。
body {
background-color: rgb(0,0,0);
margin: 0px;
border: 0px black;
padding: 0px;
}
#parent {
background-color: grey;
width: 80vw;
font-size: 0;
position: absolute;
top: 50
浏览 0提问于2018-06-11得票数 0
回答已采纳
1回答
我需要在WordPress页脚中增加一些精灵的大小，但我想不出一个很好的方法。
我试着按照推荐的几个线程来调整background-size，但是没有结果值得一提。
我用的是transform: scale(2)，它起作用了，但看起来很糟糕。(比正常像素化最差)
HTML:
<div>
<div class="sprites sprite1"></div>
<div class="sprites sprite2"></div>
<div class="
浏览 5提问于2015-09-10得票数 2
回答已采纳
使用React，我创建了一个名为ItemPoke的组件。然后，我使用array.map从一个由4个对象组成的小数组读取数据。它的结构是模拟的，而不是h3和span标签的图像和内容。使用Chrome开发工具，我可以看到道具值，条纹是正确的标志，但图像和信息没有显示。我的代码：
const pokemons = [
{
name: "bulbasaur",
url: "https://pokeapi.co/api/v2/pokemon/1/",
sprite:
"https://raw.github
浏览 9提问于2022-06-25得票数 0
回答已采纳
2回答
淡入和褪色动画
、、、
我就是这样创造我的球员的。当我被击中的时候，有什么方法可以开始褪色和消失一段时间吗？
private Texture tex = Game.res.getTexture("player");
public Player(Body body) {
TextureRegion[] sprites = new TextureRegion[1];
sprites[0] = new TextureRegion(tex, 0, 0, 70, 96);
sprites[1] = new TextureRegion(tex, 69, 193, 68, 93);
ani
浏览 0提问于2015-08-03得票数 1
1回答
字典中的图像裁剪有问题
、、、、
因此，我正在尝试使用Pygame，但是我可以找到的所有在线教程都只使用一个文件。我反复思考如何在一个函数中加载所有的图像。决定把它们保存在字典里。问题是，当我试图粘贴字典中的图像时，我会得到以下错误：
Traceback (most recent call last):
File "J:\Growth of Deities\Main.py", line 32, in <module>
pygame.Surface.blit(Sprites["TileWastelandBasic"], (0, 0))
TypeError: argument 1 m
浏览 8提问于2015-05-17得票数 0
回答已采纳
1回答
我正在使用位于的Asp和图像优化框架来处理我站点中的任何css精灵。根据浏览器，框架生成指向这两个文件的两个不同的链接
/App_Sprites/highCompat.css - ie9, firefox, chrome
/App_Sprites/lowCompat.css - ie6, ie7
不幸的是，css文件没有缩小，不能从当前位置移动。
我有自己的小型化引擎，但在Ajaxmin库中，我使用处理程序动态丢弃压缩的css。
这会捕捉到这样一条路。
/css.axd?path=reset.css|style.css|helpers.css
我如何使用MVC捕获请求并
浏览 1提问于2011-08-12得票数 0
回答已采纳
我已经为Compass雪碧公司战斗了几天。
我的网站有以下结构：
+ project
- config.rb
+ application
+ scss
- _base.scss
- main.scss
- ...
+ public (webroot)
+ js
+ css
- main.css
+ images
+ sprites
- boxarrow.pn
浏览 7提问于2014-06-05得票数 4
回答已采纳
1回答
我都快疯了想要弄清楚这件事。我在一个Wordpress项目中使用了指南针，并且在我的Wordpress主题根目录中保存了指南针configure.rb文件。这是我的configure.rb文件：
add_import_path "bower_components/foundation/scss"
http_path = ""
http_images_dir = "images"
css_dir = "css"
sass_dir = "scss"
images_dir = "images"
ja
浏览 2提问于2014-06-11得票数 0
1回答
我试着制作pin游戏，一个矩形是屏幕的右边，另一个是屏幕的左边。当球击中第二个矩形时，它需要被碰撞，但是在更新方法中有一个hits1变量，它被认为是碰撞的东西，但在同一行中。
hits1 = pg.sprite.spritecollide(self.player,self.balls,False)
游戏给了我这个错误：
AttributeError：“pygame.math.Vector2”对象没有属性“对撞机”
import pygame as pg
import random
from settings import *
from sprites import *
from os im
浏览 1提问于2019-09-27得票数 3
回答已采纳
我正在尝试向已经在HTML中的画布节点添加新的画布节点。在将第一个节点作为子节点添加之后，该节点只会被替换为新节点，而不是在最后一个节点之后添加。我试过同时使用append和appendChild，两者都在做同样的事情。
在一个小小的背景下，我试图制造多个球，当它们相互碰撞或在画布边界上碰撞时，它们会“弹起”。
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
浏览 1提问于2022-05-03得票数 0
每次运行我的sprite任务时，我都会得到错误的EPERM:操作不被允许，mkdir‘C：\Users\’。我希望图像路径是相对的。
当scss文件正确地保存在父(src)文件夹中时，我不明白为什么我的新spritesheet的目标指向我的用户目录。另外，scss正确构建并在/sprites中读取我的png文件。
我的文件夹结构：
/
src/
node_modules/
sprites/
_sprites.scss
gulpfile.js
www/
images/
吞咽任务：
var spritesmith = require('g
浏览 4提问于2017-10-01得票数 0
回答已采纳
在将Devise视图更新为最新版本(1.1.0)后，我会得到以下错误。如果切换回0.0.11，一切正常。
有什么问题吗？
在我的Gemfile中，我有这个
gem 'devise'
gem "twitter-bootstrap-rails"
gem "devise-bootstrap-views"
application.css
/*
*= require devise_bootstrap_views
*= require_tree .
*= require_self
*/
bootstrap_and_overri
浏览 1提问于2019-01-18得票数 0
我试图在一个简单的二维SKScene中连续移动一个SKScene.这既包括在UIGestureRecognizer的pan相反方向移动包含所有背景节点的数组，也包括同时对节点进行动画。
通过实现节点和识别器并在摇摄时调用其方法，我已经实现了移动：
@objc func didPan(gesture: UIPanGestureRecognizer) {
let pan = gesture.velocity(in: self.view)
if gesture.state == .changed {
for sprites in levelSprites {
浏览 0提问于2018-05-30得票数 0
回答已采纳
1回答
这是怎么回事？我在为许多纹理使用相同加载图像的教程/文档时遇到了困难。
我最初所做的是使用类似于Object obj("image.png");的东西，它将一个SDL_Texture封装在一个对象中。当调用对象的构造函数时，它每次都加载"image.png“。显然，如果您希望多个精灵使用相同的图像，这是错误的设计。它只需要加载一次。
所以我现在有一个Sprite类，它将一个SDL_Texture封装在其中，如下所示：
struct Sprite {
SDL_Surface* sprite = NULL;
Sprite(const char* filen
浏览 2提问于2014-07-06得票数 2
回答已采纳
下面是我遇到的错误：
跟踪(最近一次调用)：文件"C:\RPG Game\main.py"，第67行，在g.new()文件"C:\RPG Game\main.py“中，第23行，在新的self.createTilemap()文件"C:\RPG Game\main.py”中，第17行，在createTilemap块中(self，j，i)文件"C:\RPG Game\sprites.py"，第60行，在__init__ self.groups = self.game.all_sprites中，self.game.blocks AttributeErr
浏览 6提问于2022-01-02得票数 0
我想使用url的一部分来帮助缓存分解和跟踪我的应用程序中使用的资源的版本
也就是说，我有一个web应用程序，它的资源是独立的，由nginx提供服务。资源保存在文件夹中：
app_name/img/sprites.png
app_name/css/compressed.css
app_name/scripts/mini.app.js
然后我想用以下形式的uris引用这些uris：
/app_name/#{version}/img/sprites.png
或者也许
/#{version}/app_name/img/sprites.png
其中#{ version }是要加载的资源的版本。
然后，我
浏览 0提问于2012-05-21得票数 1
回答已采纳
是否有一种方法可以使用sprites而不使用
background: url();
财产？
例如，有没有一种方法可以将sprites与
<img>
而不是标签？
我问的原因是因为我试图在流体网格系统中使用CSS精灵，并且我需要能够控制图像的最大宽度。
浏览 0提问于2013-02-17得票数 1
回答已采纳
1回答
通过悬停在2幅图像之间进行滚转
、、、、
我正在使用React，并试图通过悬停它们来改变2幅图像。
这就是我到目前为止所做的：
Card.js
<div className="image-wrapper">
<img src={sprites.front_default} className="image" alt="normal" />
<img src={sprites.back_default} className="image-hover" alt="hover" />
</div>
浏览 9提问于2022-01-08得票数 0
3回答
您好，我正在使用sprite框架
我让它正常工作，这样我就可以做如下事情：
@Microsoft.Samples.Web.ImageSprite.Image("~/App_Sprites/icons/calendar.png")
但是如何使用css文件中的图像呢？例如
#wrapper {
width: 980px;
margin: 0 auto;
background: url(/App_Sprites/images/img01.gif) repeat-y left top;
}
浏览 2提问于2011-01-30得票数 0
我正在努力让CSS精灵出现在我的HTML页面上，但我做不到。然后我把代码放到柱塞上，这样就可以共享代码了！然后，我明白它在Firefox上不起作用，而是在Chrome上起作用。
请帮帮我
源代码：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.outdoor {
background-image: url(sprites.png);
background-repeat: no-repeat;
background-position: -14p
浏览 3提问于2015-05-10得票数 0
回答已采纳
我有一个可以射出子弹的精灵。有时子弹也会从看不见的射手中射出。 从对手到射手的切换在程序中起作用，但当我想让子弹以某种方式射击时，每一次射击之间都有延迟，子弹似乎变成了一条线(图像中的紫色物体是子弹)： ? 机械师在对手射击时起作用，但在看不见的方块时不起作用。 为什么会发生这种情况？有没有我需要修复的小bug？ 下面是我的代码： import pygame
import time
import itertools
import os
pygame.init()
SCREENWIDTH = 1000
SCREENHEIGHT = 650
screen = pygame.displa
浏览 13提问于2019-02-18得票数 5
回答已采纳
3回答
具有三种不同状态的CSS Sprites (按钮)：
标准
悬停
按下(活动)
目前“标准”、"Hover“和”按下“工作。问题是，“按压”只在鼠标按住时保持按住。我希望“按下”或“活动”状态保持活动状态，直到再次单击。有什么想法吗？CSS解决方案？javascript解决方案？
谢谢你的帮助，D
下面是代码：
<html>
<style type="text/css">
a.button {
background-image: url('BUTTON SPRITES IMAGE')
浏览 17提问于2011-07-25得票数 7
回答已采纳
因此，我正在为我的计算机课程中的一些课程工作做游戏，我几乎完成了，但对于我的生活，我不能得到多个蜘蛛精灵在正确的位置产卵或正确地在关卡之间重置。我以前尝试过向组中添加不同的实例，但每次尝试都会得到不同的错误。代码如下，我对pygame还很陌生，所以很抱歉代码太乱了。
class Spider(pygame.sprite.Sprite):
def __init__(self):
pygame.sprite.Sprite.__init__(self)
self.image = pygame.image.load( 'Assets/Level-Ass
浏览 0提问于2018-04-29得票数 0
2回答
我有个问题，我是个新手，我正在做一个侧面监控器。我正在尝试在stateBasedGame中加载spritesheet。但当我运行/调试游戏时，它会运行，但不会显示图像。代码如下：
//private static Map<String, Image> images;
private static Map<String, SpriteSheet> sprites;
//private static Map<String, Sound> sounds;
public Resources() {
//images = new HashMap<Str
浏览 1提问于2014-10-18得票数 0
1回答
当使用指南针/Sass时，我通常将生成的style.css和sprites放在我的.gitignore文件中，这样它们就不会弄乱我的提交。
但是现在我遇到了这样的情况:我提交了一个在线系统，但是我的style.css和sprites没有被推送，因为它们被忽略了/没有被提交。
现在我想知道是否有一种方法，我仍然没有提交这些文件，但当我执行git push时，它们被上传到我的在线存储库
浏览 1提问于2013-07-26得票数 0
我想创建一个精灵与几个图像，将被用作背景。它们中的一些将与norepeat一起使用，而另一些将使用-x。
设置这种风格的最好方法是什么？
到目前为止，我已经尝试过了，但它不能正常工作：
css
.sprites {
background-color: transparent;
background-image: url(img/sprites.png);
background-repeat: no-repeat;
}
.bg {
width: 1px;
height: 25px;
background-position: 0 0;
浏览 0提问于2012-07-24得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
