标签: sprite

我正在把这头发拉出来.

我们刚刚开始对我们的网站进行大修.作为最后一步,我们试图将所有字形和图标包装成精灵.它们都是透明的.png,所以精灵也是如此.似乎如果背景来自讽刺,IE会扭曲它.如果它来自原始文件,则不会.FF和Chrome无论如何都很好.

我正在查看orignal图像和sprited版本与网格并排查看像素是相同的.我已多次计算精灵中的像素,以确保我使用正确的坐标.我的CSS看起来像这样:

XXbackground: url(sprite.png) no-repeat 0px -837px; /* lozRedRedSpacer */
background: url(lozRedRedSpacer.png) no-repeat;

'XX'让我来回切换.使用单文件版本,它看起来很完美:.精灵版看起来像这样:.看起来它在纵向和横向都是"压扁"的.在FF或Chrome中不会发生这种情况.

有任何想法吗？

编辑我能够消除大部分噪音,并在这里发布一个例子.我在示例中添加了注释来描述我的问题.

非常感谢你花时间看看这个!

更新我们已经用CSS伪类替换了这些"重叠的分割器图像",它们确实重叠并且缩放问题似乎已经消失.当然,现在我们遇到了新的问题 - IE8错误地导致了z-order,IE7根本不理解伪元素.但至少标记更简单,缩放问题就消失了.

我一直在使用一些HTML5画布实验,并进行了一系列技术实验编辑 https://github.com/AlexChesser/jsSprite(在Minotaur关键演示中的WSAD,Q,E,X键,在C上添加C和B僵尸演示)

如果你看看1号演示: 01-draw_minotaur.php你会看到画布上直接绘制的图像,看起来很漂亮.

但是,如果您将我将Minotaur放在画布上的演示进行比较,然后在父级上绘制该画布,则结果会模糊: 03-drawn_minotaur_on_canvas.php

如何确保画布上的画布不模糊？

编辑完整代码在GIT上:https://github.com/AlexChesser/jsSprite

edit2:请注意谷歌已经将我的域名标记为恶意软件(这是公平的,因为托管服务提供商遭到黑客入侵,那里有一个短暂的时刻,那里有某种恶意软件)而不是让易受攻击的链接上升,我已经更新到专门指向github中的源代码.

我是OpenGL的新手,我正在通过使用ES 2.0为Android制作2D游戏来自学.我首先创建一个"Sprite"类,创建一个平面并为其渲染纹理.为了练习,我有两个Sprite对象在同一个地方交替绘制.我在ES 1.0上运行得很好,但是现在我已经切换到2.0,我得到了一个没有错误的黑屏.我已经筋疲力尽地想弄清楚我做错了什么,但我有一种强烈的感觉,它与我的着色器有关.我将把所有相关的代码转储到这里,希望有人可以给我一个答案或者一些关于我做错的建议.如果我没有立即明白我做错了什么,或许就如何解决这个问题提出一些建议？提前感谢您查看我即将发布的所有代码.

我发布的三个类是:
GameRenderer - 我的GLSurfaceView
着色器的渲染器 - 创建着色器程序对象
Sprite - 创建一个正方形并在其上绘制纹理
另外,我将发布我的顶点和片段着色器源.

相关课程我认为没有足够的相关性来发布:
GameActivity GameView
- 一个GLSurfaceView
GameLoopThread - 我的主要游戏循环
FPSCounter - 每100帧输出平均FPS到logcat.

GameRender类:

package com.detour.raw;

import javax.microedition.khronos.egl.EGLConfig;
import javax.microedition.khronos.opengles.GL10;

import android.content.Context;
import android.graphics.Bitmap;
import android.opengl.GLES20;
import android.opengl.GLU;
import android.opengl.Matrix;
import android.opengl.GLSurfaceView;

public class GameRenderer implements GLSurfaceView.Renderer{

private static final String LOG_TAG = GameRenderer.class.getSimpleName();
Context mContext;
Bitmap bitmap;

private float red = 0.0f;
private float green = 0.0f;
private float blue = 0.0f;

Shader …

我是pygame的新手,现在正在与精灵一起工作.我的问题是如何检测精灵是否被点击？当像精灵按钮一样点击精灵时,我想做点什么.

谢谢 :)

将帖子

斯蒂芬.另外还有一种方法可以知道被点击的精灵是谁吗？这是示例代码

boxes = pygame.sprite.Group()
for color, location in [([255, 0, 0], [0, 0]),
                        ([0, 255, 0], [60, 60]),
                        ([0, 0, 255], [120, 120])]:
    boxes.add(UpDownBox(color, location)

例如,我点击位置[0,0]中的精灵,程序应该打印其颜色或其位置.再次感谢 :)

想象一下一个命令式渲染引擎,它将精灵打到一个稍后显示的位图.这严重依赖于有效地改变所述位图中的各个像素的能力.我怎么能做一个没有副作用的语言呢？我想要一个完全不同的数据结构？

我知道视频无法直接转换为动态JPEG,但我所追求的是序列中的每个帧都是从视频中获取并转换为水平或垂直的JPEG精灵.

然后,我将使用jQuery将jpeg精灵动画化为看起来像视频的内容.

我正在使用罗盘来生成精灵图像.我有很多精灵图标,它产生了太多的CSS代码(背景图像的类选择器太多).所以让我们分析罗盘精灵代码:

你可以在这里看到http://compass-style.org/help/tutorials/spriting/

@import "my-icons/*.png";
@include all-my-icons-sprites;

会产生:

.my-icons-sprite,
.my-icons-delete,
.my-icons-edit,
.my-icons-new,
.my-icons-save   { background: url('/images/my-icons-s34fe0604ab.png') no-repeat; }

.my-icons-delete { background-position: 0 0; }
.my-icons-edit   { background-position: 0 -32px; }
.my-icons-new    { background-position: 0 -64px; }
.my-icons-save   { background-position: 0 -96px; }

如果你看到我用这种方式: <div class="my-icons-sprite my-icons-delete"></div>

我希望Compass生成这段代码:

.my-icons-sprite { background: url('/images/my-icons-s34fe0604ab.png') no-repeat; }

.my-icons-delete { background-position: 0 0; }
.my-icons-edit   { background-position: 0 -32px; }
.my-icons-new    { background-position: 0 -64px; }
.my-icons-save   { background-position: 0 -96px; }

除了每个新图像,它还会添加背景和背景位置.引起太多选择者.

有配置吗？

谢谢

假设我有以下style.css文件:

h1 {
  padding: 10px;
  background: url('/img/header.png');
}
p {
   background: url('/img/p.png');
}

我需要自动为这个css制作图像精灵.我需要得到这样的东西:

h1 {
  padding: 10px;
  background: url('/img/sprite.png') -47px 0;
}
p {
   background: url('/img/sprite.png') -130px 0;
}

是否可以通过使用grunt任务自动生成？

有没有人对如何在Sprite Kit for iOS中实现慢动作效果有任何好的想法？这将使包括粒子节点在内的所有节点以1/2的速度移动,并使粒子移动速度的1/2.

我可以想一想如何手动执行此操作,但我想在开始实现之前获得更多想法.

I code a mini Android game scenario inspired by Space Invaders and Moon Patrol. It is possible to shoot an alien horizontally (see above).

It is also possible to shoot an alien vertically (see below).

But adding aliens doesn't "scale", it will be very difficult to add for instance 15 aliens moving with respect to all possible collisions. The original space invaders and moon patrol solved this, is it possible to develop a different strategy than the one I …