Dweets awesomed by u/lionleaf

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

alice-mx

function u(t) {

for(var i = 1; i < 10; i++)
for(var c = 1; c < 5; c++)
x.fillRect(i*210+S((t*i/5)*i)*100,210*c+C(t*c/5)*100,5,5)

Oct 24 2018 7:17 AM UTC

}// 113/140

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

u/lionleaf

Some really nice patterns if you let it run

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/10629 by u/yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='difference';for(b=[i=9];i--;s.background=b)b[i]=`radial-gradient(at ${50+S(t+i)*50}%${i*9}%,#fed,#012 50%)`

Oct 24 2018 7:13 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 more comments…
u/lionleaf

Wow! That's trippy and cool looking :D Looks like an oil spill or something #plasma #oil #oil_spill
u/joeytwiddle

Great!
u/tomxor

Neat, looks like #diffraction and #Interference, I guess it is litterally the later.
u/katkip

cool
u/Purpzie

Still seems to look the same without s.backgroundBlendMode='difference'
u/yonatan

Dwitter doesn't reset CSS styles when you edit the code. Try making it '' instead of 'difference'
u/lionleaf

u/yonatan Oh, I guess that's a bug.
u/DataMeta

Absolutely incredible

show FPS hide FPS share 1 remix fullscreen

lionleaf

remix of d/10000 by u/lionleaf

function u(t) {

 for(c.width|=i=8;i--;x.fillText('Webhooks'[i],i*249,690+S(t*9+i)*99))x.font=T(-t+i/9)*3e2+'px x',x.fillStyle=`hsl(${t*i*t},50%,50%`

Oct 24 2018 6:43 AM UTC

}// 132/140

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

New dweets are now posted on Discord :D

u/lionleaf

Work in progress, https://github.com/lionleaf/dwitter/pull/418 , but I did a cheeky early deploy. Seems to be working right now, but might get temporarily disabled
u/magna

Woot!
u/lionleaf

#text
u/katkip

#feature

show FPS hide FPS share fullscreen

lionleaf

function u(t) {

c.width=1920 // :D Webhooks?
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // Just a quick little test

Oct 24 2018 6:39 AM UTC

}// 115/140

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

test

u/lionleaf

#hashtagfail test http://www.example.com/site#test
u/BriSeven

hi nice to meet you. I’m Bri Seven

show FPS hide FPS share fullscreen

Xen

function u(t) {

for(c.width|=i=299;i--;x.fill(x.arc(1e3+C(t+i)*i*4,500+S(t+i)*i*3,i/4,0,7)))x.beginPath(x.fillStyle=R(i*C(t^i),t*i%i,t*i%255))

Oct 23 2018 10:33 PM UTC

}// 126/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 2 remixes fullscreen

yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='lighten';for(b=[i=20];i--;)b[i]=`radial-gradient(at ${50+S(t+i)*50}%${i*5}%,tan,#210 25%)`;s.background=b

Oct 23 2018 7:51 PM UTC

}// 138/140

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

More Worley noise - via https://codepen.io/supah/pen/oaEZqg

Show more comments…
u/veubeke

Amazeballs!
u/aleamb

amazing!!
u/anotherkitten

this feels gross but i like it
u/lionleaf

#organic #voronoi #cell #squishy
u/katkip

genius
u/joeytwiddle

Like bacteria in rush hour. I agree with what anotherkitten said.

show FPS hide FPS share 1 remix fullscreen

rbong

function u(t) {

eval(unescape(escape`⁴㼱㩭㵮敷⁗敢䅳獥浢汹⹉湳瑡湣攨湥眠坥扁獳敭扬礮䵯摵汥⡕楮琸䅲牡礮晲潭⡠尰慳洁尰尰尰ĆŜ态缁缃ȁ尰܅ā慜ぜ《ँݜ〠尰⁜ぬୠⱣ㴾挮捨慲䍯摥䅴⠰⤩⤩⹥硰潲瑳㭡㵭⹡⡴⤻砮晩汬剥捴⡡ⱡⱡⱡ⤊`.replace(/u(..)/g,"$1%")))

Oct 22 2018 7:16 PM UTC

}// 139/140

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

Useless WebAssembly Example

Show more comments…
u/rbong

Note that this will probably only work on the desktop in Chrome and Firefox. Source below.
u/rbong

Compiled with: https://github.com/rbong/dwitter-wasm
u/rbong

.wat file source: (module (export "a" (func $a)) (func $a (param $0 i32) (result i32) (i32.mul (get_local $0) (get_local $0))))
u/rbong

.js source: a=m.a(t);x.fillRect(a,a,a,a)
u/yonatan

#wasm
u/joeytwiddle

awsm
u/katkip

i dont understand
u/katkip

oh, nvm awesome

show FPS hide FPS share fullscreen

keithclark

remix of d/10528 by u/keithclark

function u(t) {

for(c.width=640,i=3e3;i--;i&256||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=3e3/(i/64+t%1*8),x.fillStyle=R(q=2e4/J,q,q)

Oct 22 2018 7: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).

Managed to shave off enough bytes to get Y axis movement. Hat tip to @prplz for help saving bytes

u/keithclark

For better resolution, at the expense of FPS:
u/keithclark

for(c.width=640,i=4e3;i--;i&512||x.fillRect(320-(3-S(t)-i%8)*J,240+((i/8&7)-3.7+t%1)*J,J/=2,J))J=5e3/(i/64+t%2*8),x.fillStyle=R(q=2e4/J,q,q)
u/lionleaf

#d3 #depth #cube
u/rodrigo.siqueira

There is a Brazilian artist (Denis Maricato) who draws this by hand, see here: https://web.facebook.com/denis.maricato/post…
u/vain

amazing fake 3d cube world

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

for(d=19;d--;x.beginPath(x.fill())){p=d+t%1;x.fillStyle=`hsl(${140+t*2} 66%${80-S(p/4)*40}%`;x.arc(960,540,p*60,o=p/2+t/2,++o)}

Oct 21 2018 3:06 AM UTC

}// 127/140

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

cute spiral

u/Agnes

Consider using properly formatted HSL if you have the characters to spare - these all show up as 100% black on iOS Safari!
u/anotherkitten

true, should have done, just habit to use the broken one

show FPS hide FPS share fullscreen

ersagun

remix of d/10573 by u/logistikalism@gmail.com

function u(t) {

for(i=9;--i;)for(j=9;--j;)x.fillRect(120*i+C(t*i)*50,120*j+C(t*j)*50,1,1)
x.fillRect(C(t)*300+1480,C(t*(1+Math.sqrt(2))/2)*300+540,1,1)

Oct 21 2018 1:10 AM UTC

}// 135/140

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

Plaid pillow #goldenratio #phi

u/katkip

nice

dwitter.net | lionleaf (43186)