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

joeytwiddle

function u(t) {

c.width=9,x.fillStyle=`hsl(${3*t},99%,${30-20*C(4*t)}%)`,x.fillRect(0,0,9,6),c.style.filter=`blur(${20-20*C(t/5)}vw)`

Feb 16 2020 10:24 AM UTC

}// 117/140

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

Escape from the canvas (only in Chrome,)

u/joeytwiddle

Works best in dwitter's dark theme
u/joeytwiddle

Oh no, they fixed it! For a while the blur extended out of the iframe.

show FPS hide FPS share 1 remix fullscreen

Cloud

function u(t) {

c.width|=0
x.font="9em sans"
a=["🌑","🌑","🌒","🌓","🌔","🌕","🌕","🌖","🌗","🌘"]
x.fillText(a[t*20%a.length|0], 750, 540)

Feb 13 2020 12:34 PM UTC

}// 113/140

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

Ball

show FPS hide FPS share fullscreen

Xen

remix of d/17608 by u/DaSpider

function u(t) {

for(i=z=c.width|=0;i--;c.style.filter="blur(2vh)sepia()invert(")x.fillRect(z/2+C((w=i/t))*w*4,z/4+S(w)*w*3,w,9)

Feb 13 2020 5:52 PM UTC

}// 111/140

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

Halftone Hippie

u/Xen

#waitforit

show FPS hide FPS share 1 remix fullscreen

DaSpider

function u(t) {

t?1:x.translate(960,540)
for(j=k=250;j-=25;x.fillStyle=R(k-j))for(b=5;b--;x.beginPath(),x.ellipse(0,0,7*j,2*j,0,1,7),x.fill())x.rotate(.698)

Feb 13 2020 11:45 PM UTC

}// 140/140

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

Swirling red #flower

show FPS hide FPS share fullscreen

Xen

remix of d/17601 by u/DaSpider

function u(t) {

x.font="49em'"
x.fillText(String.fromCodePoint(0x1F311+9*t%8|0),350,840)

Feb 13 2020 3:17 PM UTC

}// 72/140

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

Same, more shorterer

u/Xen

if dont mind it looking terrible can 64bytes: c.width=19,x.fillText(String.fromCodePoint(0x1F311+7*t%8|0),2,9)

show FPS hide FPS share 1 remix fullscreen

DaSpider

remix of d/17598 by u/Cloud

function u(t) {

c.width|=0,x.font="55em s"
x.fillText(String.fromCodePoint(~~(0x1F311+7*t%8)),350,840)

Feb 13 2020 3:03 PM UTC

}// 86/140

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

Same, but shorter

show FPS hide FPS share fullscreen

Xen

remix of d/17599 by u/Yogeshp3

function u(t) {

c.style.filter="blur(.6vh)invert("
x.fillStyle=`hsl(${(w=450-t*t)^t} 69%69%)`
x.fillRect(960+C(9*t)*w,540+S(9*t)*w,19,19)/𝕏

Feb 13 2020 3:50 PM UTC

}// 123/140

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

quick test

show FPS hide FPS share 2 remixes fullscreen

jylikangas

function u(t) {

eval(unescape(escape`𨰮𬱴𮑬𩐮𩡩𫁴𩑲🐢𨡬𭑲𚀱𭡨𚑳𩑰𪑡𚀩𪑮𭡥𬡴𚀮𞐢𒡦𫱲𚁣𛡷𪑤𭁨👩🐭𞐻𚰫𪐼𞐻𤠽𨐽🡸𛡬𪑮𩑔𫰨𜐵𜀫𨐪𝰰𛰨𮠽𪠭𭀪𝐥𜐩𚱃𚁴𚐪𜠰𛀹𜀫𚀹𜀫𤰨𪠫𭀪𝐦𨑼𞐩𚠴𜀭𨐪𚠴𚐯𮠩𚑦𫱲𚁪🐲𜀻𮀮𨡥𩱩𫡐𨑴𪀨𮀮𬱴𬡯𪱥𚀩𚐬𤠨𪐩𛀭𛑪𞱒𚁩𚰱𚐩𤠨𪐩`.replace(/u../g,'')))

Feb 10 2020 3:57 PM UTC

}// 140/140

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

To celebrate the launch of devaja.fi

Show more comments…
u/KilledByAPixel

😲
u/rodrigo.siqueira

This is a scene from Dragon's Lair game, where balls were rolling on this grid.
u/sigveseb

no way! daaaamn
u/tomxor

Woaaah! O_O
u/lionleaf

Holy ...! :O
u/katkip

Wow
u/hoplite

Reminded me a bit of https://www.youtube.com/watch?v=6juR6rzAolU :)

show FPS hide FPS share fullscreen

Yogeshp3

remix of d/6945 by u/Yogeshp3

function u(t) {

c.style.filter="blur(1vh)sepia()invert(1";c.width|=0,a=[20,9,32,26,14,2,3]
for(i=0;i<7;)x.fillRect(500+i*160,799,50,-320+10*a[i++]*S(i*2*t))

Feb 12 2020 6:49 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/Xen

nice! would look good as default

show FPS hide FPS share fullscreen

Yogeshp3

remix of d/17561 by u/pavel

function u(t) {

c.style.filter="blur(1vh)invert(1";for(c.width|=j=21,x.scale(9,9);j--;)for(i=99;i--;)x.arc(0,0,1.3**(j+i%2+t%2),a=(i+j)%24/4,a);x.stroke()

Feb 12 2020 6:38 PM UTC

}// 138/140

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

u/KilledByAPixel

🕷️