Dweets awesomed by u/mchll.bd

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 1 remix fullscreen

kchplr

function u(t) {

x.fillStyle='#0001';for(x.fillRect(0,0,2e3,2e3),i=0;i<6.29;Y=S(i*2+t),X=(C(2*i)+C(t+i+Y)),x.clearRect(960+X*450,536+Y*500,20,9))i+=.002

Aug 5 2017 2:42 PM UTC

}// 135/140

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

A glowy curve, inspired by the inverted colors of https://www.dwitter.net/d/3015 by Cantelope

u/kchplr

Noticed it is very slow in firefox, has lot of artefact on Safari and doesn't even render properly in stable Chrome. The only browser rendering it correctly is Chrome Canary. Oh, well.
u/kchplr

Here is a version which renders correctly on stable Chrome : for(x.fillStyle='rgba(0,0,0,.1)',x.fillRect(0,i=0,2e3,2e3);i<7;Y=S(i*2+t),X=(C(2*i)+C(t+i+Y)),x.clearRect(960+X*450,536+Y*500,20,9))i+=.002

show FPS hide FPS share fullscreen

hscells

function u(t) {

w=c.width=1920
s=82
for(i=0;i<w;i+=s)for(j=0;j<29;j++)x.fillStyle=`hsla(200,99%,60%,${j/9}`,x.fillRect(i,999-C(t-j)*50-j*s/2+S(i+t)*20,s,s)

Apr 23 2017 8:56 AM UTC

}// 139/140

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

shoreline

u/donbright

very calming to watch this
u/joeytwiddle

I feel this would fit nicely in a retro pixel-art game

show FPS hide FPS share fullscreen

MrM@_S

function u(t) {

if(!t)c.width=K=600
onmousemove=e=>{E=e.pageX;X=e.pageY}
x.fillRect(E,X,9,9)
x.putImageData(x.getImageData(0,0,K,K),t&20,0)
x.globalAlpha=.1

Apr 13 2017 5: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).

next is a simple drawing editor

u/MrM@_S

Use your mouse to draw
u/joeytwiddle

Spraycan on the move!
u/iverjo

#interactive

show FPS hide FPS share 1 remix fullscreen

nonce

remix of d/2299 by u/nonce

function u(t) {

with(x)font='1450px Arial',lineWidth=5,strokeStyle=R(255,S(t*5)*200,S(t*5)*255),strokeText('❤',300,999),drawImage(c,5,4,1910,1072)

Mar 28 2017 3:10 AM UTC

}// 130/140

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

There are so many fun things to try. Try changing the ❤ to different letter or symbol. Also if you make the G,B out of sync it goes funky.

u/nonce

Try strokeStyle=hsl(${t*500},99%,50%) also
u/cantelope

nice!

show FPS hide FPS share fullscreen

FireFly

function u(t) {

for(c.width|=0,i=3e3;Y=i-->>6;((X*(Y^X)*(1-C(t/4))/99&15).toString(D=30)>"082ac4e63b19f7d5"[Y%4*4+X%4])&&x.fillRect(X*D,Y*D,D,D))X=i&63

Mar 7 2017 11:21 PM UTC

}// 135/140

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

Dithering as a stylistic effect

u/nick

Fucking tight!
u/joeytwiddle

#diither

show FPS hide FPS share fullscreen

veubeke

remix of d/1893 by u/veubeke

function u(t) {

for(i=1920;a=i--/400;x.fillRect(i,t*70+_*15+i*i%t,1,99))_=C(a+t)*3+C(a-t)*8-8,x.fillStyle=t<6?'#cef':`hsl(${170-t*4},80%,${40-t*2-_+S(_)}%)`

Mar 5 2017 7:51 PM UTC

}// 140/140

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

Show more comments…
u/sfz

Pastoral
u/tomkh

cool procedural-gfx in 140 chars !
u/sigveseb

blue skies! grass looks less 3d now though, which I guess is the price for those extra characters.
u/veubeke

I’ve made a second version with different trade-offs. I like both for different reasons. https://www.dwitter.net/d/1911
u/donbright

amazin
u/joeytwiddle

#landscape #scene
u/katkip

#realistic

show FPS hide FPS share 1 remix fullscreen

AaronGiles

function u(t) {

c.width|=0;w=960;h=540;for(z=0;z<6.28;z+=0.05)i=S(t)*S(t)*7,s=S(t-z),o=C(t+z),x.fillRect(w+(w-70*i)*s,h+(h*s-50*i)*o,15,15)

Mar 2 2017 5:56 AM UTC

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

sawaxon

remix of d/1582 by u/sawaxon

function u(t) {

c.width=1920;x.font='120px Monaco';
for(i=0;i<190;i++)
x.fillText(String.fromCharCode(81181),i*Math.sqrt(i),S(t)*600+S(i*2+t*2)*200+500);

Feb 28 2017 4:50 PM UTC

}// 137/140

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

u/Lappi

kappapride

show FPS hide FPS share fullscreen

tomkh

remix of d/1358 by u/tomkh

function u(t) {

for(q=c.d=c.d||[],k=4e3;k--;)x.fillStyle=R(q[k]=k<80?500*Math.random():.47*(q[k-80]+q[k-79]),0,40,.2),x.fillRect(k%80*24,(45-k/80)*24,24,24)

Feb 25 2017 11:44 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/iverjo

Very good!
u/SpecialAgent

Brings back memories :)
u/joeytwiddle

#fire

show FPS hide FPS share 8 remixes fullscreen

iverjo

remix of d/104 by u/iverjo

function u(t) {

c.width^=0;for(i=9;i<2e3;i+=2)s=3/(9.1-(t+i/99)%9),x.beginPath(),j=i*7+S(i*4+t+S(t)),x.lineWidth=s*s,x.arc(960,540,s*49,j,j+.6),x.stroke()

Feb 24 2017 6:47 PM UTC

}// 138/140

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

Show more comments…
u/SpecialAgent

my hat goes off to you sir!
u/Kalanchoe

That's unbelievable
u/iverjo

Try this one in fullscreen for a more immersive experience
u/Niklas

impressive!
u/donbright

:)
u/aendrew

This is incredible.
u/vonzo

reminds me to Gescom <3
u/hvge

http://www.pouet.net/prod.php?which=3397 ❤️
u/badthai

How did you come up with this?
u/iverjo

@badthai: First I made a classic tunnel effect (like this: https://www.dwitter.net/d/205). Then I made several remixes of it by tweaking parameters. This was one of the results. See also https://www.dwitter.net/d/106
u/iverjo

#tunnel
u/vain

cool segmented tunnel fly

dwitter.net | mchll.bd (710)