and just intuitively, the spotlight shader makes way more sense

i suppose but i have zero experience with shaders

well shaders are pretty cool and ceramic supports them

yea ik i just havent gotten around to learning glsl

do you have a specific goal in mind with this spotlight thing, or are you just trying to get familiar with ceramic?

i was thinking about implementing it as a sort of flashlight/lantern in a horror game or something similar

mainly just fiddling though

you know, i could use that kind of spotlight effect in my own game

i'll make it and share

oh sweet that would be great, thanks

how can i scale an image without making it all blurry or manually scaling it in a separate app

i think the trick is, is to start big and scale down as opposed to the opposite

ah shit

i already made some art i gotta restart it now

it makes sense though

there may be another way, but, that's the way that i recently learnt

i found a little hack

at least for pixelorama which is what im using

just copy and paste it and resize until the proportions are right

what size do you typically start with?

can't you set the whatever to nearest neighbor or something?

yea but it distorts it

typically it works but in my case it doesnt

i forgot that ceramic's AlphaColor puts alpha at the front

there we are

@gifted-whale-78169

hx
class Darkness extends PrexObject {
    var quad:Quad;
    var shad:Shader;

    public function new(sin:PrexScene) {
        super();
        scene = sin;
        //Make sure this shader is loaded!
        shad = scene.assets.shader(Shaders.SPELL__SPOTLIGHT);
        //The quad that actually does the display
        quad = new Quad();
        //Creates a blank texture. Size determines resolution. Just make sure the width*height in both functions match.
        quad.texture = Texture.fromPixels(360, 300, Pixels.create(360, 300, 0xff000000));
        quad.shader = shad;
        add(quad);
    }

    /** This just gets called in the preload of the scene */
    public static inline function preload(asses:Assets) {
        asses.add(Shaders.SPELL__SPOTLIGHT);
    }

    override function setSize(w, h) {
        super.setSize(w, h);
        quad.size(w, h);
    }

    public function setSpotlight(sx:Float, sy:Float, radius:Float):Void {
        shad.setVec2("lightPos", sx/width, sy/height);
        shad.setVec2("lightRad", radius/width, radius/height);
    }
}

Spotlight.glsl

glsl
//I don't know what this does but it's in all of Ceramic's default shaders
#ifdef GL_ES
precision mediump float;
#else
#define mediump
#endif

//Ceramic's things
uniform sampler2D tex0;//texture
varying vec2 tcoord;//coordinates of this particular pixel
varying vec4 color;//both color and alpha (premultiplied).

//The spotlight filter's specific things
uniform vec2 lightPos;
uniform vec2 lightRad;

void main() {
    vec4 tex = texture2D(tex0, tcoord);//The color of the texture

    float dist = length((tcoord-lightPos)/lightRad);//Distance from center, adjusting for radii

    if (dist < 0.9) {//Clear
        gl_FragColor = vec4(0.0);
    } else if (dist < 1.0) {//Fade at edges. Alpha must be premultiplied
        gl_FragColor = color * tex * ((dist - 0.9) * 10.0);
    } else {//Outside light
        gl_FragColor = color * tex;//default
    }
}

a bit of that is my own object system I built on top of Ceramic, but it mostly be alright

damn nice

does seem a bit like overkill for something like this though lol

overkill how so?