New #minimal dweets

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

function u(t) {

x.lineWidth=4
t||x.strokeRect(712,492,496,96)
x.fillStyle=`hsl(${t}rad 90% 50%)`
x.fillRect(720+120*(t%4),500,2,80)

Jul 23 2019 4:38 PM UTC

}// 115/140

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

#rainbow #progress -- inspired by https://reddit.com/r/oddlysatisfying/comment…

show FPS hide FPS share fullscreen

f8f82804

remix of d/11936 by u/f8f82804

function u(t) {

for(x[f='fillRect'](i=-384,i,s=3e3,s);i++;x[f](960-w*4+T(t^i),-i*4,w*8,4))w=i&256?(-i*(i+256))**.5:s,x.fillStyle=i?`hsl(${i/3} 99% 55%)`:R()

Jan 25 2019 6:20 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 -- remixed and heavily golfed for a black background

u/f8f82804

should work correctly in browsers such as #safari and #edge that don't support shortened hsl(xx yy%zz% color strings
u/pavel

FYI you can drop the closing ) in the hsl, just not the s and l separator.
u/f8f82804

u/pavel: IIRC #edge requires the closing paren -- see https://github.com/lionleaf/dwitter/issues/3… (which hilariously enough references one of my very first dweets) and d/9170
u/f8f82804

oooof that link got mangled -- https://github.com/lionleaf/dwitter/issues/3…

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 fullscreen

f8f82804

function u(t) {

c.style.filter='invert(1)';x.fillStyle=`#2ea82e`;x.fill(new Path2D('M0 1080v-540h640a320 320 0 0 1 320-320 320 320 0 0 1 320 320h640v540'))

Jan 24 2019 12:34 AM UTC

}// 139/140

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

#minimal #outrun #path2d #sunset

u/mxfh

had a habit of setting up variables in a setTransform, if only there would be a shorthand for that https://www.dwitter.net/d/2119

show FPS hide FPS share fullscreen

pavel

remix of d/10516 by u/pavel

function u(t) {

c.width^=t?onmousemove=e=>X=e.x/99:X=0
for(i=99;i--;x.lineTo(960+a*S(p)/.7,540+(i&4?a:-a)))a=960/(3+C(p=(i-(i>>2))*6.28/(t&7)-X))
x.stroke()

Oct 17 2018 7:06 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 #perspective #d3 #cube #interactive

u/aleamb

awesome!

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/10512 by u/f8f82804

function u(t) {

c.width^=t?onmousemove=e=>X=e.x/99:X=0
for(i=17;i--;x.lineTo(960+a*S(p)/.7,540+(i&4?a:-a)))a=960/(3+C(p=1.57*(i-(i>>2))-X))
x.stroke()

Oct 17 2018 4:40 AM UTC

}// 134/140

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

#minimal #perspective #d3 #cube #interactive

show FPS hide FPS share 4 remixes fullscreen

f8f82804

remix of d/10511 by u/f8f82804

function u(t) {

c.width^=0;with(x)for(lineJoin='round',lineWidth=i=17;i--;lineTo(960+a*S(p)/.7,540+(i&4?a:-a)))a=960/(3+C(p=t+1.57*(i-(i>>2))));x.stroke()

Oct 16 2018 10:09 PM UTC

}// 138/140

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

#minimal #perspective #d3 #cube #fullhd

u/f8f82804

#wireframe

show FPS hide FPS share fullscreen

f8f82804

remix of d/9655 by u/f8f82804

function u(t) {

x.fillText(t,t,t)

Sep 4 2018 4:22 PM UTC

}// 17/140

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

#fixed #minimal animated dweet (without throw). Thanks to u/joeytwiddle!

u/yonatan

c.outerHTML=0 :)
u/f8f82804

u/yonatan: not animated!

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9654 by u/f8f82804

function u(t) {

x.fillRect(t,t,t,t)

Sep 3 2018 11:44 PM UTC

}// 19/140

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

#minimal animated dweet (without throw)

u/joeytwiddle

x.fillText(t,t,t) ;-)
u/f8f82804

See remix!

show FPS hide FPS share 1 remix fullscreen

f8f82804

remix of d/9652 by u/f8f82804

function u(t) {

x.fillRect(9,9,9,9)

Sep 3 2018 11:43 PM UTC

}// 19/140

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

#minimal visible dweet

dwitter.net | #minimal