AndEngine - SVGTextureRegion Extension

Home Page: http://www.andengine.org

Java 100.00%

andenginesvgtextureregionextension's People

Contributors

Stargazers

Watchers

andenginesvgtextureregionextension's Issues

Lint Suggestions

the new Android Lint tool suggests the following:

Use android.util.FloatMath#ceil() instead of java.lang.Math#ceil to avoid argument float to double conversion
for lines 154 and 155 of SVGHandler.java

Use new SparseIntArray(...) instead for better performance
for line 21 of SVGDirectColorMapper.java

Pattern fill implementation

Pattern fill now isn't supported in this extension.
I implemented it in my modification of andengine. I modified it hardly, so I cannot push it, but I can describe how I did it.

Here's new methodes for *Handler:

    protected void parsePattern(Attributes attributes) {
        this.attributes = attributes;
        canvas.push(currentCanvas);

        currentCanvas = mSVGPaint.createCanvasForPatternFill(attributes);

    }

    @Override
    protected void parsePatternEnd() {
        currentCanvas = canvas.pop();
    }

New SVGPaint method

    public Canvas createCanvasForPatternFill(Attributes pAttributes) {
        final String id = SAXHelper.getStringAttribute(pAttributes, ATTRIBUTE_ID);
        if (id == null) {
            return null;
        }

        Float widthF = SAXHelper.getFloatAttribute(pAttributes, ATTRIBUTE_WIDTH, 1);
        Float heightF = SAXHelper.getFloatAttribute(pAttributes, ATTRIBUTE_HEIGHT, 1);

        int width = (int) Math.ceil(widthF);
        int height = (int) Math.ceil(heightF);
        Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);

        Canvas canvas = new Canvas(bitmap);

        String viewBox = SAXHelper.getStringAttribute(pAttributes, "viewBox");
        if (viewBox != null) {
            String[] strings = viewBox.split("\\s");
            float posX = Float.valueOf(strings[0]);
            float posY = Float.valueOf(strings[1]);
            canvas.translate(-posX, -posY);
        }
        canvas.scale(SVGPatternFill.DETALIZATION_SCALE, SVGPatternFill.DETALIZATION_SCALE);

        final SVGGradient svgGradient = new SVGPatternFill(id, pAttributes, bitmap);
        this.mSVGGradientMap.put(id, svgGradient);
        return canvas;
    }

And SVGPatternFill class

public class SVGPatternFill extends SVGGradient {
    public static final float DETALIZATION_SCALE = 2f;
    private Bitmap bitmap;

    public SVGPatternFill(String id, Attributes attributes, Bitmap bitmap) {
        super(id, Type.PATTERN, attributes);
        this.bitmap = bitmap;
    }

    @Override
    public Shader createShader() {
        if (this.mShader != null) {
            return this.mShader;
        }

        mShader = new BitmapShader(bitmap, Shader.TileMode.REPEAT, Shader.TileMode.REPEAT);

        this.mMatrix = this.getTransform();
        if (this.mMatrix == null) {
            mMatrix = new Matrix();
        }
        mMatrix.postScale(1/DETALIZATION_SCALE, 1/DETALIZATION_SCALE);
        this.mShader.setLocalMatrix(this.mMatrix);

        return this.mShader;
    }

    @Override
    protected void resolveHref(HashMap<String, SVGGradient> pSVGGradientMap) {
        super.resolveHref(pSVGGradientMap);
        bitmap = ((SVGPatternFill) mParent).bitmap;
    }

    @Override
    protected Matrix getTransform() {
        if (this.mMatrix != null) {
            return this.mMatrix;
        } else {
            final String transfromString = this.mSVGAttributes.getStringAttribute(ATTRIBUTE_PATTERN_TRANSFORM, false);
            return getTransformFromString(transfromString);
        }
    }
}

Probably not best solution, but I just get acceptable result and want to share it :)

Feature Request: Pick specified group by id/class to create tile

Pick specified group by id/class to create tile. For SVG, there is no need to make it like a sprite-like graphic

Pattern fill implementation

Pattern fill now isn't supported in this extension.
I implemented it in my modification of andengine. I modified it hardly, so I cannot push it, but I can describe how I did it.

Here's new methodes for *Handler:

    protected void parsePattern(Attributes attributes) {
        this.attributes = attributes;
        canvas.push(currentCanvas);

        currentCanvas = mSVGPaint.createCanvasForPatternFill(attributes);

    }

    @Override
    protected void parsePatternEnd() {
        currentCanvas = canvas.pop();
    }

New SVGPaint method

    public Canvas createCanvasForPatternFill(Attributes pAttributes) {
        final String id = SAXHelper.getStringAttribute(pAttributes, ATTRIBUTE_ID);
        if (id == null) {
            return null;
        }

        Float widthF = SAXHelper.getFloatAttribute(pAttributes, ATTRIBUTE_WIDTH, 1);
        Float heightF = SAXHelper.getFloatAttribute(pAttributes, ATTRIBUTE_HEIGHT, 1);

        int width = (int) Math.ceil(widthF);
        int height = (int) Math.ceil(heightF);
        Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);

        Canvas canvas = new Canvas(bitmap);

        String viewBox = SAXHelper.getStringAttribute(pAttributes, "viewBox");
        if (viewBox != null) {
            String[] strings = viewBox.split("\\s");
            float posX = Float.valueOf(strings[0]);
            float posY = Float.valueOf(strings[1]);
            canvas.translate(-posX, -posY);
        }
        canvas.scale(SVGPatternFill.DETALIZATION_SCALE, SVGPatternFill.DETALIZATION_SCALE);

        final SVGGradient svgGradient = new SVGPatternFill(id, pAttributes, bitmap);
        this.mSVGGradientMap.put(id, svgGradient);
        return canvas;
    }

And SVGPatternFill class

public class SVGPatternFill extends SVGGradient {
    public static final float DETALIZATION_SCALE = 2f;
    private Bitmap bitmap;

    public SVGPatternFill(String id, Attributes attributes, Bitmap bitmap) {
        super(id, Type.PATTERN, attributes);
        this.bitmap = bitmap;
    }

    @Override
    public Shader createShader() {
        if (this.mShader != null) {
            return this.mShader;
        }

        mShader = new BitmapShader(bitmap, Shader.TileMode.REPEAT, Shader.TileMode.REPEAT);

        this.mMatrix = this.getTransform();
        if (this.mMatrix == null) {
            mMatrix = new Matrix();
        }
        mMatrix.postScale(1/DETALIZATION_SCALE, 1/DETALIZATION_SCALE);
        this.mShader.setLocalMatrix(this.mMatrix);

        return this.mShader;
    }

    @Override
    protected void resolveHref(HashMap<String, SVGGradient> pSVGGradientMap) {
        super.resolveHref(pSVGGradientMap);
        bitmap = ((SVGPatternFill) mParent).bitmap;
    }

    @Override
    protected Matrix getTransform() {
        if (this.mMatrix != null) {
            return this.mMatrix;
        } else {
            final String transfromString = this.mSVGAttributes.getStringAttribute(ATTRIBUTE_PATTERN_TRANSFORM, false);
            return getTransformFromString(transfromString);
        }
    }
}

Probably not best solution, but I just get acceptable result and want to share it :)

Throws exceptions during parse some SVG data

Adobe Illustrator generated for me SVG file that contains following lines:

                        <polyline fill="none" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" points="
                            25.19,53.59 24.7,53.72 19.68,55.04                      "/>

To fix this error, we need just trim string before splitting it.

        final String[] parts = pString.trim().split("[\\s,]+");

nicolasgramlich / andenginesvgtextureregionextension Goto Github PK

andenginesvgtextureregionextension's People

Contributors

Stargazers

Watchers

Forkers

andenginesvgtextureregionextension's Issues

Lint Suggestions

Pattern fill implementation

Feature Request: Pick specified group by id/class to create tile

Pattern fill implementation

Throws exceptions during parse some SVG data

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent