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

metamero

function u(t) {

for(c.width|=k=0,z=72;k<447;k++)i=k>>4,j=k&15,i+j&1?0:x.rect(p=z*i,q=z*j,z,z)
x.fill('evenodd')

Dec 2 2018 3:47 PM UTC

}// 95/140

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

double for technique i learned around here

show FPS hide FPS share fullscreen

MrFreezz

function u(t) {

for(c.width=1920,i=2e3;i--;x.fillRect(960+r*C(j),540+r*S(j),k,k))j=i*i/2e4+t,r=S(i/1e3-t)*i,k=i/40,x.fillStyle=R(255,i/9,i%7?0:150)

Mar 15 2026 4:56 PM UTC

}// 131/140

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

#food #fruit

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/20815 by u/rodrigo.siqueira

function u(t) {

for(i=3e3,f=g=>i*C(i*i)*g(i+t*(t>4));i--;x.fillRect(960+f(S)*C(t/3),540+f(C)*C(t/3),1,.5))x.fillStyle=R(i,i/9),c.style='filter:invert('

Nov 28 2020 5:01 PM UTC

}// 135/140

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

Starry night swirl #spiral

u/jellyedwards

Wow that's beautiful! #waitforit
u/ElderLord7777

how do I see the code?

show FPS hide FPS share fullscreen

donbright

remix of d/1755 by u/SpecialAgent

function u(t) {

n=frame
q=n%2?400:289.2
d=n%2?2*t:2*t/.61518
X=960+q*C(d),Y=540+q*S(d)
n%4?x.moveTo(X,Y):x.lineTo(X,Y)
x.stroke()
x.fillRect(X,Y,9,9)

Mar 3 2017 2:36 AM UTC

}// 133/140

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

This shows the pattern traced by a line directly between the Earth and Venus as they orbit the sun. This pattern is pretty ancient, for example discussed in the book Quadrivum about the old academic relationships between art and science. This type of pattern may be helpful to appreciate the concept of Orbital Resonance in a planetary system.

Show more comments…
u/donbright

thx to https://nssdc.gsfc.nasa.gov/planetary/factsh… for the data
u/sfz

Fascinating
u/donbright

inspired by @SpecialAgent obvs!
u/SpecialAgent

This pattern is very pleasing to the eye, very nicely done!
u/sigveseb

This space stuff is nice!
u/Lazy1337

#cardioid
u/Lazy1337

#math
u/donbright

#venus #space #orbits

show FPS hide FPS share 1 remix fullscreen

bepisTM

function u(t) {

c.width=960,x.font="30px Tahoma"
for(i=30;i--;x[f](s[i%7],900-w,v))x[f='fillText']((s="dwitter")[(i+3)%7],w=450-99*S((i+2*t)*.39),v=23+i*20)

Jan 25 2018 6:33 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/aleamb

coool!
u/BirdsTweetCodersDweet

Whoa!
u/bepisTM

!! vertically scrolling version at https://www.dwitter.net/d/6520

show FPS hide FPS share fullscreen

danny@hille.dk

function u(t) {

for(w=Y=34;Y--;)for(X=61;X--;x.fillStyle=`hsl(${(S(X/(f=S(t)*3+9))*C(Y/f)-t)*180+180} 99%55%`)x.fillRect(X*w,Y*w-w,w,w)

Jan 17 2021 3:10 PM UTC

}// 119/140

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

psychedelic pixels

u/danny@hille.dk

WebGl version -> http://glslsandbox.com/e#70784.1

show FPS hide FPS share fullscreen

taupelink

remix of d/23760 by u/taupelink

function u(t) {

for(i=q=k=810;--i;x.fillRect(k*X,k-q*Y,-i/v,q*Y/v))f=i*t,X=f*f%5,Y=X*f%4-2,x.fillStyle=R(s=q+i*Y*.4,q^=-s,q^=255,(k+q)*(Y+3)**2/4e4),v=4**t

Sep 6 2021 6:21 AM UTC

}// 139/140

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

d/23766

u/rep_movsd

You need to write a blog about this particular technique
u/taupelink

i'd like to, but it would take time (i'm a super slow writer) and it's honestly not a priority at the moment. I can at least say this: Part of how I get four vertical bands is having Y range from less than -1 to greater than 1 (in this case, -2 to 2). Multiplying or dividing by Y then has four effects: stretch or compress, do or do not reverse sign
u/rep_movsd

A one page breakdown would be nice, or perhaps I'll write one
u/taupelink

ah ok...like a line-by-line explanation? that's doable...i'll write something up next weekend!

show FPS hide FPS share fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󬬽󬬽󟭍󨝴󪌮󬭡󫭤󫽭󚌩󚬲󩜳󯌰󒭘󟝲󚍙󟝲󚍤󟝲󚌩󚜩󒭄󟜨󦌬󦜩󟜾󘝸󛭧󩝴󢝭󨝧󩝄󨝴󨜨󦍼󜌬󦝼󜌬󜜬󜜩󛭤󨝴󨝛󜽝󒭳󟜵󛽴󚼱󚽤󛼱󩜳󒭦󫽲󚍩󟜲󩜳󞽄󚍘󛍙󚜦󙭩󛜭󞼩󩌥󜬿󦌭󛜺󦜭󛜊󩭯󬬨󪜽󜭥󜼻󡌨󦌫󬼬󦜫󬼩󙬦󪜭󛜻󩌥󜬿󦌫󚼺󦜫󚼊󚝸󛭦󪝬󫍒󩝣󭌨󦌬󦜬󬼬󬼩`.replace(/u../g,'')))

Jan 1 2025 11:14 PM UTC

}// 140/140

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

Dividing Lines - #Genuary Day 1 - Vertical or horizontal lines only.

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

for(T[2931]=i=6001;i--;T[i]&!(T[d+=i]|T[d+e]|T[d-e])&&x.fillRect(i%99*20,i/5,21,T[d]=21))d=(Math.random(e=1)*4|0)*2-1,d>1?d=(d-4)*99:e=99

Dec 20 2020 6:09 AM UTC

}// 137/140

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

Maze Growth

Show more comments…
u/Xen

nice!
u/rodrigo.siqueira

I was not able to remix because it's a self-destructive code that can run only once.
u/pavel

Use u instead of T to store the data. u does not persist between edits.
u/KilledByAPixel

ah thanks pavel, good call
u/akx

This reminds me of an algorithm I discovered in 2012: https://akx.github.io/spacefill/spacefill.ht…
u/rodrigo.siqueira

It reminds me of the brain's synapse formation process (synaptogenesis) and neural embryogenesis. May be a similar algorithm (but in 3D or in higher dimensions) could be used in the simulation of stochastic neural networks.

show FPS hide FPS share fullscreen

sawaxon

function u(t) {

c.width=1920;
for(j=2;j<40;j++)for(i=0;i<1990;i++,x.fillStyle=R(j*10,i/10,j*10))x.fillRect(i + S(t),j*51+S(t)*800-400, 1, 50)

Feb 28 2017 12:13 PM UTC

}// 125/140

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