制作CSS精灵的工具？
有什么好的工具可以制作CSS精灵？
理想情况下，我想给它一个图像目录和一个引用这些图像的现有.css文件，并使其创建具有所有小图像优化的大图像，并更改我的.css文件以引用这些图像。
至少我希望它获取一个图像目录，并生成一个大的精灵和将每个精灵用作背景所必需的.css。
有没有很好的photoshop插件或功能完备的应用程序可以做到这一点？
问题答案：
这将为您完成90％的工作：CSS SpriteGenerator。您仍然需要自己编辑规则，但是该工具将为您提供新CSS文件所需的代码片段。
-
当用户访问一个网站时，浏览器会向服务器发送一系列请求，比如说网页上的每张图像都需要经过一次请求才能最终展示给用户。然而，一个网页中往往包含大量的图像资源（例如在页面中展示的图片、网页的背景图像以及一些装饰性的图像等），这就会导致浏览器频繁的请求服务器，大大降低网页的加载速度。为了有效的减少请求服务器的次数，提高页面加载的速度，就出现了 CSS Sprites 技术，也被称为精灵技术。 简单来讲，精
-
在创建完精灵后，现在你能试着修改精灵的属性去控制它了。 创建精灵： auto mySprite = Sprite::create("mysprite.png"); 锚点 锚点确定了精灵对象在计算坐标位置的一个基准点，这个点是精灵内部的点，锚点影响精灵的缩放，旋转，倾斜这种转换，不影响颜色，透明度这种属性。锚点使用的坐标系以左下角为原点 (0, 0)，在你设置锚点的值时，要注意到这一点。默认情况下
-
父类：BK.Node 精灵类 成员变量 变量 类型 名称 备注 size Object 大小 anchor Object 锚点 cornerRadius number 圆角 单位为像素 例子： var babaTex =new BK.Texture('GameRes://texture/test.png'); var sp =new BK.Sprite(200,200,babaTex,0,1,1
-
我在PyGame中创建了两个简单的精灵，其中一个是雨伞，另一个是雨滴。雨滴被添加到一个名为< code>all_sprites的sprite组中。伞精灵有自己的组，名为< code>Umbrella_sprite 雨滴从屏幕顶部“落下”,如果其中一个碰到雨伞/与雨伞碰撞..雨滴应该被删除了。但是除了特定雨滴之外，所有其他雨滴都受此影响。
-
Pixi 精灵 现在你就有了一个画布，可以开始往上面放图像了。所有你想在画布上显示的东西必须被加进一个被称作 舞台的Pixi对象中。你能够像这样使用舞台对象： app.stage 这个舞台是一个Pixi 容器对象。你能把它理解成一种将放进去的东西分组并存储的空箱子。 舞台对象是在你的场景中所有可见对象的根容器。所有你放进去的东西都会被渲染到canvas中。现在舞台是空的，但是很快我们就会放进去一点
-
精灵是一个总是面朝着摄像机的平面，通常含有使用一个半透明的纹理。 精灵不会投射任何阴影，即使设置了 castShadow = true也将不会有任何效果。 代码示例 const map = new THREE.TextureLoader().load( "sprite.png" ); const material = new THREE.SpriteMaterial( { map: map } )