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 fullscreen

Xen

remix of d/27390 by u/Xen

function u(t) {

t?x.fillText(z=(t*=t)|0,356+C(z)*z,214+S(z)*z):c.width=789
x.drawImage(c,S(t)/4e2,C(t)/4e2)
x.fillStyle="#a"+frame

Apr 18 2023 10:47 PM UTC

}// 114/140

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

weirdly stops blur if fullscreen before complete.

show FPS hide FPS share fullscreen

4ce

function u(t) {

f=(c,X)=>{
if((x.fillStyle='green')!=c)x.fillStyle=c;
x.fillRect(X,99,99,99)
};
f('red',0);f('not color',99);f('rgb(0,0,255)',198);f(1,297)

Apr 19 2023 6:19 PM UTC

}// 140/140

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

if new parametr color (c in f(c,X) )== not default color orAnd typeColor ? make new color : else make default color ; How you think thisIdea==goodAndNearWithoutBug?

u/4ce

UPD: 1) "typeColor" in demo probably meaning color,pattern,gradient or any valid value 2) base idea what fillStyle work if get value like a color and maybe not make error if get other values and if fillStyle get "values other" previous value colorLike stay untouched 3) more simple code f=(c,X)=>{x.fillStyle='green';x.fillStyle=c;x.fillRect(X,99,99,99) };f('red',0);f('not color',99);f('rgb(0,0,255)',198);f(1,297) ; ~_^⠀goodLuck!

show FPS hide FPS share fullscreen

deobfuscate

function u(t) {

x.globalCompositeOperation='source-out'
x.ellipse(960,540,r=(t*1e3)%800,r,0,0,7);x.fill()
x.drawImage(c,30*t,t*10)
x.drawImage(c,-30*t,-t)

Apr 17 2023 4:17 PM UTC

}// 138/140

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

ellipsey (yes, its a pun)

u/Xen

nicely done lol

show FPS hide FPS share fullscreen

amierask

function u(t) {

with(x)for(c.width|=i=2;i--;clearRect(0,0,2e3,2e3))scale(i?30:1,i?30:-1),fillText('AmieraSK',2,(i?20:-16)-1.7*C(t)),clip(rect(0,18,2e3,18))

Apr 15 2023 7:21 PM UTC

}// 139/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

deobfuscate

function u(t) {

x.globalCompositeOperation='xor'
for(i=8;i--;x.fillStyle=R(i*20,S(frame)*255%255))x.fillRect((frame*9E3)%1920,i*140,100,100)

Apr 18 2023 7:44 PM UTC

}// 124/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

deobfuscate

function u(t) {

with(x){
globalCompositeOperation='xor'
for(i=9;i--;font="30em'")x.fillText('ö',-150+(S(t*2)*1e3+1e3)%2e3,300+400*i)}

Apr 17 2023 5:55 PM UTC

}// 117/140

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

ö my god... someone describe this for me

u/deobfuscate

Im at 69 awesomes :)
u/taupelink

Nice
u/deobfuscate

this actually can be compressed to 111 chars
u/deobfuscate

x.globalCompositeOperation='xor' for(i=9;i--;x.font="30em'")x.fillText('ö',-150+(S(t*2)*1e3+1e3)%2e3,300+400*i)

show FPS hide FPS share fullscreen

amierask

function u(t) {

c.width|=0
for(i=0;i<52;i++)for(j=0;j<32;j++)x.font=2+C(i*t/52)+'em m',x.fillText("amierask",960+i*32*C(t*j/100),500+j*32*S(t*i/99))
//rg

Apr 15 2023 6:56 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 1 remix fullscreen

acets1337

function u(t) {

c.width|=0;for(i=0;i<5e3;i++){x.fillStyle=`hsl(${i%660},500%,50%)`;a=i*.25;s=500*S(a);x.fillRect(960+s*C(a*t),540+s*S(a*t),7,7)}t+=.02

Apr 14 2023 4:56 PM UTC

}// 134/140

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

u/Xen

Welcome to the dwitter family!

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/27369 by u/danny@hille.dk

function u(t) {

for(c.width|=i=48;i-->1;)for(j=26;j--;x.beginPath(x.fill()))x.arc(i*42,j*42,S(((j-i/2)^(j+i/2))+t)*11+11,0,7)

Apr 13 2023 3:41 PM UTC

}// 109/140

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

bubble XOR remix

u/joeytwiddle

I am liking #pattern
u/joeytwiddle

Same code: https://tixy.land/?code=.5%2Bsin%28%28%28y-x…
u/joeytwiddle

Different code: https://tixy.land/?code=sin%28%28%28x*2-y%29…

show FPS hide FPS share fullscreen

rodrigo.siqueira

function u(t) {

v=(a,b,Φ,r)=>{for(i=0;i++<r*2;)
x.fillRect(
a-=S(Φ*3),
b-=C(Φ*i*r/5)*3,s=r/59,s)
r>9&&v(a,b,S(b),r*=.9)}
t<6&&v(960,800,t,99)

Apr 12 2023 8:34 PM UTC

}// 125/140

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

Electric circuit diagram - Advanced Generative Fourier Inductive-Reactance Alternate Current with labels (sketch version) #math #fourier

u/tomxor

Inductor, half a capacitor, ac source, resistor, resistor, resistor.. so many resistors! :P
u/joeytwiddle

Is this a RISC-V? https://www.inverse.com/science/riscv-comput…
u/cantelope

wow. i feel it would be improved with a stopping point -> image
u/jdspugh

Cool