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 fullscreen

Qwitter

function u(t) {

w=500;x.fillStyle=R(w*C(t),9,w*S(3*t));x.fillRect(0,0,9**t,9);for(k=6;k--;){x.setTransform(C(k),S(k),-S(k),C(k),w,w);x.drawImage(c,0,0,w,w)}

Jan 29 2018 8:31 AM 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

rodrigo.siqueira

remix of d/24924 by u/rodrigo.siqueira

function u(t) {

with(x)for(i=999;i--;fillRect(~setTransform(s=1e4/i/t,0,0,s,965+5*s*C(F=T(i/t)),390+t*i/5+s*S(F)*3),S(i),G=.4/t,G))fillStyle=R(i,i/2,i/t,.3)

Mar 4 2022 2:55 AM UTC

}// 140/140

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

Vortex of Singularity

u/e4494s

WOW!

show FPS hide FPS share fullscreen

taupelink

remix of d/25574 by u/taupelink

function u(t) {

for(k=577,m=t?0:5e4;m--;x.fill())i=m%k,Y=m**5/7%k,x.beginPath(x.fillStyle=R(j=i/3+i*S(Y**.7)/6,j,j,m*m/5e6)),x.arc(960+k*S(m),Y*2,j/9,m-4,m)

Jun 1 2022 9:17 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/25582

u/taupelink

very similar to d/25574 but uncompressed by making it fill (as opposed to stroke with varying widths) and monochrome

show FPS hide FPS share fullscreen

Barth

function u(t) {

y=t*100;for(i=0;i<100;i++)x.fillRect(S(t+i)*100+(50*i)-100,y%1080,5,5);x.fillStyle=`hsl(${i+t*250},100%,75%`;

Apr 25 2018 7:36 AM UTC

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

robbyg

remix of d/16280 by u/robbyg

function u(t) {

with(x)for(rect(0,440,a=c.width|=0,a),clip(arc(960,350,300,0,7)),i=60;i--;fillStyle=R(z=250-i*6,z/2,i*i))fillRect(0,i*40,a,25+i/2)

Oct 24 2019 2:42 PM UTC

}// 130/140

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

Back up to higher res. #synthwave

u/katkip

now the circle is a circle
u/katkip

clever use of clip

show FPS hide FPS share fullscreen

rodrigo.siqueira

remix of d/17175 by u/pavel

function u(t) {

for(i=c.width|=p=1.571;i--;x[i&5?'arc':'moveTo'](960,540,2e3/z,b=p*((i>>3)+S(i*p)/1.5-.4+z/.3),b))z=1+(i>>5)+C(i*p-t/8);x.fill()

Jan 13 2020 5:09 PM UTC

}// 128/140

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

Spiral interferences

u/rodrigo.siqueira

#spiral broken glass

show FPS hide FPS share fullscreen

Pascal

remix of d/21656 by u/Pascal

function u(t) {

w=960;for(i=w;i--;x.fillRect(w+w*(S(i+t)+S(a=t+i/2))/2,w+(C(i+2*t)*C(i*3+t)+C(a+t)*T(a+t/2)-2)/5*w,4,4))x.fillStyle=R(0,99,99,.02)

Feb 12 2021 5:07 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/Xen

love it!

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/18171 by u/BriSeven

function u(t) {

s=30,c=240
for(i=0;i<64;i++)for(j=0;j<36;j++)
x.fillStyle=R(((n=(i^j))<(m=(S(t)+1)*20))*c,(n<m-20)*c,(n>m+20)*c),
x.fillRect(i*s,j*s,s,s)

Apr 7 2020 5:45 AM UTC

}// 138/140

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

plot the XOR binary operator with a posterising effect.

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/21809 by u/rodrigo.siqueira

function u(t) {

for(c.width|=i=300;i--;c.style.filter="blur(5vh)contrast(70)sepia(.6")x.fillStyle=R(i),x.fillRect(980,75+2**(T(i/2+t/170)/9),200*S(i-t),200)

Dec 2 2024 5:41 PM UTC

}// 140/140

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

Just one more drop #blood

u/SockTaters

Huh, the drops look red on my iPhone but brown in Chrome on Windows
u/tomxor

It's going to be a CSS parsing difference for sepia(.6 in Webkit. Gecko and Blink's CSS parser allow values involving syntax with parens to be interpreted without explicitly closing e.g hsl(0 0 50 is another. AFAICT the spec doesn't explicitly say this is required, but nether does it say it's ok to not close parens.

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/23876 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󨼮󭽩󩍴󪍼󟝳󟝧󟝪󟜰󞼫󚽪󟌸󞼩󩭯󬬨󭼽󪜽󝍥󜼬󬜽󪬭󜬬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󭬽󬜿󞜹󛝪󚬱󝜺󭼬󭬬󭬩󛍤󟝪󚬹󞜫󭌪󜬰󚭱󚬪󜭼󜌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚍩󚭪󛍱󟽪󟬱󟼲󝜰󚽧󚬲󚽪󚭪󚬱󝬺󜌺󬬪󜜵󛍪󛍱󟽷󞬲󚜩󩼫󟝳󟜨󬬽󚼫󩌪󚬱󛬳󚬱󩜹󙜴󜌩󟌴󟽲󛜲󞭳󛝧󛼲󩜳`.replace(/u../g,'')))

Sep 20 2021 2:50 AM UTC

}// 139/140

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

Parallax Mountains ⛰️

Show more comments…
u/KilledByAPixel

These are non-repeating mountain ranges, using a similar formula used in my #JS13k game Space Huggers
u/rep_movsd

#parallax #landscape
u/rodrigo.siqueira

The first game where I saw this effect was in Moon Patrol, I liked it a lot, it was great and also had a great music. I think it would not be difficult to recreate Moon Patrol from this Dweet.
u/andrea270872

moon patrol ate so many of my coins!! :D
u/tomxor

Pretty sure I first saw the effect in StarRay (Atari ST), I think I enjoyed the music more than the gameplay, no coins though :P
u/vain

Very cool and smooth paralax landscape