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

deobfuscate

function u(t) {

for(s=9;s--;)for(i=1e3;i--;x.fillStyle=R(m=C(t*5)*50+75,m*S(i)))x.fillRect(135+S(t+i+s)*90+s*200,30+i,50,1)
x.clearRect(M=t*2e3%1e3,M,M,M)

Apr 18 2023 2:01 PM UTC

}// 138/140

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

"Simple" road made in 138 chars. - :nerd:

u/andrea270872

TV effect from the 70s! Cool

show FPS hide FPS share 2 remixes fullscreen

joeytwiddle

remix of d/27385 by u/joeytwiddle

function u(t) {

eval(unescape(escape`景爨椽挮睩摴栽㤲㭩ⴭ㬩砮晩汬剥捴⠴㔫⠢〸㠺㸸㘳㌰㸰⸭〼㤿唻㩘乍堾㜿䍇䄽㌹塃㸽㐶堿䅁㠵䍑䉣䀵䉵㹾䬵㵤婯夶㙍穝渹ㄿ繙縼ⴵ桞繁⬭䕩彐∮捨慲䍯摥䅴⡩⤭㌲⤪匨愽椭琩⼵ⰲ⭩⨪⸵⨵ⱗ㴱⭃⡡⤬圩`.replace(/u([^D].)/g,'$1%')))

Apr 18 2023 2:20 AM UTC

}// 140/140

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

MSDCotGLB

u/joeytwiddle

Added some fake transparency. But perhaps spending some chars to double up the encoding might help the most...
u/joeytwiddle

Or perhaps convert the surface into a Fourier sequence, then we can have lots of points!
u/joeytwiddle

Thank you u/vain for the suggestion, although I'm sure if this is exactly what you had in mind
u/deobfuscate

for(i=c.width=92;i--;)x.fillRect(45+("088:>86330>0.-0<9?U;:XNMX>7?CGA=39XC>=46X?AA85CQBc@5Bu>~K5=dZoY66Mz]n91?~Y~<-5h^~A+-Ei_P".charCodeAt(i)-32)*S(a=i-t)/5,2+i**.5*5,W=1+C(a),W)

show FPS hide FPS share 1 remix fullscreen

intrinsic

function u(t) {

for(c.width=1920,T=2*Math.PI,i=0;++i<500;x.fillRect(960+C(a)*r,540+S(a)*r,6,6))r=300+S(t+i)*200,a=T*i/500,a+=T*S(t/2)/10

Apr 17 2023 2:36 AM UTC

}// 120/140

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

ChatGPT prompt: generate some wild art for dwitter

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).