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 fullscreen

f8f82804

remix of d/10078 by u/keithclark

function u(t) {

for(i=(c.width|=0)/3;i--;x.font=7+C(j=t*9+(X+Y)/4)+'mm a',x.fillText([...'🔵⚪🔴'][X/11|0],480+C(j)*4+X*32,240+S(j)*4+Y*32))X=i%31,Y=i>>5

Sep 25 2018 6:11 PM UTC

}// 134/140

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

#flag

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/7779 by u/CocoMeister

function u(t) {

with(x)for(i=c.width|=0,font='5in a',fillText('🐖',720,720);i-=10;)fillStyle=`hsl(${a=S(i*9+S(t/2)*9)*50} 90%50%)`,fillRect(i,a*4+600,50,50)

Sep 14 2018 9:21 PM UTC

}// 139/140

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

#swine

u/joeytwiddle

:D

show FPS hide FPS share fullscreen

f8f82804

remix of d/9820 by u/f8f82804

function u(t) {

c.width=w=640;x.font='480px z';for(i=-240;(i+=8)<w;x.fillText('🏳️‍🌈',i,360+16*S(t*3+i/32)));

Sep 14 2018 6:42 PM UTC

}// 92/140

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

#rainbow #wave

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9188 by u/f8f82804

function u(t) {

c.width=640;x.font='480px z';for(i=-60;i++<640;x.clearRect(i+32,0,640,480))x.fillText('🏳️‍🌈',i,360+16*S(t*3+i/32));

Sep 13 2018 5:09 PM UTC

}// 115/140

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

playing with #emoji to draw a #flag

u/f8f82804

#pride

show FPS hide FPS share fullscreen

f8f82804

function u(t) {

c.width^=0;with(x)for(i=289;i--;beginPath(fill(arc(0,0,22+18*S(t+(X*X+Y*Y)**.5),0,7))))setTransform(1,0,0,1,60*(X=i%17+8),60*(Y=i/17%17+.5))

Sep 13 2018 3:51 AM UTC

}// 140/140

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

#halftone

show FPS hide FPS share fullscreen

f8f82804

remix of d/9777 by u/f8f82804

function u(t) {

with(x){for(strokeStyle=R(0,i=c.width=255,i),shadowColor=R(i,0,i);i-=3;)lineTo(i,66+S(i**3+t*9)*16);for(i=11;shadowBlur=i*i--;)stroke()}

Sep 12 2018 11:45 PM UTC

}// 136/140

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

#outrun #glow

show FPS hide FPS share fullscreen

f8f82804

function u(t) {

c.width=640;s=64;r=80;with(x)moveTo(X=h=180,h),lineTo(X+=s*C(t),h+(Y=s*S(t))),lineTo(X+=(r*r-Y*Y)**.5,h),lineTo(X+s,h),stroke()

Sep 12 2018 11:03 PM UTC

}// 127/140

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

#reciprocating #pison #mechanism with the dimensions from d/9806

Show more comments…
u/donbright

c.width=640 x.stroke(new Path2D(M 180,190 l ${[[C(t)*64,Y=64*S(t)],[(80*80-Y*Y)**.5,-Y]]} 64,0))
u/donbright

that golfs it down from 127 to 98
u/donbright

ok we can go lower. 94: c.width=640 x.stroke(new Path2D(M 180,190 l ${[C(t)*64,Y=64*S(t),(80*80-Y*Y)**.5,-Y,64,0]}))
u/donbright

you have to put back tickmark right before M and right after 64,0]} .. dwitter comment seems to eat the backtick
u/f8f82804

yeah, in comments backticks are used for code blocks
u/f8f82804

I don't know if it's possible to escape it with a backslash like \ or fillStyle=\hsl(...)`
u/f8f82804

...apparently escaping does not work
u/f8f82804

also, that's an excellent path2d use! you should post a remix
u/donbright

i was trying to make a choo choo train but its too many chars

show FPS hide FPS share fullscreen

f8f82804

function u(t) {

for(s=64,r=80,c.width=i=w=480;i--;)for(Y=s*S(a=i/9+t),j=2;j--;x.fillRect(i,j?r-s*C(i/9+t):2*r-s*C(a)-(r*r-Y*Y)**.5,1,2))x.fillStyle=R(255*j)

Sep 12 2018 11:01 PM UTC

}// 140/140

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

Comparing #sinusoidal motion (red) with #reciprocating motion of a crank and #piston (black), with stroke of 64 and rod length of 80. TDC at the top.. #math

u/f8f82804

See d/9807 for a mechanism with these dimensions
u/f8f82804

also a #template for graphing functions. #tool

show FPS hide FPS share fullscreen

f8f82804

remix of d/7094 by u/AnnanFay

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡸⹲㵦楬汒散琬爨〬〬挮睩摴栽猽㌸㐬猩ⱳ桡摯睃潬潲㴧慱畡✬獨慤潷䉬畲㴵ⱺ㴴攳㭺ⴭ㭲⡾繡⩷⩃⡺⤫椪⨳╳Ⱘ⡡⩳⵾繡⩷⤪⠲⭺┱⤫眪匨稩⤯㐬㌬㌩⥡㴨琫䌨椽稥㤹⤩┲ⱷ㵡⩳⵳`.replace(/u(..)/g,"$1%")))

Sep 12 2018 9:23 PM UTC

}// 133/140

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

#electric #neon #rain (redux); see d/9796

u/donbright

haha! amazing! well... maybe a bit slow on my old computer
u/donbright

damn thats cool

show FPS hide FPS share fullscreen

f8f82804

remix of d/9777 by u/f8f82804

function u(t) {

with(x){for(shadowColor=R(fillRect(0,0,i=c.width=294,i),i,i);i-=3;lineTo(i,y+32))moveTo(i-6,y=99*S(i^7*t));for(j=9;shadowBlur=j--;)stroke()}

Sep 12 2018 5:42 PM UTC

}// 140/140

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

#electric #neon #rain, as requested by u/donbright

u/f8f82804

This is the best solution I found to having them not be too fast; we only change the pattern 7 times a second. Using S() means there are occasional patterns in the drops. Change to y=99*Math.random() to see the difference.
u/f8f82804

also see d/9803
u/donbright

hee hee, thanks

dwitter.net | f8f82804 (1346)