apps using anvs

My Little Putin bog.computer

layers of layers of images

at it's most basic, anvs loads and stacks images on top of each other

*relatively* more complex example

anvs layers can be positioned and sized relative to their parent

ranvs

static canvases are fun, but randomizing is more fun

recursive

anvs layers can be recursive, here's a fibonacci sequence

updatable

layers can be updated through an optional update function

here's the same fibonacci sequence but with each layer being rotated in it's update

basic usage

import * as Anvs from 'anvs';

...

const anvs = new Anvs.GL({
    size: {x: 100, y: 100}
});

// A layer that's just a string is an image 
// without any options!
const anvsLayer: AnvsLayer = { ... /* to draw */ }

anvs.load(anvsLayer);

...

// use the rendered canvas
anvs.canvas

react

built in react component, with a lazy alternative to make ssr happy (for most use cases)

import { AnvsReact } from 'anvs';

...

// You can also use a lazy version (React.Suspense)
// <AnvsReact.LazyGL
<AnvsReact.GL 
    backgroundColor={"red"} 
    // The size that's rendered to the canvas
    size={{x: 100, y: 100}} 

    // Optional, will draw immediately.
    //   - If you want access to the anvs renderer, then  
    //     use a react ref
    layer={ ... }
    seed={0}
/>