Dweets awesomed by u/skeletonNatte

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 fullscreen

Ghoust

function u(t) {

t?0:a=""
a+=String.fromCharCode(Math.random()*9**4)
a.length>399?a=a.substring(1):0
document.querySelectorAll("body")[0].innerHTML=a

May 6 2022 6:07 PM UTC

}// 132/140

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

show FPS hide FPS share 1 remix fullscreen

CaptainMeat

remix of d/25446 by u/CaptainMeat

function u(t) {

z=y=0;g=1e4
x.globalCompositeOperation="xor"
for(;z<g;z++)
for(;y<z;y++)
x.fillRect(z^y*C(t)+880,T(t)*z^y+440,100,100)

May 6 2022 3:43 PM UTC

}// 118/140

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

u/f8f82804

#glitch

show FPS hide FPS share fullscreen

LokiLaufeyson4ever

function u(t) {

May 6 2022 1:29 PM UTC

}// 0/140

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

New to Dwitter. Don't exactly know how this works. LOL

u/CaptainMeat

Welcome I have found the best way to figure out and learn how to make dwitter animations is to start by remixing other post

show FPS hide FPS share fullscreen

ArthurThuczsec

remix of d/25433 by u/CaptainMeat

function u(t) {

t?A.shift(A.push(A[0]+A[1])):A=[1,1]
throw `Gold ${A[0]/A[1]+1}`

May 5 2022 5:34 PM UTC

}// 64/140

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

u/pavel

throw Gold ${(b=t?a+(a=b):a=1)/a}
u/pavel

throw 'Gold '+(u=1+1/u||1)

show FPS hide FPS share fullscreen

Ghoust

function u(t) {

for(i=0;i<9999;i++){t>9?t-=9:a=t/9+i*2,g=255-i/3,X=C(a)*i*t,Y=S(a)*i*t
x.fillStyle=R(g,g,g,99/i),x.fillRect(960+X,540+Y,Y/X/t*9,X/Y/t*9)}

May 1 2022 6:09 PM UTC

}// 137/140

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

show FPS hide FPS share 2 remixes fullscreen

tomxor

remix of d/25365 by u/pavel

function u(t) {

for(c.width&=i=10386;i--;x.fillRect(X=i&127,Y=i>>7,1,!f(64)|!f(32,Y=X,X=i>>7)))f=s=>Math.round(((X&120)-s)/(1+1e4**S(t)**7))+Y&7

Apr 27 2022 12:24 AM UTC

}// 128/140

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

Bit smoler, reverse rendering

show FPS hide FPS share fullscreen

CaptainMeat3

function u(t) {

x.moveTo(t,t)
t*=2
x.lineTo(t*10,(C(t)*100)+600)
x.lineTo(((T(t)*100)+10)+500,t*10)
x.stroke()

Apr 25 2022 7:29 PM UTC

}// 94/140

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

show FPS hide FPS share fullscreen

CaptainMeat3

remix of d/25365 by u/pavel

function u(t) {

for(i=c.width|=0,x.setTransform(99,0,0,99,960,540);i--;x.fillRect(X-.5,i%-+X/3-X/(1+1e4**C(t)),1,0.09))X=(i%64||x.rotate(1.57))>>5

Apr 25 2022 7:04 PM UTC

}// 130/140

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

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󭽩󭍨󚍸󚝴󟽢󩝧󪝮󤍡󭍨󚍦󪝬󫌨󚜩󞭁󟝛󩽬󫽢󨝬󠽯󫝰󫽳󪝴󩝏󬍥󬭡󭍩󫽮󟜧󮍯󬬧󧜬󨝲󨼨󦌽󣝡󭍨󛭲󨝮󩍯󫜨󦬽󜭥󜼩󚭚󛍙󟝘󚬪󝜥󦬬󚍁󛭭󨝰󚍡󟜾󦬽󚍲󟝍󨝴󪌮󪍹󬍯󭌨󨜮󦌭󦌬󨜮󦜭󦜩󚜼󚍺󟝡󛭚󚜿󮬪󛬸󛝲󞭲󟍺󚽚󟽲󛝺󞭚󚜬󦬾󜌿󦬺󜌩󛌡󠜮󬍵󬽨󚍻󦌬󦜬󦭽󚜬󞜩`.replace(/u../g,'')))

Apr 17 2022 8:17 PM UTC

}// 140/140

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

Circling ⚫⚪

u/KilledByAPixel

different every refresh #slowdraw
u/KilledByAPixel

#packing

show FPS hide FPS share fullscreen

Joachim

function u(t) {

for(i=z=c.width=300;i--;x.fillRect(140+a*i+C(t*9)*30,90+i*(S(t*9%3.1)/9+.3),i,i/z))a=T(z^z/i+t*4),x.fillStyle=R(b=a*z,S(b)*z,T(b)*z)

Apr 13 2022 9:23 AM UTC

}// 132/140

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

Infinite hopscotch

u/Odog8

Thats nuts
u/Joachim

This 3D-like technique is useful for making single-direction ground textures. This is roughly how it works: A rectangle with a height of ~1px is drawn for every row of pixels on the screen. The width of every rectangle depends on how far down it is (their index). The x position of every rectangle is defined by this bit of code: T(z^z/i+t*9). This is then multiplied by their index to achieve a 3D look, as everything gets bigger & faster near the bottom of the screen. Without the animation or colours, the entire thing can get as small as 64 char: for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1). Feel free to get it even smaller!
u/vain

@u/Joachim: Thanks a lot for the litte explanation and example. =)
u/Joachim

#d3 #perspective #mist #colors
u/lineburgb

for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1)

dwitter.net | skeletonNatte (32109)