Dweets awesomed 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: #ScaryMovies

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

jylikangas

remix of d/7121 by u/jylikangas

function u(t) {

for(c.width=-1,Y=w=89;Y--;x[f](Y*9+w*S(t)-w,0,9,60+S(Y^w)*20))x[f='fillRect'](w-S(v=Y/w+t)*Y,w+799/Y,v*w&8?2e3/Y:x.fillStyle=R(Y*3,0,w),w/Y)

Oct 8 2018 8:29 PM UTC

}// 140/140

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

OutRun: Neon City edition

Show more comments…
u/BalintCsala

#retro
u/katkip

#d3
u/f8f82804

#outrun
u/iverjo

Inspiring!
u/iverjo

#neon
u/donbright

!!!!!!!!
u/lionleaf

Incredible! #city #track #train
u/alien

wow
u/magna

Musical edition: https://dweetplayer.net/demo/v1/*/10287@190/…
u/rodrigo.siqueira

Similar to Atari's Enduro game with city skyline

show FPS hide FPS share fullscreen

prplz

function u(t) {

for(c.width|=i=9;i--;z>0&&x.fillRect(960-200/z,400-100/z,50/z,200/z))z=S(t)*2+i/3

Oct 8 2018 10:02 AM UTC

}// 81/140

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

#default

show FPS hide FPS share 1 remix fullscreen

robbyg

function u(t) {

c.width|=0,v=500;with(x)moveTo(h=t*v%2e3,v),lineTo(h+C(a=Math.abs(S(t*9)))*99,v+S(a)*99),arc(h,v,99,a,-a),fillStyle='#fe0',fill()

Jun 15 2018 5:30 PM UTC

}// 129/140

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

#pacman

show FPS hide FPS share 2 remixes fullscreen

snydej

remix of d/6990 by u/snydej

function u(t) {

c.width|=p=2.0943;[0,1,2].map(d=>x.fillRect(0,0,h=540,h,x.setTransform(s=S(q=d*p+t),C(q),S(q+=p),C(q),960,h),x.fillStyle=R(l=140+80*s,l,l)))

Feb 18 2018 7:10 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/aleamb

cooooooooool
u/magna

WAAAAAA
u/zanella

Niiiiiiiiiice!
u/joeytwiddle

#cube #lighting #renderer
u/S.T.L.K.R.

wtf very nice
u/vain

amazing lightsources cube

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…

dwitter.net | gabrielsroka (1301)