Hot dweets by u/gabrielsroka

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: #Opposites

show FPS hide FPS share fullscreen

gabrielsroka

function u(t) {

eval(unescape(escape`睩瑨⡸⥯湭潵獥浯癥㵥㴾氨匽攮砬䌽攮礬吽挮睩摴栽㔶㠩ⱸ⹬㵬楮敔漬氨䔽匯㈬䐽䌯㈩ⱬ⡅ⱊ㵄⬹㤩ⱬ⡓ⱆ㵊⨲⤬氨匬䌩ⱬ⡗㵔⼲⭅ⱄ⤬氨圬䨩ⱬ⡓ⱆ⤬氨匬䌩ⱬ⡅ⱄ⤬氨㈪圯㌬䌯㌩ⱬ⡗ⱄ⤬氨匬䌩ⱳ瑲潫攨⤻`.replace(/u(..)/g,"$1%")))

Oct 14 2018 8:53 PM UTC

}// 140/140

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

#interactive #d3 #perspective, see also https://www.khanacademy.org/computer-program…

Show more comments…
u/gabrielsroka

see also https://www.dwitter.net/d/9207
u/gabrielsroka

uncompressed: with(x)onmousemove=e=>l(S=e.x,C=e.y,T=c.width=568),x.l=lineTo,l(E=S/2,D=C/2),l(E,J=D+99),l(S,F=J*2),l(S,C),l(W=T/2+E,D),l(W,J),l(S,F),l(S,C),l(E,D),l(2*W/3,C/3),l(W,D),l(S,C),stroke()
u/gabrielsroka

#cube maybe?
u/pavel

onmousemove=e=>[S=e.x,E=S/2,E,S,S,W=284+E,W,S,S,E,W*2/3,W,c.width=568].map((a,i)=>x.lineTo(a,[C=e.y,D=C/2,J=D+99,F=J*2,C,D,J,F,C,D,C/3,D][i])),x.stroke()
u/yonatan

139 with Path2D: onmousemove=e=>x.stroke(new Path2D('M'+[S=e.x,C=e.y,E=S/2,D=C/2,E,J=D+99,S,F=J*2,S,C,W=274+E,D,W,J,S,F,S,C,E,D,2*W/3,C/3,W,D],c.width=568))
u/gabrielsroka

u/pavel - i was just thinking about trying something similar, but you beat me to it. well done!
u/gabrielsroka

u/yonatan - i was not aware of Path2D. thanks, and well done! i also see my T could be optimized (leftover from a previous iteration)
u/donbright

brava
u/rep_movsd

#underrated

show FPS hide FPS share fullscreen

gabrielsroka

function u(t) {

for(s=192,r=0,y=0;y<5;y++)for(X=0;X<10;r+=5,X++)x.fillStyle=R(r,r,r),
x.fillRect(X*s,y*s,s,s)

Oct 13 2018 10:19 PM UTC

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

gabrielsroka

function u(t) {

if(!t)X=0,y=1e3
with(x)lineWidth=2,moveTo(X,1e3),lineTo(2e3,y),stroke()
X+=50,y-=40

Oct 13 2018 9:53 PM UTC

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

gabrielsroka

remix of d/2210 by u/gabrielsroka

function u(t) {

if(!t)i=0
if(t%1<.01){c.width|=0;i++
for(j=w=500;j--;)x.lineTo(C(a=i*j)*w+960,S(a)*w+w+40)
x.stroke()}

Mar 19 2017 5:59 PM UTC

}// 102/140

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

this remix only updates once per second so you can see the patterns better. try it in fullscreen

show FPS hide FPS share 1 remix fullscreen

gabrielsroka

function u(t) {

c.width|=0;for(j=w=540;j--;)with(x)beginPath(),
moveTo(C(t*j)*w+960,S(t*j)*w+w),
lineTo(C(t*j+t)*w+960,S(t*j+t)*w+w),stroke()

Mar 19 2017 12:14 AM UTC

}// 125/140

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

u/sfz

so simple so cool

show FPS hide FPS share fullscreen

gabrielsroka

remix of d/2190 by u/scottglz

function u(t) {

for(X=71;X--;)for(Y=40;Y--;)x.fillStyle=X<24&Y<21?Y%2|X-Y&3|!Y|!X|Y>18?'#036':f:Y/3&1?f='#fff':'#e00',x.fillRect(X*25,(Y+S(X/9+t))*25,25,25)

Mar 18 2017 6: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).

I changed the colors to match a little more closely to https://en.wikipedia.org/wiki/Flag_of_the_Un…

show FPS hide FPS share fullscreen

gabrielsroka

remix of d/2036 by u/nick

function u(t) {

S=(c,X,Y,w,h)=>{x.fillStyle=c;x.fillRect(X,Y,w,h)}
for(i=7;i--;S("#036",0,0,760,579))S("#e00",0,i*168,1920,75)

Mar 18 2017 5:51 PM UTC

}// 110/140

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

Also a remix of:

u/gabrielsroka

https://www.dwitter.net/d/2038
u/gabrielsroka

add this for stars: S("#fff");for(i=50;i--;x.font='5em a')x.fillText("★",i%5.5*130+25,80+(i/5.5|0)*59)

show FPS hide FPS share fullscreen

gabrielsroka

function u(t) {

x.fillRect(C(t*Math.PI*2)*480+960,540-S(t)*480,10,50)
x.fillStyle=R(t*99%256,t*79%256,t*59%256)

Mar 11 2017 4:42 PM UTC

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

gabrielsroka

function u(t) {

for(X=19;!t&&X--;)for(Y=10;Y--;)for(r=a=60,c=s=120,i=20;i--;r-=3)with(x)beginPath(),fillStyle=R(c+=9),arc(X*104+a,Y*s-a+X%2*a,r,0,7),fill()

Mar 5 2017 8:19 PM UTC

}// 139/140

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

u/rep_movsd

#underrated

show FPS hide FPS share fullscreen

gabrielsroka

remix of d/39 by u/sigveseb

function u(t) {

c.width=1920
with(x)for(translate(960,540),rotate(t/2),i=s=99;a=s*s/(s-i-t%s),i--;)rotate(S(t)/s),fillStyle=R(a/9),fillRect(b=-a/2,b,a,a)

Mar 5 2017 12:46 AM UTC

}// 137/140

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

a few bytes shorter, and fullscreen looks better with c.width=1920

u/iverjo

#tunnel

dwitter.net | gabrielsroka (78)