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

KilledByAPixel

remix of d/21799 by u/KilledByAPixel

function u(t) {

c.before`🟥🟧🟨🟩🟦🟪`

Mar 3 2021 9:07 PM UTC

}// 16/140

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

Rainbow 🌈 #16Bytes

u/Xen

love it!
u/KilledByAPixel

I should say 16 characters, its actually 34 bytes!

show FPS hide FPS share fullscreen

AnnanFay

remix of d/6784 by u/silver_bear

function u(t) {

l=c.width|=a=12
with(x)for(;a-=3;fillRect(-9,6,18,-a*50))setTransform(r=C(θ=(0|Date().slice(13+a,15+a))*.524/(a>3?5:1)),n=S(θ),-n,r,l/2,l/4)

Feb 8 2018 4: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).

First time using setTransform, seems useful. .524/(a>3?5:1) is shortform for Math.PI * 2 / (a>3?60:24).

u/AnnanFay

Hmm, just noticed a few things. Would be smaller without with(x) since there's only two method calls. Also we don't need the 0| after the slice because the division will cast for us. So that's 7 characters.
u/akm

You can also remove some parentheses and the l variable: for(c.width|=a=12;a-=3;x.fillRect(-9,6,18,-a*50))x.setTransform(r=C(θ=Date().slice(13+a,15+a)*.524/(a>3?5:1)),n=S(θ),-n,r,960,540)
u/silver_bear

Impressive that you managed to fit both seconds and real hands. Seems I lack a bit of syntax creativity. Nicely done! :)
u/iverjo

#clock

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

for(i=c.width|=w=128;i--;)x.fillStyle=R(w+w*S(m=i+t*2),w+w*C(m),w+w*C(t*5+i)),x.fillRect(i,540+S(m)*(200-i/9.5)+S(i/200-t*3)*w,z=9+C(m)*9,z)

Apr 7 2022 5:25 PM UTC

}// 140/140

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

Gay dragon (tail)

show FPS hide FPS share fullscreen

elochimsiemasz

remix of d/17882 by u/elochimsiemasz

function u(t) {

e=(p,q,w)=>{x.fillStyle=R(q*9,w*9,p);x.fillRect(q*23,i*135,p*p+q,p*p+q)}
for(i=0;i<9;i++){y=t+i/1;a=S(y)*40;b=C(y)*40;e(255,a,b);e(24,b,a);}

Mar 9 2020 11:46 PM UTC

}// 140/140

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

Don't ask me how this works

show FPS hide FPS share fullscreen

gpolonus

remix of d/13143 by u/gpolonus

function u(t) {

for(h=-99,c.width=200;h<200;h+=9)for(w=0;w<200;w+=20)for(i=0;i<6;i++)p=f=>w+f(t+i*1.05)*15,x.moveTo(w+h,w),x.lineTo(h+p(C),p(S))
x.stroke()

Apr 9 2019 11:23 PM UTC

}// 139/140

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

Windmills with one less character

show FPS hide FPS share fullscreen

warbino

remix of d/33641 by u/Axioplase

function u(t) {

for(i=32e4;i--;){Y=Math.floor((i-2e4)/(t*t));X=i%400-48;Z=90;if((X*X/Z)+(Y*Y/Z)<1000*900)x.fillRect(980+Y,300+X,t*2,5*t)}

Apr 25 2025 3:17 PM UTC

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

trupples

function u(t) {

t||(r=31,c.width=innerWidth,x.globalCompositeOperation='xor',c.onclick=e=>x.fillRect(e.x&~r,e.y&~r,r,r))

Jan 6 2018 9:08 PM UTC

}// 104/140

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

Another drawing thingy

u/sigveseb

clever to use xor
u/iverjo

#interactive

show FPS hide FPS share fullscreen

katkip

function u(t) {

t||(c.width=500);f=frame;pi=Math.PI;for(i=9;i--;)x.fillRect(250+C(i*f*S(f)/999+pi/2)*f,250+S(i*f*S(f)/999-pi/2)*f,1,1)

May 11 2019 5:31 PM UTC

}// 118/140

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

Tree from my golfing website. #tree

show FPS hide FPS share 1 remix fullscreen

LimeLaser

function u(t) {

f=60*t|0
u=f/1080
v=1-u
w=(b,c,d)=>255*(3*v*v*u*b+3*v*u*u*c+u**3*d)
x.fillStyle=R(w(0,1,1),w(.7,1,0),w(1,0,0))
x.fillRect(0,f,2e3,1)

Apr 28 2024 4:35 AM UTC

}// 132/140

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

Bezier Sunset Gradient

u/cantelope

"bezier" tho? 🤔
u/andrea270872

Perhaps the function w is based on a Bezier curve between 4 points?
u/andrea270872

(like they say here... https://javascript.info/bezier-curve )?
u/LimeLaser

Yeah, the w function should be a cubic Bezier evaluation, but I had to cut out the a*v**3 term to fit the character limit.

show FPS hide FPS share 1 remix fullscreen

thenize

remix of d/31863 by u/Villevann

function u(t) {

for(j=2e3;r=j--/(j%(t/90+2)*T(t));x.fillRect(j,9,.1,2e3))x.clearRect(C(j)*r+920,S(j)*r+500,r/=50,r)

May 24 2024 4:54 PM UTC

}// 99/140

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

u/warbino

awesome!
u/mhi

if youre gonna remix at least make it better
u/cantelope

@mhi, without specific corrections or ideas, criticism isn't constructive. for example, this is constructive criticism about your comment. please keep the spirit positive thank you