CanvasDraw - A powerful pixel-based graphics library (Draw pixels, lines, triangles, read/modify image data, and much more!)

Could you share me an example of this decoder? I don’t know any which can fetch the parts of an image from a URL. This also can’t use editable images

just a GET on the url gives you the png data, you pass it to this decoder and it’ll give you all you need to get the individual pixels

What is wally? I am unaware of it. Is it like a file manager or something?

Something like that; Wally is a package manager for Roblox. It’s made by UpliftGames (the people who made Adopt Me)


ffrostfall made a good post about it (i’m not good at explaining)

These odd deformaties occur when rotating the sprite (or more technically: multiplying its X size by -1)
RobloxStudioBeta_5Ki6TVvKp3
RobloxStudioBeta_XsUNjHkbwT

1 Like

Not quite sure why that happens. Issue probably lies within DrawTexturedTriangleXY somewhere, also scale wasn’t intended to be used as negative values. A solution for now is to probably just use two separate sprites for flipping your image

I was considering that! I’m just sad that the Tri draw call has even more artifacts than I thought. :,(

1 Like

I dont even know why, i assume my math somewhere is slightly off, but if someone can figure out the issue that would be amazing

1 Like

:broken_heart:​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

is there still a possibility that the pixel fix could be looked into soon? I’d love to get back to it

1 Like

Now we can literally re-create Doom also in roblox studio :skull:

Btw very nice work

1 Like

I look into it again possibly today or tomorrow and see if i can do a fix

1 Like

I dont seem to be having this issue. Can you send the sprite you used to test this?

image image

image

Just make sure to remove the background colors :slight_smile:

1 Like

I tested the top row one and it seems to work perfectly fine at scales 1, 2 and 3. I am having no distortion issues with the scale.

Are you using the latest version of CanvasDraw?

Here was my test spritesheet I made:
image-1.png (59) 64x16
image-1.png (60)

Hi, this is what it looks like for me, even after using a different version


This is what it looks like fullscaled, it still has those tiny extras pixels :frowning:

RobloxStudioBeta_HFRPYUlnPH

Can you send me a repo? I’ll take a look

1 Like

Sure! Add me on Discord.
my username is aunarky

we living :speaking_head::speaking_head::speaking_head::speaking_head::speaking_head::speaking_head:​​​​​​​​​​​​​​​​​​​​​​

Module Update - v4.8.0.b


Hey all. This update introduces a couple of new things. The biggest and most important change is that the canvas method DrawImageRect has been reworked and has changed slightly.


Canvas:DrawImageRect() changes:

  • This method no longer uses textured triangles to render a rect. This means that there are no jagged texturing distortions at decimal scales or uneven texture scales.

  • Added FlipX and FlipY boolean parameters for a native way to flip a sprite/image within an image rect region

  • Removed the angle parameter due to much more simplistic and faster rendering method. This parameter also didn’t really serve much use paired up with this method.

  • The rendering speed of this method has been increased by about 15%. There is also no more overdrawing issues.

  • Alpha blending is now supported!

Parameter changes can be visualised here:

Canvas:DrawImageRect(
    ImageData,    -- Our image/texture
    Point,        -- The origin point
    ReftOffset,   -- Rect offset in pixels
    RectSize,     -- Rect size in pixels
    Scale,        -- Scale percentage
    FlipX,        -- Flips the rect horizontally
    FlipY,        -- Flips the rect vertically
    AlphaBlending -- Enables true transparency blending
)

New canvas method; Canvas:ViewportToCanvasPoint()

This new client sided method can come in handy when working with screen or viewport points as this method transforms them to canvas pixel points.

This method behaves very similarly to Canvas:GetMousePoint(), but instead takes Vector2 position parameter and returns a Vector2 canvas point, regardless if it is within or outside of the canvas.

local ScreenPos = Vector2.new(1920, 1080) -- Bottom right corner of a standard 1080p screen
local CanvasPoint = Canvas:ViewportToCanvasPoint(ScreenPos)

print(CanvasPoint)

CanvasDraw4.8.0.b.rbxm (65.0 KB)

2 Likes