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

jylikangas

remix of d/11093 by u/jylikangas

function u(t) {

eval(unescape(escape`景爨挮睩摴栽圽椽㔱㈬琪㵷㴹㤻ⴭ椻硛晝⠨吽㈵㘫匨琭⴯眩⩩⤭稬娽眫稬稪㈬稯㴹⤬琦ㄶ☦硛䙝⡔ⱚⱺⱺ⤩稽㉥㌯椬硛䘽❣汥慲剥捴❝⡩⨪㌥ㅥ㌭启㐬椬ⅸ学㴧晩汬剥捴❝⠡硛晝⡩ⰰⰱⰱ㄰⤬眫稬圬匨琯㐩⤬ㄩ`.replace(/u(..)/g,"$1%")))

Nov 20 2018 7:20 PM UTC

}// 140/140

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

Highway At Night: Dwitter edition

u/jylikangas

https://js1k.com/2014-dragons/demo/1951
u/cantelope

hawt
u/iverjo

Holy smokes!
u/Joachim

#road #night
u/jdspugh

Wow

show FPS hide FPS share 1 remix fullscreen

ciaccodavide

function u(t) {

x.beginPath()
x.lineWidth=20
x.strokeStyle='hsla('+9*t%360+',99%,60%,.4)'
f=a=>x.lineTo(i%1920,i%1080)
f(),f(i+=99)
x.stroke()}{i=0

Jan 21 2021 10:02 AM UTC

}// 131/140

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

Bouncing lines

u/ciaccodavide

#noloop

show FPS hide FPS share 2 remixes fullscreen

taupelink

remix of d/27134 by u/taupelink

function u(t) {

eval(unescape(escape`景爨椽ㅥ㐻椭ⴻ砮晩汬剥捴⠶〪堬㘰⩙ⰲ⩙⭦☱ⰲ⩘⭦┱⨴☱⤩堽椪椪琥㈰⬶ⱙ㴹⬶⩃⡩⩴⤬昽⠨夥⡘┴簴⤭堥⡙┴簴⤭夥㐩⤪⨲⼴ⱸ⹦楬汓瑹汥㵠桳氨⑻㔪⨨㐫昦㔩紬⑻㌰⬱㔪䌨昩紥Ⱔ笶〭春ㄪ㈰紥⥠`.replace(/u([^D].)/g,'$1%')))

Mar 11 2023 8:24 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/27189

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/28101 by u/rodrigo.siqueira

function u(t) {

for(c.width<<=i=2e4;i--;x.fillRect(960+C(K=i+t/4+1/a)*740*a,540+S(K)*490*a,30*a,30*a))a=(i/C(i*2)+t/6)%2-2

Jul 7 2023 9:46 PM UTC

}// 106/140

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

The double spiral vortex #vortex #spiral

u/UEZ

looks great, maybe inverted colors would be nicer.
u/UEZ

no, inverted doesn't look better imho ^^
u/NoName

very fun

show FPS hide FPS share 1 remix fullscreen

function u(t) {

c.width|=0;d=new Date(1986,10,9),n=new Date(),f=31536e10,P=Math.PI/2;x.arc(960,540,5e2,-P,4*P*(n-d)/f-P,1);x.lineTo(960,540);x.stroke()//10k

Jan 3 2018 6:00 AM UTC

}// 140/140

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

https://en.wikipedia.org/wiki/Clock_of_the_L…

u/iverjo

#clock
u/rg

#time

show FPS hide FPS share fullscreen

taupelink

remix of d/23806 by u/taupelink

function u(t) {

k=120;for(i=k;i--;)
f=97*i*t,X=f*f%16,Y=X*f%9,
x.fillStyle=R(q=i*2,q*=1+S(X*.6),q*=1-S(Y*.8+1.2),q**-t),
x.fillRect(k*X,k*Y,k/5**t,i)

Sep 8 2021 1:50 AM UTC

}// 133/140

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

d/23810 figure 2

Show more comments…
u/taupelink

Changes from figure 1:
u/taupelink

f=97*i*t: I added the "97*" to improve the quasi-random numbers. If you omit it from this dweet, then artifacts appear reflecting small values of f.
u/taupelink

q*=1+S(X*.6): I added the "*.6" to zoom in horizontally. I wanted the picture to have just one vertical red bar.
u/taupelink

q*=1-S(Y*.8+1.2): vertical zoom and translation, positioning the green bars so they look a little like riverbanks. The constants here were found entirely by trial-and-error.
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

q**-t: This dweet uses RGBA rather than RGB. Changing the alpha formula can create or destroy an image, or otherwise dramatically affect its appearance. Varying
u/taupelink

Varying alpha inversely with brightness can create interesting effects. Here, it varies with t as well. This contributes to the texture of the river. Again, I came across this formula by trial-and-error.
u/taupelink

So that's how I ended up with a red bridge across a river. An inky shadowy red river bridge, if you will.
u/taupelink

(sorry about the repeated comment above...if a moderator could delete those, and this request comment, that'd be great. Thank you!)
u/taupelink

More about how the q**-t works: the taller, brighter blues are more transparent. The shorter, darker ones stand out more, appearing as dark horizontal lines.

show FPS hide FPS share 1 remix fullscreen

warbino

remix of d/33751 by u/warbino

function u(t) {

x.fillRect(900,0,2e3,9e3*t)
for(i=9e2;i--;x.fillRect(960+9*s/C(i),540+3*s/S(i),s,s))x.fillStyle=R(c=600*S(t+i*i),c*3,c*4,.07),s=(i/t*90)%500

May 8 2025 6:31 PM UTC

}// 140/140

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

parallelism

show FPS hide FPS share fullscreen

Xen

function u(t) {

x.fillStyle=`hsl(${t*159},90%,50%)`,x.drawImage(c,0,Z=13*S(t))
x.fillRect(0,Z>1?1:1079,2e3,2)

Dec 29 2017 7:51 PM UTC

}// 93/140

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

color test.

show FPS hide FPS share 2 remixes fullscreen

BackendForth

function u(t) {

v=Math.random
for(i=4999;i--;)x.fillRect(1920*v(),1080*v(),9,9)
a=1080*v()
if(v()<.04)for(i=1080;i--;){x.clearRect(a,i,9,9)
a+=(v()-.5)*9}

Feb 28 2021 3:59 PM UTC

}// 138/140

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

#lightning

u/magna

Great technique!

show FPS hide FPS share fullscreen

Foldster

function u(t) {

c.width+=0
for(i=0;i<100;i+=1.1+S(t/5))
{r=10*1.15**i;y=r*C(i);z=r*S(i)
x.fillRect(y+1000,z+500,-y/2,-z/2)}

May 18 2020 6:35 PM UTC

}// 107/140

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

Back to the Past