Dwitter - javascript demos in 140 characters

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

erin

remix of d/21440 by u/erin

function u(t) {

c.width=w=70;for(i=2800;i--;)x.fillRect(X=i%w,Y=i/w,X/9+1*(Y/6.5)+S(X/7-5*t),1),x.fillStyle=`hsla(${U=i/13+S(t+i)*4+w},30%,50%,${T(U)+.5})`

Jan 27 2021 9:20 PM UTC

}// 139/140

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

this is supposed to be water in the sun, but i couldn't figure out how to make the color blue instead of rainbow without ruining the shine.. any ideas?

u/danny@hille.dk

c.width=w=70;for(i=2800;i--;)x.fillRect(X=i%w,Y=i/w,X/9+1*(Y/7)+S(X/7-5*t),1),x.fillStyle=hsl(${U=191+i/55+S(t*9+i)*4},60%,40%,${T(U)+.5}
u/danny@hille.dk

You can do it the lazy way, by simply adjusting the number range to lay within a single color hue, and shifting it towards the blue hue, blue is around 165 (light greenish blue) to 260(purplish blue)
u/danny@hille.dk

But i actually like the rainbow water better :-)
u/erin

lol thanks! :)

show FPS hide FPS share 1 remix fullscreen

Qwitter

remix of d/21485 by u/Qwitter

function u(t) {

w=c.width=1920;N=128;for(j=9216;j--;)(X=(j%N)*w/N,Y=((j/N)^0)*w/N,x.fillRect(X,Y,9*S(Math.hypot(X-960,Y-540)/33-9*t)+5*C(X/66+9*t),9))

Jan 28 2021 5:11 PM UTC

}// 134/140

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

Interference Rose

show FPS hide FPS share fullscreen

Qwitter

remix of d/21315 by u/Qwitter

function u(t) {

eval(unescape(escape`𚅴🤮𜄲𚕼𯄨𨴮𭵩𩅴𪄽𝤴𛅣𛥨𩕩𩵨𭄽𜴶𚔻𮄮𩥩𫅬𤵴𮕬𩔽𘤣𝔳𨤢𞵩𩤨𭄥𛤲𝔼𛤰𜤩𮵸𛥦𪕬𫅒𩕣𭄨𜴲𛄱𝤬𜔬𜔩𞵸𛥧𫅯𨥡𫅃𫵭𬅯𬵩𭅥𣵰𩕲𨕴𪕯𫤽𙵸𫵲𙴻𒥰🔱𞵱🔰𞵦𫵲𚅫🔵𞵫𛔭𞴩𚅸𛥤𬥡𭵉𫕡𩵥𚅣𛅐🔨𬄫𬔩𚤨𛔱𚔪𚥫𛅑🕰𚔬𬄽𤄬𬔽𤔩𯔊`.replace(/u../g,'')))

Jan 28 2021 8:26 PM UTC

}// 138/140

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

Just Another Xor 🤮

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

for(c.width|=i=15,x.scale(29,29);i--;x.fillText('♩',3+(i-t%1)*10,9+(i+t|0)**3%11))x.fillRect(a=i<5?0:(i-t%4/4-5)*40,9+!a*i*2,a?1:99,a?8:.3)

Jan 27 2021 5:28 AM UTC

}// 139/140

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

Sheet Music Generator 🎵 #music

u/ciaccodavide

wow!

show FPS hide FPS share 1 remix fullscreen

Qwitter

remix of d/21477 by u/Qwitter

function u(t) {

w=c.width=1920;N=128;for(j=9216;j--;)(f=(X,Y)=>9*S(Math.hypot(X,Y)/33-9*t),
X=(j%N)*w/N,Y=((j/N)^0)*w/N,x.fillRect(X,Y+f(X,Y)+f(X-w,Y),9,9))

Jan 28 2021 3:37 PM UTC

}// 140/140

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

Interference: ("=>9" should be "=>16", but 140 char)

show FPS hide FPS share 2 remixes fullscreen

smtsjhr

remix of d/21499 by u/smtsjhr

function u(t) {

c.style.filter='invert()blur(5px)';for(c.width|=i=1e3;i--;){x.lineTo(960+400*S(i),540+400*C(i+t*T(t/10)))}x.stroke(); console.log(t)

Jan 31 2021 5:20 AM UTC

}// 132/140

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

You won't believe your eyes when you watch this loop starts to wobble faster and faster!

u/smtsjhr

**FLASH / STROBE WARNING**

show FPS hide FPS share fullscreen

Qwitter

remix of d/21458 by u/Xen

function u(t) {

c.style.filter=`blur(15px)contrast(80)`;w=c.width=160;
for(i=99;i--;x.fillStyle=R(99*S(i*t),80,i*t))x.fillRect(49+T(i+t),45+99*C(i*t),9,6);

Jan 27 2021 3:56 PM UTC

}// 139/140

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

Membrane

u/Xen

nice

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/21457 by u/KilledByAPixel

function u(t) {

with(x)for(i=c.width=198,translate(99,56);i--;rotate(.1276))fillStyle=R(a=1+S(i*i+t*9),a*i,a*i),fillRect(0,0,a,i/a),x.fillText('👀lll',-7,3)

Jan 28 2021 5:36 PM UTC

}// 140/140

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

Silly remix

u/Qwitter

'👀'+t

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/21501 by u/taupelink

function u(t) {

for(i=k=64;i>>=1;x.fillRect(k*X,k*Y,g=9*i/t,g))f=i*t,X=f*f%39-9,Y=X*f%26-9,h=C(q=X%T(Y)*k)*k^C(p=q%T(X)*k)*i,x.fillStyle=R(h*q,h*p,h*8,i/k)

Jan 30 2021 12: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).

d/21506

show FPS hide FPS share fullscreen

jdidion

function u(t) {

c.width=3e2
x.fillText("below🠗",10,10)
throw([...Array(20)].map((v,i)=>" ".repeat(20-(z=S(i/2+t*2)*20))+"/"+"_".repeat(20+z)+"\\").join`
`)

Jan 27 2021 6:15 PM UTC

}// 140/140

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

the errors are the dweet..

u/Xen

love it!