Přejít k navigační liště

Zdroják » Zprávičky » Illuminated.js – knihovna pro renderování v canvasu

Illuminated.js – knihovna pro renderování v canvasu

Illuminated.js – je projekt pro renderování světelných scén do canvasu. Nabízí vám základní objekty, které rozmístíte v prostoru, a vypočte výsledný obrázek. Použití v praxi může vypadat třeba takhle:

var light = new Lamp({
    position: new Vec2(200, 150),
    distance: 200
});
var disc = new DiscObject({
    center: new Vec2(100, 100),
    radius: 30
});
var rect = new RectangleObject({
    topleft: new Vec2(250, 200),
    bottomright: new Vec2(350, 250)
});

var lighting = new Lighting({
    light: light,
    objects: [ disc, rect ]
});
lighting.compute(canvas.width, canvas.height);

Více se dozvíte na stránce Getting started a na představení projektu. Zdrojové kódy najdete na GitHubu.

Komentáře

Odebírat
Upozornit na
guest
0 Komentářů
Nejstarší
Nejnovější Nejvíce hlasů

Spacer.gif a tabulky v tabulkách: Jak se kdysi dělaly webové stránky

Kdo dnes napíše display: grid a za minutu má hotový třísloupcový layout, těžko si představí, jakou akrobacii to stálo před pětadvaceti lety. Webové stránky tehdy držely pohromadě vnořené tabulky, průhledné obrázky o velikosti jednoho pixelu a pevná víra, že to nikdo neotevře v jiném prohlížeči. Pojďme si připomenout, jak to fungovalo, proč to fungovalo a proč jsme s tím museli skončit.

Rust pomohl vrátit JPEG XL do Chromu. Stačí to k úspěchu na webu?

Před čtyřmi lety Google podporu JPEG XL z Chromu odstranil. Teď formát vrací s dekodérem v Rustu, který vznikl na popud vývojářů Firefoxu. AVIF přitom může nabídnout menší soubory a bezeztrátový WebP rychlejší dekódování. JPEG XL má jiné přednosti: velkou fotografii dokáže zobrazovat už během stahování a staré JPEGy zmenší bez další ztráty kvality. Vedle historie jeho návratu se podíváme na výsledky srovnání, bezeztrátovou kompresi i praktické nasazení jednotlivých formátů na webu.