Random dweets | Dwitter

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

show FPS hide FPS share 1 remix fullscreen

katkip

remix of d/9251 by u/Xen

function u(t) {

for(i=2e3;i--;x.strokeRect(i+C(t*i),540+250*t*S(i-(C(i*t)*t/90)),5,5))x.strokeStyle=`hsla(${i*frame/t},99%,60%,1)`

Aug 17 2018 7:32 PM UTC

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

cantelope

function u(t) {

F=(v)=>("0"+((.5+v/2)*255|0).toString(16)).slice(-2)
for(i=1e3;i--;x.fillStyle="#"+F(S(v=i/70-t*4))+F(C(v))+F(-S(v)))x.fillRect(5*i,0,5,2e3)

Jun 27 2017 11:55 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'm sure some of you can shorten this considerably.

u/alien

good sir what does F=(v)=> are you doing some functional programming here?
u/joeytwiddle

🏳️‍🌈
u/cantelope

@alien the F=(v)=> is indeed a function, using the short ES6 arrow syntax. Its purpose is to return a hex value between 0 and 255, (with a preceding 0 when value is less than 16). the hex code is then combined with 2 other hex codes to form a complete, valid color code in the form of #000000. There is a shorter way to do this but it results in exponentially fewer colors. sorry for delayed response.
u/New_Core

Using rgb colors instead of hex you dont need to struggel with converting. a=130;for(i=1e3;i--;x.fillStyle=R(a*S(v=i/70-t*4)+a,a*C(v)+a,-a*S(v)+a))x.fillRect(5*i,0,5,2e3) a here uses 130 of the 255 colors to match the same colors.
u/alien

thank you for the response @catelope

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/27149 by u/taupelink

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󝌲󜌬󪼽󜜰󞌻󪜭󛜦󙭴󟌱󞽸󛭦󪝬󫌨󚜩󮌮󨭥󩽩󫭐󨝴󪌨󮌮󩭩󫍬󤽴󮝬󩜽󤬨󪜬󞌰󚽩󚬪󭌬󝬴󚽩󚭴󛌱󛝴󚬪󭌩󚜬󮌮󨝲󨼨󦌽󜬰󝌫󪜥󜜵󚭫󛍙󟜲󚭫󚽩󙜷󚭫󛌨󜜵󜌭󪜥󜬲󚜪󚭴󛍪󟝩󚬪󜼭󜬪󪜫󭌬󪬫󜜫󜬪󚭴󚜬󫌽󞌱󛝫󚬪󭌯󝌬󮌮󬽴󬭯󪽥󤭥󨽴󚍘󛝬󛍙󛝬󛍬󚬽󜬬󫌩`.replace(/u../g,'')))

Mar 4 2023 11:57 PM UTC

}// 140/140

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

d/27157

show FPS hide FPS share 1 remix fullscreen

jamespwilliams

function u(t) {

!t?x.translate(c.width/2,c.height/2):r=Math.random;x.fillStyle=`hsla(${r()*r()*2500},99%,50%,0.3)`;x.fillRect(a=150,a,a,a);x.rotate(0.01*t)

Dec 16 2018 9:07 PM UTC

}// 140/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 1 remix fullscreen

xem

remix of d/2050 by u/xem

function u(t) {

c.style=`background:radial-gradient(#FF0,red,blue,#fff 50%);transform:rotateX(${t*9}deg)rotateY(${t*99}deg)rotateZ(${t/5}rad)scale(${T(t)})`

Mar 11 2017 12: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).

u/sfz

css masta!

show FPS hide FPS share fullscreen

aemkei

remix of d/7651 by u/Agnes

function u(t) {

for(c.width|=i=0;i++<50;x.font=`bold ${5*(i+90)}px Arial`,x.fillText("3D",f=600+(i-20)*2*S(t),f+200))x.fillStyle=R(i<42?0:255,0,0)

Apr 14 2018 6:49 PM UTC

}// 130/140

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

u/BirdsTweetCodersDweet

#threed

show FPS hide FPS share fullscreen

pallivan

remix of d/6606 by u/21medals

function u(t) {

x.fillStyle='#a10'
for(i=-t;i++<t;x.drawImage(c,c,0),i++)x.drawImage(c,i,1)
x.fillRect(890,54,i,i/t)

Feb 2 2018 9:23 PM UTC

}// 101/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 1 remix fullscreen

sanco

remix of d/25044 by u/sanco

function u(t) {

c.width=860;m=2e2;x.fillStyle=R(C(t)*m,S(t)*m,C(t)*m);for(i=0;i<1e3;i++)x.fillRect(c.width,i,-c.width,t*2)/x.rotate(2*t*Math.PI/180)

Feb 28 2022 3:33 PM UTC

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

BirdsTweetCodersDweet

remix of d/7446 by u/prplz

function u(t) {

c.width=w=800
t||(x.fillText(x[f='font']=1+x[f],0,90),d=x.getImageData(0,0,w,w))
for(i=w;i--;)x.putImageData(d,0,T(i/300+t)*9+200,i,0,1,w)

Mar 25 2018 2:53 PM UTC

}// 138/140

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

Flowing text

u/prplz

#text

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

with(x)t||translate(769,40,R=1e3),beginPath(lineWidth=9),arc(0,0,R,0,1.6),rect(0,0,R,R),stroke(),translate(0,R-(R/=1.618)),rotate(1.57)

Jan 9 2023 6:01 AM UTC

}// 135/140

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

Golden Spiral

u/cantelope

superb!
u/danny@hille.dk

Nice! I tried sonting similar, some time ago, but could not golf it and still make it look good -> this is how far i got (uncompressed): with(x)t||(a=[1,1],translate(960,540)),a.push(o=a.at(-2)+a.at(-1)),strokeRect(0,0,o,o),arc(0,o,o,4.7,0),translate(o,o),stroke(),rotate(1.57)