JavaScript

From SizeCoding
Revision as of 15:05, 2 July 2024 by Superogue (talk | contribs) (Video display)

Jump to: navigation, search

The Javascript sizecoding community has been quite active for years now.

Setting up

Tools

Video display

No information yet


Canvas

A minimal HTML canvas setup can be achieved like this:

<canvas id=c onclick=setInterval('',t=9)>
<canvas id=c><svg onload=setInterval('',t=9)>

And if you would want automatic fullscreen scaling you can add the following:

<canvas id=c style=width:99% onclick=setInterval('',t=9)>
<canvas id=c style=width:99%><svg onload=setInterval('',t=9)>


Here would be an example of a simple 128 byte setup of a scrolling XOR-pattern using grayscale.

<canvas id=c onclick=setInterval('for(c.width=w=320,++t,o=w*w;o--;c.getContext`2d`.fillRect(X=o%w,Y=o/w,1-(X+t^Y)/99,1));',t=9)>

WebGL

To be added.

Sound

Something to get your journey started:

More information to follow

Compression

No information yet

PNGcrush

Brotli

Additional Resources

Links

Tutorials / Postmortems

More to follow