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

magna

remix of d/17189 by u/yonatan

function u(t) {

for(i=c.width=300;i--;x.strokeRect(-300,i-50,600,9))x.setLineDash([i*(S(t)+1.5)])
for(i=9;i--;)x.fillRect(63+i*16+S(t)*47,63,8,31)

Jan 16 2020 1:10 AM UTC

}// 131/140

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

Compulsory #default remix

u/tomxor

:P If default were a chess piece, it could only move laterally in alternate directions each move.

show FPS hide FPS share fullscreen

username

remix of d/14849 by u/username

function u(t) {

for(c.width|=i=17;i--;x.fillRect(325+i*76+C(t)*3e2,400+S(g=(i+1)*t)*99,43,2e2))x.fillStyle=`hsl(${2*S(g=(i+1)*t/2)*32},67%,50%`

Jul 1 2019 12:17 PM UTC

}// 127/140

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

improved #default pendulums?

show FPS hide FPS share 2 remixes fullscreen

veubeke

function u(t) {

c.width^=0
for(i=190;i--;)with(x)restore(save(),translate(120*(i/11|0),i%11*120),rotate((1-i%2*2)*S(t-i/100)/2),fillRect(-45,-45,90,90))

Oct 11 2018 6:47 PM UTC

}// 136/140

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

Inspired by beesandbombs but had to switch to squares. See https://twitter.com/beesandbombs/status/1050…

u/Xen

i've been watching ;-) amazing work V x
u/vain

what for a great optical illusion

show FPS hide FPS share fullscreen

magna

function u(t) {

// Rendering
}
{
// Initialization
// a) Util function: a=(p,q)=>{
// b) Obj init: a={
// c) Just a code block: {

Oct 2 2017 3:05 PM UTC

}// 113/140

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

"Global initialization" hack

u/joeytwiddle

Oooh nice find, but naughty!

show FPS hide FPS share fullscreen

veubeke

function u(t) {

x.clip(x.arc(960,$=540,$,0,_=c.width^=0))
for(i=90;i--;x.globalCompositeOperation='xor')x.fillRect(960+C(a=i*Math.PI/45+t/4)*$,$+S(a)*$,_,_)

Jan 22 2018 8:21 AM UTC

}// 140/140

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

u/katkip

My brain exploded

show FPS hide FPS share fullscreen

firegodjr

remix of d/8105 by u/magna

function u(t) {

x.putImageData(x.getImageData(0,10,1920,1080),0,0)
for(r=i=2e3;i-=10;r+=r*t|4)x.fillText('╲╱'[r&1],i,1070)

May 15 2018 6:34 PM UTC

}// 106/140

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

Continuous maze

u/magna

Yay!
u/joeytwiddle

I see a #shiny pattern which disappears when I go to fullscreen. But not on retina displays.
u/mxfh

More maze-like though. If you're lucky you get a tunnel. https://en.wikipedia.org/wiki/Truchet_tiles#…
u/mxfh

https://en.wikipedia.org/wiki/Truchet_tiles#…

show FPS hide FPS share fullscreen

Xen

remix of d/9176 by u/Xen

function u(t) {

for(x.fillRect(0,0,i=Z=2e3,Z);i--;x.fillRect(960+Z*S(i+t/99),Y=750-750*C((i/.6+t*t)%3.14),T=12-Y/99,T))x.fillStyle=R(i<1?a=.1:a=Z,a,9,a)

Aug 8 2018 10:51 PM UTC

}// 136/140

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

#test

show FPS hide FPS share 1 remix fullscreen

magna

remix of d/33464 by u/Axioplase

function u(t) {

c.width|=0
for(X=213;X--;)for(Y=120;Y--;x.fillRect(X*9-p/2,Y*9-p/2,p,p))Z=X-44-S(t)*33,p=(Y>44&Y<68&Z>0&Z<90&Z/5&1)*4.5||S(X/4)+S(Y/4-t*4)+2

Mar 16 2025 10:32 AM UTC

}// 140/140

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

Halftone #default

u/joeytwiddle

spiritual sibling https://x.com/joeytwiddle/status/13258741193…
u/joeytwiddle

#halftone is a #hashtag

show FPS hide FPS share 2 remixes fullscreen

keithclark

function u(t) {

for(c.width=240,Z=5;Z>0;Z-=.1)for(Y=X=-60;X<60;x.fillRect(120+X++/Z*9,45-Y/Z,1/Z*24-Z,99))I=C(X*.4^Z+t*6),Y+=7*I,x.fillStyle=R(Z*50-Y*I/3)

Jul 3 2018 4:27 PM UTC

}// 138/140

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

I'm working on a version with green mountains and water but I need to shave a few bytes of this one first. Suggestions welcome

Show more comments…
u/alien

wow very nice
u/alien

is this what they call raymarching?
u/aleamb

yeeeeeeeeeeeeeeeeeeahh awesomeee!
u/aleamb

#3d #landscape #awesome
u/Agnes

Both 240, 120 and 60 are multiples of 60 so I think you can lose bytes by making 60 a constant... somehow. Right?
u/keithclark

@alien - no raymarching here. This is a cos() generated waveform, drawn from back to front.

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

remix of d/14212 by u/KilledByAPixel

function u(t) {

s=c.style
s.backgroundBlendMode='DIFFERENCE'
for(b=[i=99];i--;s.background=b)b[i]=`radial-gradient(50px at ${i}%${30*S(i+t)+50}%,#03AA,tan)`

May 27 2019 3:48 AM UTC

}// 140/140

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

Organic

u/katkip

#organic
u/Qwitter

wow!