Top dweets by u/f8f82804

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 2 remixes fullscreen

f8f82804

remix of d/11919 by u/mxfh

function u(t) {

for(c.width|=i=384;i--;x.fillRect(960-w/2+e,4*i,w+e,4)){y=i/80-2;w=y>.7?3e3:(1-y*y)**.5*640;e=T(t/9+i*w);x.fillStyle=`hsl(${-y}rad 99%50%)`}

Jan 24 2019 8:12 PM UTC

}// 140/140

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

#minimal #outrun #glitch #sunset

u/f8f82804

d/11931
u/pavel

Omitting the space in 99%50% does not work in Safari, everything is black.
u/f8f82804

yeah safari stinks
u/f8f82804

try "for(c.width|=i=384;i--;x.fillRect(960-w/2+e,4*i,w+e,4))y=i/80-2,w=y>.7?3e3:(1-y*y)**.5*640,e=T(t/9+i*w),x.fillStyle=hsl(${-y}rad 99% 50%)" which should work and is still <140
u/bekfast2390

easrdfghj

show FPS hide FPS share 2 remixes fullscreen

f8f82804

remix of d/9772 by u/New_Core

function u(t) {

with(x){for(shadowColor=R(fillRect(0,0,i=c.width=294,i),i,i);i--;)lineTo(i,80+S(a=T(i*7+t/9)%S(i)*36)*a);for(i=9;shadowBlur=i*i--;)stroke()}

Sep 11 2018 11:52 PM UTC

}// 140/140

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

tweaked #glow

Show more comments…
u/donbright

yes!Q!!!!! awesome
u/donbright

if someone could do neon raindrops...
u/joeytwiddle

#electric don't whizz! See audio spectrum: d/5576
u/katkip

looks dope
u/sigveseb

yeah, good usage of shadowcolor
u/aleamb

yeah!

show FPS hide FPS share 3 remixes fullscreen

f8f82804

remix of d/9162 by u/f8f82804

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡩㴳ㄴ㭩ⴭ㭢敧楮偡瑨⠩⥡牣⠲㐰⨨⡣㵓⡡㵩⼱〰⤪匨戽琫椩⤫㐩ⰱㄲ⨨匨愩⩃⡢⤭㈪䌨愩⬴⤬㐰⨨匨愩⬮㈩ⰰⰷ⤬晩汬⠩ⱦ楬汓瑹汥㵠桳氨⑻㌶〪⠨戯㘭琯㐩┱⥽‹〥⑻㌰⨨ㄫ挫挪⨹⥽╠`.replace(/u(..)/g,"$1%")))

Aug 8 2018 7:04 PM UTC

}// 136/140

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

Fancy #phong #shading #sphere -- #compressed #d3 #pbr

Show more comments…
u/f8f82804

Uncompressed: with(x)for(i=314;i--;beginPath())arc(240*((c=S(a=i/100)*S(b=t+i))+4),112*(S(a)*C(b)-2*C(a)+4),40*(S(a)+.2),0,7),fill(),fillStyle=hsl(${360*((b/6-t/4)%1)} 90%${30*(1+c+c**9)}%
u/magna

#sequins
u/lionleaf

Now that's beautiful!
u/f8f82804

I love it, but I really wanted to do it without compression. I even tried using fillText('●'). See my remix for the closest I could get.
u/iverjo

Sweet! #colorful
u/joeytwiddle

#hiddengem #model
u/f8f82804

#fullhd

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10658 by u/f8f82804

function u(t) {

for(c.width|=i=13;i--;x.lineTo(967+(y-1?0:1e3*S(p)/z),1e3*y/z))y='011112101211'[i],z=y-1?3:3+C(p=t+1.57*'012340302014'[i]);x.fill('evenodd')

Oct 25 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).

#d3 #perspective #octahedron

u/pavel

Here is 12 characters saved: c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123403020140'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')
u/f8f82804

using 1.6 to approximate Math.PI/2 is OK, but you should change all the 4s to 0s in the second data string, just to minimze the aggregate angular error. I used 4 for clarity, because 1.57 is accurate enough that the error is hard to notice. With 1.6 you can notice that one edge is longer than the others. c.width^=i=0;for(y of'111121012110')x.lineTo(960+y%2*S(p=t+1.6*'123003020100'[i++])*(z=1600/(3+y%2*C(p))),y*z);x.fill('evenodd')

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

c.width^=0;t=5*t%9;with(x)f=s=>font=s+'in z',f(3),x.l=fillText,l('🏌',0,999),f(1),l('⛳',1050,840),fillRect(2e2+99*t,999-99*t+9*t*t,s=16-t,s)

Sep 10 2018 8:41 PM UTC

}// 139/140

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

#emoji #golf

Show more comments…
u/joeytwiddle

:-D
u/donbright

lol
u/sigveseb

Hehehe
u/fujimotos

I've never seen someone so good at playing golf.
u/kipkat

on mobile is different
u/Lazy1337

also works on Chromium/FF Linux 32b but not on Windows 10 Chrome(the golfer doesn't appear)
u/f8f82804

Among my ubuntu systems, only 18.04 has color fonts for both emoji.

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9161 by u/f8f82804

function u(t) {

c.width=100
for(i=314;i--;)x.fillRect(9*S(α=i/100)*S(β=t+i)+50,4*((a=S(α)*C(β))-2*C(α)+6),3,3),x.fillStyle=`hsl(${t*i} 90%${30*(1+a+a**9)}%`

Aug 7 2018 7:45 PM UTC

}// 140/140

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

Remix with ambient light #phong #pbr

u/f8f82804

#d3
u/magna

Nice!
u/aleamb

fucking awesome!

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/11689 by u/f8f82804

function u(t) {

for(i=c.width^=0;i--;x.fillRect(X/d+960,Y/d/.9-1150,s=47-d*2e4,s))a=S(ϕ=i/612),θ=i*37+C(i/99+t),d=Math.hypot(X=S(θ)*a,Y=C(ϕ)+3,C(θ)*a+5)/3e3

Jan 11 2019 8:11 PM UTC

}// 140/140

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

#waves on a #perspectives #sphere -- #d3 #pointcloud

u/f8f82804

this dweet uses a better perspective transform based on Math.hypot -- #hypot
u/f8f82804

The projection still isn't perfect, because I'm rotating the sphere's axis towards the viewer by positioning it below the camera. The resulting distortion is approximately corrected by scaling the Y coordinate with /.9.
u/f8f82804

#perspective

show FPS hide FPS share 4 remixes fullscreen

f8f82804

remix of d/9617 by u/cantelope

function u(t) {

c.width=480;x.translate(w=240,130);x.rotate(S(t));for(i=17;i--;x.lineTo(w*.7*S(p=1.57*i-t+(g=i/4|0)*11)/(Z=2+C(p)),w*(g%2-.5)/Z));x.stroke()

Sep 6 2018 9:32 PM UTC

}// 140/140

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

compound 3D rotations #d3 #cube #perspective

u/donbright

awesome
u/cantelope

neat trick :)
u/f8f82804

#wireframe

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/16598 by u/f8f82804

function u(t) {

for(X=w=c.width^=0,s=256;X-->-w;x.lineTo(_X-S(a)*Y,540+C(a)*Y))a=C(z=(_X=X>0?X:-X)/s+t)*3-C(t),Y=s*S(z*3.14-t)*C(z+t)+(X<0?s:0);x.fill();

Nov 14 2019 2:53 AM UTC

}// 137/140

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

u/katkip

looks good

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/10469 by u/f8f82804

function u(t) {

for(w=c.width=594;w-=99;x.stroke())for(a='moveTo',i=17;i--;a='lineTo')x[a](297+w*S(p=1.57*(i-(i>>2))+t)/(Z=4+C(p)),99+.4*w*((i&4)+T(t+w))/Z)

Oct 15 2018 10:51 PM UTC

}// 140/140

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

#d3 #perspective #cube #remix

u/f8f82804

#wireframe

dwitter.net | f8f82804 (1346)