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

KilledByAPixel

remix of d/17675 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`𚁡👴🀹𚐿𬰽𜐺𬰪🐱𛠰𜐊𩡯𬠨𨠽𪐽𜑥𜰻𪐭𛐾𛑢𞱸𛡦𪑬𫁒𩑣𭀨𨠫𪐪𬰫𤰨𭀪𜠩𚠱𞐪𬰬𨐿𜰵𚡴𞠲𞐹𚰲𚡴𚡳𛁳𛁢𚐩𮀮𩡩𫁬𤱴𮑬𩐽𨁨𬱬𚀤𮱡🰲𜐰𞠹𝑽𘀤𮱡🰸𞐺𚁺👩𚡩🁢𚐿𜀺𜰰𯐥𙁻𤰨𭀩𚠹𚰷𚰨𨐿𞐰𛐶𚡴𞡺🱩𚡩🠮𝐿𜀺𤰨𭀪𜐹𚐪𚠸𚠹𞐺𜠰𚑽𙑠`.replace(/u../g,'')))

Feb 24 2020 6:58 PM UTC

}// 140/140

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

#road #slowdraw #d3 Play Hue Jumper! http://huejumper.3d2k.com

u/Xen

HueJumper3 on the PS6 tho, somehow viral and the end of humanity, only AI competes live...... aaand back to 2020 xen

show FPS hide FPS share fullscreen

ElisionFR

remix of d/17750 by u/ElisionFR

function u(t) {

if(!t)R=[]
onmousemove=(e,d=t,o=Math.random()*6.28)=>R.push(l=>[e.x+C(o)*(l-d)*9,e.y+S(o)*(l-d)*9])
R.map(v=>x.fillRect(...v(t),1,1))

Feb 26 2020 8:15 AM UTC

}// 133/140

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

New particle system (fullscreen only)

u/ElisionFR

#grow
u/13thptr

#growth

show FPS hide FPS share 1 remix fullscreen

Cloud

function u(t) {

for(c.width|=i=400;i--;){
z=i
x.fillStyle=R(z/2)
x.fillRect(800+C(t*3-i/100)*50-i/2, 500+S(t*3-i/100)*10-i/2, 300+z, 300+z)
}

Feb 26 2020 7:19 PM UTC

}// 125/140

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

#tonel

u/ivylab

I tried the same thing a few weeks ago but I couldn't do it. Now just make it more performant so you can fill the entire canvas! :)
u/13thptr

#tunnel

show FPS hide FPS share 1 remix fullscreen

veubeke

function u(t) {

c.width^=0
with(x)scale(50,50),lineWidth=4,setLineDash([...Array(17).fill(1),20]),lineDashOffset=-S(t)*6-6,stroke(new Path2D('M2 10l30 0'))

Feb 25 2020 4:59 AM UTC

}// 139/140

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

Perfectly normal default

u/veubeke

Inspired by https://www.dwitter.net/d/17700

show FPS hide FPS share fullscreen

BriSeven

remix of d/3559 by u/BriSeven

function u(t) {

if(!t)d=[];Y=X=t*20;for(i=0;i<1e3;i++) D=(d[i]||1),d[i]=D+S(D*t*i)/9, x.fillRect(X+=C(d[i]), Y+=S(d[i])*9, 5, 5);x.fillStyle=R(S(t)*i/4)

Feb 26 2020 4:44 AM UTC

}// 136/140

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

Strata #growth #random

show FPS hide FPS share fullscreen

ElisionFR

remix of d/17692 by u/iznax

function u(t) {

c.width|=i=c.i%12|0
x.font="32em Eggzes"
c.onclick=a=>c.i=i+2
d="🥚🐣🐥🐤🐓🍗"
x.fillText(d[i]+d[i+1],640+S(t*29)*25*!i,850-(i==4)*S(t%3.14)*200)

Feb 23 2020 9:15 AM UTC

}// 139/140

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

CLICK IT !

u/joeytwiddle

#cute #bird #food
u/aleamb

#interactive
u/yukulele

nice story but the ending is a little sad 😢
u/davidsover

F
u/jpthinker

The food chain, lol

show FPS hide FPS share fullscreen

katkip

remix of d/17748 by u/katkip

function u(t) {

P=(θ,R)=>x.fillRect(C(θ/99)*R+960,S(θ/99)*R+540,1,1)
f=x=>S(-x*2)*C(x)-t
t||(q=z=0)
for(i=2999;i--;)P(q*40,S(z)*200+200),q=f(z-q),z=f(q+z/2)

Feb 27 2020 2:03 PM UTC

}// 140/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 3 remixes fullscreen

yonatan

function u(t) {

for(c.width|=k=i=540;i--;x.strokeRect(960-i*2,k-i,i*4,i*2))n=i/7,x.setLineDash((t*k+1e5/i)%99>50?[n,n,0]:[n,0,n])

Feb 22 2020 6:45 PM UTC

}// 113/140

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

pattern idea from https://twitter.com/ntsutae/status/123119038…

u/aleamb

amazing! #tunnel

show FPS hide FPS share 1 remix fullscreen

iznax

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𝠴𜀬𩐽𞀬𨐽𭀥𜠯𜠬𪠽𚁴🠾🐱𚐪𜰦𝰬𦐽𮠽🠫𚱺𚠶𝀬𮀮𩡯𫡴🐧𝁥𫐢𙰬𩀽𦐨𪠩𛁸𛡦𪑬𫁔𩑸𭀨𘡜𭑻𜑦𜱣𜁽𘠬𩀫𚁙𚀫𚱴𚠳𙠷𛀩𛑤𚐪𨐬𜠴𜀭𤰨𨐪𜰩𚠱𜠰𚐻𩐭𛐻𚑸𛡦𪑬𫁔𩑸𭀨𨐼𛠵𙡥🐽𪠿𘡜𭑻𜑦𝀲𜱽𘠺𘡜𭑻𜑦𞐵𨑽𘠬𦐨𩐩𛀳𜀰𚐻`.replace(/u../g,'')))

Feb 24 2020 5:42 AM UTC

}// 140/140

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

More Tricksy Eggzes #eggs

u/KilledByAPixel

Great! 🐔

show FPS hide FPS share fullscreen

iznax

remix of d/17730 by u/iznax

function u(t) {

eval(unescape(escape`𩡯𬠨𨰮𭱩𩁴𪀽𜐲𞀰𛁥🐸𛁡👴𙐲𛰲𛁙👺🐾𚰫𮠪𜐲𝠬𮀮𩡯𫡴🐧𞑥𫐢𙰬𩀽𦐨𚁴🠾🐱𚐪𜰦𝰩𛁸𛡦𪑬𫁔𩑸𭀨𘡜𭑻𜑦𜱤𜁽𘠬𩀫𚁙𚁪🐫𚱴𚠳𙠷𛀩𛑤𚐪𨐬𝀴𜀭𤰨𨐪𜰩𚠱𞐲𚐻𩐭𛐻𚑸𛡦𪑬𫁔𩑸𭀨𨐾𛠹𙡥🐽𪠿𘡜𭑻𜑦𝠴𝡽𘠺𘡜𭑻𜑦𞐳𝱽𘠬𦐨𩐩𛀵𞀰𚐻`.replace(/u../g,'')))

Feb 25 2020 3:56 AM UTC

}// 140/140

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

Volleyball Practice #sports