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

prplz

function u(t) {

t*=777
x.strokeRect(t%1920,t%1080,32,32)

Sep 18 2018 9:36 AM UTC

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

ellisk1

remix of d/9862 by u/ellisk1

function u(t) {

t?x.fillRect(q=99+t**9%810,99+(e=440*(q&1)),q,d=T(q)>0?880-e*((t&1)*2+1):x.fillStyle=R(d*C(q),d*C(t),d*C(e),.5)):x.fillRect(0,0,2e3,2e3)

Sep 18 2018 3:15 AM UTC

}// 136/140

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

Technical Difficulties

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

with(x)for(i=70;i--;fillStyle=R(fill(),i*3),beginPath())ellipse(X=i**5%3e3,Y=S(i)*950+C(t+i)*9,r=i>68?6e3:Y*Y/5e3+i,r/3,0,i,i+6),lineTo(X,Y)

Sep 13 2018 5:41 PM UTC

}// 140/140

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

Waterlily lake

Show more comments…
u/magna

Great!
u/joeytwiddle

So nice. #water #organic #scene
u/kipkat

#cute
u/Xen

Very clever
u/DataMeta

Peaceful
u/magna

🐸

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡪㴲㈻樭ⴻ晩汬却祬攽樥㈿刨⤺✣晦昧ⱳ㸰☦晩汬⠩⥦潲⡰㵓⡱㵓⡫㴴⩴⵪⼶⤭欩⵱ⱳ㴷〪樭㈲⸲㤪瀥ㄴ〬扥杩湐慴栨椽㘩㭩ⴭ㬩汩湥呯⠹㘰⭳⩃⡡㵩⼮㤵㔫瀯㘩ⰵ㐰⭳⩓⡡⤩`.replace(/u(..)/g,"$1%")))

Sep 14 2018 3:02 AM UTC

}// 130/140

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

aerotwist's hexatwist, https://twitter.com/aerotwist/status/9704282…

u/joeytwiddle

with code snippets from yonatan and balint
u/joeytwiddle

164 chars uncompressed: with(x)for(j=22;j--;fillStyle=j%2?R():'#fff',s>0&&fill())for(p=S(q=S(k=4*t-j/6)-k)-q,s=70*j-22.29*p%140,beginPath(i=6);i--;)lineTo(960+s*C(a=i/.955+p/6),540+s*S(a))
u/joeytwiddle

inspired by #beesandbombs
u/duoxx

what a...
u/joeytwiddle

Pavel golfed it to 133 wow! :-D (see the remix)

show FPS hide FPS share fullscreen

Noah

function u(t) {

eval(unescape(escape`愽䌨娽琪㈰⤪㤹Ⱬ㴢㄰ㄢ孺㵾繴┳崪㐰〬漽㌵〬栽稪㈴㐬硛䜽≦楬汒散琢崨搽漭匨娩⨹㤫栬漫愫欬㔬㔩ⱸ孇崨搫䌨琩⨲〰Ɐ⭡⭓⡴⤪㈰〫欬㔬㔩ⱸ孇崨漫䌨琩⨳〰⭨Ɐ⭓⡴⤪㌰〫欬㔬㔩`.replace(/u(..)/g,"$1%")))

Sep 17 2018 11:38 PM UTC

}// 129/140

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

with the help of three wonderful lads- u/xen u/BalintCsala and u/BirdsTweetCodersDweet; shortened this mess of a code from 237 to 179 thanks a lot guys, also really cool that even though we hit the mark, u/xen kept pushing and got down to 162, a true legend in my eyes.

u/Noah

a=C(Z=t*20)*99 k="101"[z=~~t%3]*400 o=350 h=z*244 x[G="fillRect"](d=o-S(Z)*99+h,o+a+k,5,5) x[G](d+C(t)*200,o+a+S(t)*200+k,5,5) x[G](o+C(t)*300+h,o+S(t)*300+k,5,5)
u/BirdsTweetCodersDweet

#donut #circle #trinity #yum
u/Noah

sorry for not adding commas a=C(Z=t*20)*99,k="101"[z=~~t%3]*400,o=350,h=z*244,x[G="fillRect"](d=o-S(Z)*99+h,o+a+k,5,5),x[G](d+C(t)*200,o+a+S(t)*200+k,5,5),x[G](o+C(t)*300+h,o+S(t)*300+k,5,5)
u/BirdsTweetCodersDweet

#compreesed #compression

show FPS hide FPS share fullscreen

THORinHOOD

function u(t) {

c.width=400
for(i=0;i<9;i++){x.fillStyle=R(255,150,S(t)*255)
x.fillRect(S(t)*100+200,i*20+5,10,10)
x.fillRect(-S(t)*100+200,i*20+15,10,10)
}

Sep 17 2018 8: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 1 remix fullscreen

BirdsTweetCodersDweet

remix of d/9886 by u/katkip

function u(t) {

c.style.background=R();x.fillRect(t*200,a=740-((S(t)*2.5+2.5)*2)*50,g=S(t)*50+55,g+1.6),x.shadowBlur=9,x.shadowColor=`hsl(${t*250},99%,70%)`

Sep 16 2018 7:02 PM UTC

}// 140/140

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

Night mode and better 3D :D

show FPS hide FPS share fullscreen

katkip

function u(t) {

for(c.width|=i=250,r=540,m=t/9;i--;x.ellipse(960,r,(S(t+S(i)/5)*r+r)/2,r,m/25*i/m,0,m*m),x.stroke())x.beginPath()

Sep 16 2018 9:14 AM UTC

}// 113/140

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

Portal

show FPS hide FPS share 1 remix fullscreen

katkip

function u(t) {

c.width*=1;x.translate(960,540);
for(i=0;i<100;i++)
x.fillRect(i+S(t/99)*300,-1e3,5,2e3),x.rotate(t/9)

Sep 18 2018 11:59 AM UTC

}// 102/140

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

#tunnel

show FPS hide FPS share fullscreen

Noah

function u(t) {

c.width=1920;with(x)for(i=20;i--;beginPath)x.fillRect(809+100+S(t/2+C(t/2)*i)*900,400+100+C(t/2+S(t/2)*i)*300,50,50)

Sep 15 2018 6:48 PM UTC

}// 116/140

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

i dunno .-.

u/lionleaf

Nice first dweet, u/Noah . Welcome! :D #first_dweet