标签: sprite

我怎么会去追加(不只是改变整个文本区域这个IMG,实际追加)一个简单的25×25像精灵到文本区域Flex项目？使用动作？(不是mxml)

(它必须是一个火花文本区域组件,主要是因为这是一个灵活的移动项目,所有这些都是针对移动设备优化的)

编辑:我想我应该说这个,我知道HTML文本是可行的方式.但我真正的困惑在于它首先是一个雪碧,所以我没有一个链接到的URL.它是一个实际的sprite var(它将是一个以字节为单位通过网络发送的文件,并保存在sprite对象中.)然后我丢失的第二部分是将其附加到文本内联,因此它不会替换任何文本已经在文本区域中,并且可以在文本区域中滚动.

另外,请记住即时尝试将其附加到SPARK TEXT AREA组件.我知道我可以创建一个文本字段实例,就是这样,但是我无法找到有关将其附加到文本区域的任何信息

再次编辑:对于我试图追加的精灵有一些混乱,这就是图像的传输方式,

它起初只是一个标准的摄像手机图像,然后..

var fs:FileStream = new FileStream();
fs.open(new File(imageURL), FileMode.READ);
var bytes:ByteArray = new ByteArray();
fs.readBytes(bytes);
fs.close();
if (bytes == null) 
{
    trace("Image bytes is null!");

} 
else 
{
    var message:Object = new Object();
    message.type = "pic";
    message.bytes = bytes;
    netGroup.post(message);
    trace("Picture sent!");
}

然后我就像这样回收它

var loaderContext:LoaderContext = new LoaderContext();
loaderContext.allowCodeImport = false;
var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onPicLoaded,false,0,true);
loader.loadBytes(message.bytes, loaderContext);
// add a new sprite to hold image
imageSprite …

有没有办法制作和使用Rails 3.1精灵(没有外部宝石)？我看到像sprite_tag或sprite_css这样的方法,但我无法使用它们!

先感谢您!

我正在将PNG文件(带有一些透明的地方)加载到我的SDL应用程序中.

谷歌搜索如何做到这一点为我提供了这个代码示例:

SDL_Surface *LoadImage(std::string filename)
{
    SDL_Surface* loaded_image = 0, compatible_image = 0;

    if (!filename.c_str())
        return 0;

    loaded_image = IMG_Load(filename.c_str());

    if (!loaded_image)
        return 0;

    compatible_image = SDL_DisplayFormat(loaded_image);

    SDL_FreeSurface(loaded_image);

    return compatible_image;
}

但是当compatible_image = SDL_DisplayFormat(loaded_image);到达该行时,应用程序将停止并发出try { /* ... */ } catch (...) { /* ... */ }无法捕获的异常(甚至没有帮助).更换SDL_DisplayFormat()有SDL_DisplayFormatAlpha()没有帮助过.所以,我刚刚删除了异常可扩展的行并使这段代码能够加载图像:

SDL_Surface *LoadImage(std::string filename)
{
    if (!filename.c_str())
        return 0;

    return IMG_Load(filename.c_str());
}

而且我发现了这样的不愉快的事情:当一些精灵与另一个精灵的透明片重叠时,会出现伪影.像这样的东西:

我用这个简单的算法动画我的"英雄":

// SDL_Surface sprite = LoadImage("hero.bmp");
// hero.bmp contains animation frames followed one-by-one in …

我正在编写一个游戏,我想用透明边框(精灵)对着圆圈碰撞图像.

通过检查与不透明的像素的碰撞,很容易知道圆是否与图像重叠.

我遇到的问题是要知道正常角度才能反弹.

我需要一个库(Java)或算法给出一个图像,它会返回一个数组,其像素位于图像的边界,这样我就可以找到表面两点之间的斜率.

我可以从中学习任何库/算法/代码片段吗？

我正在尝试将精灵附加到另一个精灵并将其附加到其父级后面.

这通常很容易,我之前在我的代码中只有一个 - 但由于某种原因,在一次实例中,它不起作用.

该过程通常是将父级的Z索引设置为某个数字,并为其子级分配较低的Z索引.这是代码,其中rect是父级,icon并附加到它; 两者都附加到父实体.然后我尝试了sortChildren()所有方法(rect,父实体,甚至是场景本身); 我知道这不是很有效,但我只是想知道是否有东西可以抓住.它没有.icon仍被吸引rect:

for (int i=0; i<levelsList.size(); i++) {
    rect = new Sprite(i*(width+padding), 
                      0, 
                      width, 
                      height, 
                      levelSelectorSquareRed, 
                      this.getVertexBufferObjectManager());
    icon = new Sprite((rect.getWidth()-innerWidth)/2f, 
                      (rect.getHeight()-innerHeight)/2f, 
                      innerWidth,
                      innerHeight, 
                      levelIcons.get(i), 
                      this.getVertexBufferObjectManager());
    rect.setZIndex(1);
    icon.setZIndex(0);
    rect.attachChild(icon);
    rect.sortChildren();
    levelSquares.attachChild(rect);
}

levelSquares.setPosition(0, (CAMERA_HEIGHT-height)/2f);
levelSquares.sortChildren();
levelSelectorScene.attachChild(levelSquares);
levelSelectorScene.sortChildren();

从逻辑上讲,这应该是矫枉过正并让它运作,但它不是/我错过了什么？

谢谢

如果已经没有,我会非常感激,如果有人可以自己做一些如何制作视网膜和非视网膜CSS精灵的说明.如果可能,最好在过程中使用一些CSS sprite -generator.

与主题相关:http://miekd.com/articles/using-css-sprites-to-optimize-your-website-for-retina-displays/

谢谢大家!

自从我进一步深入以来,我的问题更新了

我试图用圆圈掩盖一个精灵,下面的代码似乎工作.

    // Create the clipping node
    self.clippingNode = [CCClippingNode clippingNodeWithStencil:[CCSprite spriteWithImageNamed:@"Home Scene/top-circle-mask.png"]];

    self.clippingNode.alphaThreshold = 0;

    // Add the image
    [self.clippingNode addChild:self.maskedImage];

    // And add the clipping node to the tree
    [self addChild:self.clippingNode];

我还必须将它添加到我的AppDelegate:

[cocos2dSetup setObject:@GL_DEPTH24_STENCIL8_OES forKey:CCSetupDepthFormat];

然而,"第一帧"渲染图像未被掩盖,所以看起来有点难看,我怎么能解决这个问题？我制作了一个显示问题的小视频.http://cl.ly/U3QF

我想看看这个样子:

谢谢

我正在尝试为我的Python编程类制作一个太空飞船游戏,我想用来sprite.spritecollideany检查我的玩家精灵spaceship是否与该spriteGroup组中的任何小行星精灵发生碰撞,但无论我做什么,它似乎都不会上班.

这是代码:

import pygame
import random
pygame.init()
screen = pygame.display.set_mode((600, 600))
pygame.display.set_caption("Asteroids and Spaceships")

background = pygame.image.load("background.png")
background = background.convert()

white = 255,255,255

#first I make the asteroids with this class.
class asteroids(pygame.sprite.Sprite):
    def __init__(self, x, y):
        pygame.sprite.Sprite.__init__(self)
        self.x = x
        self.y = y
        self.width = 30
        self.height = 30

        self.i1 = pygame.image.load("smallasteroid.png")
        self.i1 = self.i1.convert()
        self.i1.set_colorkey(white)
        self.rect = self.i1.get_rect()
        self.rect.left = x
        self.rect.top = y

        self.i2 = pygame.image.load("smallasteroid2.png")
        self.i2 = self.i2.convert()
        self.i2.set_colorkey(white)
        self.rect …

我做了一个简单的代码来获得跳球位置,但我肯定错过了一些东西,因为我得到了这个:

这是获取x和y位置的代码:

public Vector2f[] draw() {
    float x = 0, y = height; // height - float value from class constructor;
    ArrayList<Vector2f> graphic = new ArrayList<Vector2f>();
    for(;;){
        Vector2f a = new Vector2f(x, y);
        graphic.add(a);
        ySpeed -= 10;
        y += ySpeed*Math.cos(angle);
        x += xSpeed*Math.sin(angle);
        if(y <= 0){
            // float coef = -10 * y / ySpeed;
            // ySpeed = ((ySpeed + coef) * (-1) ) * bouncyness;
            ySpeed = (ySpeed * (-1)) * bouncyness;
            System.out.println(ySpeed + " " + y);
            y …

使用css sprite作为图标风格的图像是最好的做法,现在非常简单.

在一个图像中使用多个重复背景传统上只有在它们仅使用垂直或水平重复时才可能.

或者是吗？与css3和html5以及所有东西相比,有没有办法在一个css精灵中组合多个背景图像来制作背景图案并使用垂直和水平重复？

编辑/注意:我知道这不是第一次提出这样的问题.但我发现的大多数/所有答案都是前一段时间.我只是想知道今天是否有解决方案.

编辑:说明我正在寻找的内容:http://ibin.co/21LqyJvnGdMB