Dweets by u/shubshub

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

shubshub

function u(t) {

r=()=>{return 400*Math.random()};
p=R(r(),r(),r(),1),
x.fillStyle=p,x.fillRect(960+S(r())*400,500+C(t*3)*r(),1,5)

Mar 2 2023 10:40 AM UTC

}// 113/140

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

The Patient Square

u/danny@hille.dk

Arrow functions can be simplified, if you only have one argument you don't need parentheses, and if your result can be expressed as a a single line you don't need curly brackets and return
u/danny@hille.dk

so r can be simplified to: r=_=>Math.random()*400
u/danny@hille.dk

Since you are using the custom random function more than four times, you can go even further with the golf. You can use a trick where you override the valueOf on an object; normally, you need to create an object, but since you don't use the trigonometric function T, you can use it like this: T.valueOf=_=>400*Math.random() x.fillStyle=R(T,T,T) x.fillRect(960+S(T)*400,500+C(t*3)*T,1,5)
u/danny@hille.dk

u/magna used this trick in d/22152
u/_louis

Thank you for the advice, Danny! ;-)

show FPS hide FPS share fullscreen

shubshub

function u(t) {

c.width^=0;for(i=0;i<10;i++)x.arc(960,540,500+S(t+i)*100,1,x.lineWidth=9-i,x.strokeStyle=R(S(t+i)*999,C(t+i)*255,T(t+i)*255,1),x.stroke())

Feb 23 2023 9:40 AM UTC

}// 138/140

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

Artifacts of the Void

u/donbright

love a good use of arc

show FPS hide FPS share fullscreen

shubshub

function u(t) {

c.width=1920;x.lineWidth=2;x.strokeStyle=R(0,0,0,0.5);for(i=0;i<400;i++)x.strokeRect(i*5,S(t/1-i)*1080,1,10)

Feb 15 2023 10:14 AM UTC

}// 109/140

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

The Rains Fall down in GPT

show FPS hide FPS share fullscreen

shubshub

function u(t) {

c.width=1920;x.beginPath();x.moveTo(960,540);for(let i=0;i<30;i++){x.lineTo(960+300*S(t/5+i/5)*C(t+i),540+300*C(t/5+i/5)*S(t));}x.stroke();

Feb 15 2023 9:29 AM UTC

}// 140/140

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

Snake, by ChatGPT

show FPS hide FPS share 1 remix fullscreen

shubshub

function u(t) {

c.width=1920;for(i=0;i<1920;i+=20) {x.fillStyle = R(255, i/1920*255, i/3840*255, 0.8); x.fillRect(i, 540+S(t/2+i/200)*100*C(t/2+i), 20, 20)}

Feb 15 2023 9:24 AM UTC

}// 140/140

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

The Mystic Squares with help from ChatGPT

show FPS hide FPS share fullscreen

shubshub

function u(t) {

c.width=1920;for(let i=0;i<10;i++){let y=999*S(t/2+i/5)*S(t/3+i/5),r=60*S(t/5);x.beginPath();x.arc(100+i*200,y,r,0,2*Math.PI);x.fill();}

Feb 15 2023 9:19 AM UTC

}// 137/140

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

Wavy Bouncy Balls, Brought to you by the help of ChatGPT

show FPS hide FPS share fullscreen

shubshub

function u(t) {

c.width=1920;let y=999*S(t/3)*S(t/2),r=50+30*S(t/5);x.beginPath();x.arc(90,y,r,0,2*Math.PI);x.fill();

Feb 15 2023 9:10 AM UTC

}// 102/140

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

ChatGPT helped make this

show FPS hide FPS share fullscreen

shubshub

function u(t) {

with(x)for(c.width|=i=20;i>0;i--)
fillRect(900+C(i)*S(t)*1000,400-(t),50,200)

Jan 15 2022 10:46 AM UTC

}// 77/140

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

Just kinda playing around with the default code

u/taupelink

Welcome to Dwitter--nice variation on #default!
u/magna

We all kinda play around all the time ;)

show FPS hide FPS share fullscreen

shubshub

function u(t) {

for(Y=(i=X=(c.width=2e3)/2)/2;i--;)r=Math.random()*i,x.beginPath(),x.arc(X+r,Y-r,r/t+i,t,6,0),x.fillStyle=`rgb(${i},${r},${t+i})`,x.fill()

Jan 15 2022 6:14 AM UTC

}// 138/140

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

My first attempt at a dweet, Enjoy

u/shubshub

It vaguely gives me Meteor falling to Earth Vibes, Maybe I should take a crack at that
u/rep_movsd

Nice, but very heavy
u/shubshub

@rep_movsd I made it by first drawing a simple circle, Then just playing around with different variables

You've reached the end.

dwitter.net | shubshub (28)