Dweets by u/magna

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Food

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.width|0;for(i=192;i--;)for(j=108;j--;)i&j&&x.fillRect(i*10,j*10,10,10)

Apr 26 2017 1:58 PM UTC

}// 72/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Quick and dirty sierpinski

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

w=c.width|=0;x.fillRect(0,0,w,w);x.clearRect(100,470,1720,140);x.fillRect(110,480,1700,120);x.clearRect(120,490,(1-1/(1+t/10))*1680,100)

Apr 26 2017 4:56 AM UTC

}// 136/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

fr-0140

u/joeytwiddle

hehe
u/magna

#farbrausch

show FPS hide FPS share fullscreen

magna

remix of d/2545 by u/prawnwarp

function u(t) {

c.width|=0;for(i=0;i<1920;i+=64){for(j=0;j<1080;j+=64){x.fillStyle=`hsla(${i*j},50%,50%,.3)`;s=S((t*T(i&j^t)))*64+64;x.fillRect(i,j,s,s);
}}

Apr 22 2017 5:02 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

u/joeytwiddle

Very pretty! It reminds me of this awesome 256b: https://linusakesson.net/scene/a-mind-is-bor…

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2533 by u/Jenky

function u(t) {

t||(n=c.cloneNode(),g=n.getContext("webgl"))
g.clearColor(.7+.3*S(t*4),0,0,1)
g.clear(16384)
x.drawImage(n,0,0)

Apr 19 2017 11:57 AM UTC

}// 111/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Shorter, but inefficient WebGL setup

u/tomxor

OooOh, stop tempting me!

show FPS hide FPS share fullscreen

magna

function u(t) {

c.width|=0
x.font=f='60px monospace'
for(Y=18;Y--;)for(X=32;X--;)x.fillText(X<8?(t+Y<<3>>28-X*4&15).toString(16):-~X%3?0:'',X*40,-~Y*60)

Apr 19 2017 6:47 AM UTC

}// 136/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Hexdump of the void

u/magna

This portion can be used in an operator precedence quiz: t+Y<<3>>28-X*4&15

show FPS hide FPS share 4 remixes fullscreen

magna

remix of d/2516 by u/magna

function u(t) {

c.width|=0
x.font='50px monospace';
((u+'').slice(0,t*3+S(t)*5)+' |'[t*2&1]).split('\n').map((r,i)=>x.fillText(r,0,++i*50))

Apr 18 2017 12:29 PM UTC

}// 123/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Slimmer version of "pair programming nightmare"

Show more comments…
u/magna

Challenge: Add occasional mistakes like skipped characters / typos etc.
u/Polyducks

I'm struggling to understand how this works. Where have you got the function input from? Amazingly realistic!
u/Jenky

It's from (u+'') - afaik, it's basically a short/cheat way of converting anything to a string in JS :D
u/Jenky

Also, down to 119 and whole string within canvas - https://www.dwitter.net/d/2524
u/magna

@Jenky Nice!
u/magna

#quine

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/2420 by u/magna

function u(t) {

c.width|=0;for(j=9;j--;)for(i=100;i--;s=S(t),X=i%5+j*10+s*30,Y=i/5|0,S(Y+t*7)/4<Math.random()&&x.fillRect(400+X*10,400+Y*10,10,10));

Apr 18 2017 4:06 AM UTC

}// 132/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

#default #noise

u/iverjo

#random

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/1480 by u/magna

function u(t) {

c.width|=0
x.font='50px monospace';
(u+'')
.slice(0,t*3+S(t)*5)
.concat(t*2&1?'|':'')
.split('\n')
.forEach((s,i)=>x.fillText(s,0,++i*50))

Apr 18 2017 1:55 AM UTC

}// 138/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Pair programming nightmare

Show more comments…
u/joeytwiddle

that title made me Lol :D
u/sigveseb

:D
u/Jenky

That's a really clever illusion, love it
u/magna

Heh, thanks! Brought it down to 123 chars in hopes of adding occasional mistakes like skipped characters / typos etc., but couldn't immediately find a way. In case anyone wants to give it a shot: https://www.dwitter.net/d/2522
u/donbright

:o
u/Polyducks

Could you make a random function to skip odd spaces?
u/magna

It has to be a deterministic PRNG so that the places that are skipped are persistent. Otherwise, it would just look like a random flipping of characters. I thought about it, but couldn't immediately find a short solution.
u/Polyducks

That's a great point. Dwitter is such a mind twister!
u/highfestiva

Groovy baby!
u/magna

#quine
u/joeytwiddle

#funny

show FPS hide FPS share fullscreen

magna

remix of d/2462 by u/magna

function u(t) {

c.width=w=255
t?x.drawImage(k=b[n++&7],0,0)+k.getContext('2d').fillText('🌍',n%w-9,n/5+S(t)*99&w):b=Array(8).fill(n=0).map(_=>c.cloneNode())

Apr 10 2017 4:39 AM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Infinite Worlds

show FPS hide FPS share 1 remix fullscreen

magna

function u(t) {

c.width=w=511
t?0:b=Array(8).fill(n=0).map(_=>c.cloneNode())
x.drawImage(k=b[n++&7],0,0)
k.getContext('2d').fillText('🎱',n&w,n+S(t)*120&w)

Apr 10 2017 3:20 AM UTC

}// 139/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Octobuffering Infinite Balls

Show more comments…
u/magna

Got the plumbing done, but spent only a little time to try to find a nice pattern. Please remix!
u/magna

https://www.dwitter.net/d/2464
u/donbright

lol unfortunately this went way over my head... could you explain what it is?
u/magna

Rendering subsequent frames to a circular list of 8 off-screen buffers and pasting the buffers to the main canvas. Creates an "infinite sprites" effect.
u/New_Core

the effect can be visualy seen how it works at https://www.dwitter.net/d/401 ;)
u/magna

@New_Core Amazeballs!

dwitter.net | magna (4021)