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

pavel

remix of d/10605 by u/anotherkitten

function u(t) {

for(c.width|=i=32;i--;)for(j=12;j--;x.fillRect(860+S(A=t%1/5+(i&1?i:-i)/10)*600,700+C(A)*300*S(t)-j*16,200,16))x.fillStyle=R(p=j*16,p,p)

Oct 22 2018 5:57 PM UTC

}// 136/140

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

u/13thptr

#torus #d3

show FPS hide FPS share 1 remix fullscreen

jick

remix of d/10609 by u/jick

function u(t) {

c.width=18;f=Math.floor
for(i=9;i--;)for(j=10;j--;){
r=S(f((t+=99)));
if (r-f(r)>(i/12)){
x.fillRect(i,j,1,1)
x.fillRect(17-i,j,1,1)}
}

Oct 22 2018 5:11 PM UTC

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

uzuor

function u(t) {

c.width=1920
x.lineWidth=35
for(i=0;i<10;i++)
{x.arc(-S(t/1.5)*i*60+ 900,C(t)*i*50 + 500,i*40 + 40,0,6.28)
}x.stroke()

Oct 23 2018 4:36 PM UTC

}// 119/140

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

cute ?

u/Js4ever

Amazing !!!

show FPS hide FPS share fullscreen

SodaPOP

remix of d/10637 by u/lionleaf

function u(t) {

 for(c.width|=i=8;i--;x.fillText('undertale'[i],i*249,690+S(t*9+i)*99))x.font=T(-t+i/9)*3e2+'px x',x.fillStyle=`hsl(${t*i*t},50%,50%`

Oct 24 2018 1:39 PM UTC

}// 133/140

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

u/BirdsTweetCodersDweet

for(c.width|=i=9;i--;x.fillText('undertale'[i],100+i*200,690+S(t*9+i)*99))x.font=T(-t+i/9)*3e2+'px x',x.fillStyle=hsl(${t*i*t} 50%50%
u/BirdsTweetCodersDweet

There, fixed it for you

show FPS hide FPS share fullscreen

pavel

function u(t) {

if(!t)a=0,i=1050,j=800,x.font="99px a"
with(x)save(),restore(fillText("🚀",!translate(i+=9*S(a+=(t%3-1)/9),j+=9*C(a)),!rotate(2.4-a)))

Oct 21 2018 7:53 AM UTC

}// 133/140

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

u/katkip

cute!

show FPS hide FPS share fullscreen

katkip

function u(t) {

c.width*=1
for(i=0;i<9;i++)sz=Math.abs(.3*T(t+i)),
x.fillRect(400+i*100+S(t)*300,400*sz,sz*50,sz*200)

Oct 24 2018 11:30 AM UTC

}// 101/140

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

The amazing thing is that they dont touch. q

show FPS hide FPS share 1 remix fullscreen

akx

function u(t) {

for(c.width=i=500,x.font="300px sans";i--;)with(x)save(),beginPath(),rect(0,i,1e4,1),clip(),fillText("👻",99+30*S(.02*i+5*t),270),restore()

Oct 20 2018 12:40 PM UTC

}// 139/140

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

spooky!!!

show FPS hide FPS share fullscreen

tomxor

remix of d/10534 by u/tomxor

function u(t) {

k=160,i=1e3,w=.04
for(t+=32;p=i&1,m=k/C(t/i)+p*(k/2+i%k),i--;)x.fillRect(
960+m*S(n=t/16+i*i)*C(!p*i/t),
540+m*C(n+p*2),s=w-C(n)*w,s)

Oct 20 2018 1:58 PM UTC

}// 133/140

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

#space #saturn #drawing

u/katkip

oh wow
u/joeytwiddle

Very nice. Set w=.2 if you don't want to #waitforit
u/tomxor

Oops, this doesn't seem to work at all in some browsers... showing up the aignificant subpixel interpolation differences between canvas implementations. Works in chrome - soz

show FPS hide FPS share 1 remix fullscreen

ersagun

remix of d/10578 by u/ersagun

function u(t) {

for(i=j=f=24;d=a=>C(t*f)*(a[0].charCodeAt(f)-9e3),f--;i+=d`◴∈⌹⌙⍈⌮⌠⌇⌢⌑⌆⌤⌾⍃⌣⌘⌯⌧〈⌳〉⌤⌬⌯`)j+=d`○⍈⌾⋻⌤⋧⌥⌬⌰⍕⍓⌗⌥⋼⌘⌭⋧〉⌔⌗⍃⌫⌛〈`
x.fillRect(i,j,9,9)

Oct 21 2018 3:43 PM UTC

}// 135/140

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

#yeah I managed to remove 5 characters using tagged template literals. I can add 2 more harmonics(=4 characters) now.

u/New_Core

nice.. now you can do x.lineTo(i,j) x.stroke()

show FPS hide FPS share fullscreen

katkip

remix of d/10586 by u/leonarven

function u(t) {

eval(unescape(escape`挮睩摴桼㵲㴳〫匨琯ㅥ㐩⨵㭣⹳瑹汥⹢慣歧牯畮搽✣〵昧㭦潲⡉㴰㭉㱲⩲⨲㭸⹦楬汓瑹汥㴧⌰慤✬砮晩汬⡸⹡牣⡲⩘⨲⸲Ⱳ⩙ⱇ⨹ⰰⰵ⤩⥸⹢敧楮偡瑨⡘㵉⵲⨨夽䤫⬯爦㈵㔩ⱇ㴱⭓⡴⨹⭘⩙⩙⤫㈩㬻`.replace(/u(..)/g,"$1%")))

Oct 21 2018 3:07 PM UTC

}// 135/140

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

#waves