Cocos2d iphone 在cocos2d js中制作锐利的精灵

Cocos2d iphone 在cocos2d js中制作锐利的精灵,cocos2d-iphone,cocos2d-js,Cocos2d Iphone,Cocos2d Js,我正在尝试使用cocos2djs制作一个使用像素图形的画布网络游戏 我已将画布和setDesignResolutionsize设置为视口的大小 我不能制作一个没有抗锯齿的精灵。我试过使用 sprite.getTexture().setAliasTexParameters(); 虽然我可能用错了 var canvas = document.getElementById("gameCanvas"); canvas.width = window.innerWidth; canvas.height =

我正在尝试使用cocos2djs制作一个使用像素图形的画布网络游戏

我已将画布和setDesignResolutionsize设置为视口的大小

我不能制作一个没有抗锯齿的精灵。我试过使用

sprite.getTexture().setAliasTexParameters();
虽然我可能用错了

var canvas = document.getElementById("gameCanvas");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

cc.game.onStart = function(){

    //load resources
    cc.view.setDesignResolutionSize(canvas.width, canvas.height, cc.ResolutionPolicy.SHOW_ALL);


    cc.LoaderScene.preload(gameResources, function () {
        cc.director.runScene(new MyScene());
    }, this);
};

cc.game.run("gameCanvas");

var MyScene = cc.Scene.extend({
   onEnter:function () {
      this._super();
      var gameLayer = new game();
      gameLayer.init();
      this.addChild(gameLayer);
      }
});

var backgroundLayer;

var game = cc.Layer.extend({
    init:function() {
        this._super();
        var sprite = cc.Sprite.create("assets/ui/title.png");
        sprite.getTexture().setAliasTexParameters();
        this.addChild(sprite,0);
        sprite.setPosition((window.innerWidth/2),(window.innerHeight/2));
        }
});
以下是与png进行比较的结果:


谁能帮忙?

我想问题在于: sprite.setPosition((window.innerWidth/2),(window.innerHeight/2))

在我使用cocos的经验中,如果不使用整数坐标,精灵将变得模糊,因为精灵中的单个像素分布在多个屏幕像素上。尝试在除法后将x和y位置四舍五入


注意:父对象中的分数位置将影响其所有子对象,因此您可能必须查找继承人以查找导致精灵模糊的父对象

我认为问题在于: sprite.setPosition((window.innerWidth/2),(window.innerHeight/2))

在我使用cocos的经验中,如果不使用整数坐标,精灵将变得模糊,因为精灵中的单个像素分布在多个屏幕像素上。尝试在除法后将x和y位置四舍五入


注意:父对象中的分数位置将影响其所有子对象,因此您可能必须查找继承人以查找导致模糊精灵的父对象

谢谢,我现在就试试这个谢谢,我现在就试试这个