Foobar2k Triangular JScript Panel volume bar (example)

Volbar with GdiDrawText (Triangle mod).js

// ==PREPROCESSOR==
// @name "Volbar with GdiDrawText (Triangle mod)"
// @author "T.P Wang & Onurtag mod"
// @import "%fb2k_component_path%docs\flags.txt"
// @import "%fb2k_component_path%docs\helpers.txt"
// ==/PREPROCESSOR==

var g_font = gdi.Font("Segoe UI", 10, 0);
var g_drag = 0;
var ww = 0, wh = 0;

function on_size() {
    ww = window.Width;
    wh = window.Height;
}

function on_paint(gr) {
    var volume = fb.Volume;
    var pos = ww * vol2pos(volume);
    var txt = volume.toFixed(2) + "dB";
    //You can set a custom background color here (Edit the RGB(240, 240, 240) value)
    gr.FillSolidRect(0, 0, ww, wh, RGB(240, 240, 240));
    gr.SetTextRenderingHint(5);
    gr.SetSmoothingMode(4);
    gr.SetInterpolationMode(7);
    var points1 = Array(0,wh-2,0,wh,pos-1,wh,pos-1,((wh-2)*(1-vol2pos(volume)))+1);
    //You can set a custom triangle color here (Edit the RGB(94, 173, 255) value)
    gr.FillPolygon(RGB(94, 173, 255), 0, points1);
    //gr.GdiDrawText(txt, g_font, RGB(12, 12, 12), 0, 2, ww, wh, DT_CENTER | DT_VCENTER | DT_SINGLELINE);
    //gr.GdiDrawText(vol2pos(volume).toFixed(2)+"||"+volume.toFixed(2), g_font, RGB(12, 12, 12), 0, 2, ww, wh, DT_SINGLELINE);
    gr.GdiDrawText(txt, g_font, RGB(12, 12, 12), 0, 2, ww, wh, DT_SINGLELINE);
    //gr.DrawRect(0, 1, ww - 1, wh - 2, 1.0, RGB(180, 180, 180));       //Puts a box around everything.
}

function on_mouse_lbtn_down(x, y) {
    g_drag = 1;
}

function on_mouse_lbtn_up(x, y) {
    on_mouse_move(x, y);
    g_drag = 0;
}

function on_mouse_move(x, y) {
    if (g_drag) {
        var pos = x < 0 ? 0 : x > ww ? 1 : x / ww;
        // pos2vol function is defined in docs\helpers.txt
        fb.Volume = pos2vol(pos);
    }
}

function on_mouse_wheel(delta) {
    if (delta > 0) {
        var newpos = vol2pos(fb.Volume) + 0.05; //%4 of bar whenever mwheel
        if (newpos > 100) {
            newpos = 100;
        }
        fb.Volume = pos2vol(newpos);
        //fb.VolumeUp();
    } else {
        var newpos = vol2pos(fb.Volume) - 0.05;
        if (newpos < 0) {
            newpos = 0;
        }
        fb.Volume = pos2vol(newpos);
        //fb.VolumeDown();
    }
}

function on_volume_change(val) {
    window.Repaint();
}