Dweets awesomed by u/stiaje

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 fullscreen

pavel

function u(t) {

with(x)for(c.width|=k=320,scale(9,9);--k;arc(107,60,16*(k>>5)+16/(1+1e5**(.5+k%2-t%2)),a=(t/2-k)%11*.571,a))k%2&&beginPath(stroke())

Nov 26 2018 7:23 PM UTC

}// 132/140

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

Walking Spiral #beesandbombs

u/pavel

Using scale(9,9) to get thick lines and shave some digits from coordinate numbers (e.g. 60 vs 540 for height)
u/pavel

x.arc(X,Y,r,a,a) = x.lineTo(X+r*C(a),Y+r*S(a))
u/katkip

Duuude
u/katkip

Awesomeee

show FPS hide FPS share fullscreen

veubeke

function u(t) {

s=t?s:((R,S=R(x.x,{t:'INI'}))=>({d:A=>(S=R(S,A),A),g:()=>S}))((S={c:0},A)=>A.t=='INC'?{c:S.c+1}:S)
x.fillRect(0,0,s.g(s.d({t:'INC'})).c,200)

Nov 20 2018 3: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).

The first dweet with redux. Powered by https://github.com/joelnet/pico-redux

u/rnbw

how does this have 141 characters though
u/rnbw

wait now it says it has 140... i'm confused

show FPS hide FPS share fullscreen

veubeke

function u(t) {

c.width^=0
O=t?O.filter(o=>x.fillRect(...o,_=2-o[1]++/400)|_>0):[]
for(i=9;i--;O.push([X,600,50]))x.fillRect(X=(4+i+S(t)*3)*99,400,50,200)

Nov 18 2018 1:07 PM UTC

}// 138/140

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

#default

u/jylikangas

Very nice!
u/DataMeta

Smooth

show FPS hide FPS share fullscreen

veubeke

remix of d/10932 by u/veubeke

function u(t) {

for(c.width|=i=128;i--;x.fillText('🐟',0,0))$=1-i%2*2,x.setTransform($*(_=5+i%5),0,0,_,2000-(i*19+$*t)*i%2080,i*i%1080)

Nov 11 2018 12:13 AM UTC

}// 118/140

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

u/f8f82804

#emoji
u/Xen

are they all baby sharks?
u/joeytwiddle

If so, you'd better count your fingers!
u/joeytwiddle

Save the whales :-/ https://twitter.com/RT_com/status/1060321001…

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/10764 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(j=56;j--;x.fillRect(i,j,(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/99,1));

Oct 29 2018 8:54 PM UTC

}// 95/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/pavel

Save a char by moving the fillRect call into the loop body to avoid ;
u/yonatan

you're right!
u/keithclark

I love this!
u/yonatan

it's also better to use rect height for the "alpha", avoids the jagged edges on the right. for(i=c.width=99;i--;)for(j=56;j--;)x.fillRect(i,j,1,(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/99)
u/iverjo

Wow! Great #water
u/katkip

#d3 #waves

show FPS hide FPS share fullscreen

yonatan

remix of d/10718 by u/yonatan

function u(t) {

eval(unescape(escape`景爨挮睩摴桼㵩㴵㐰㭩ⴭ㭸⹦楬汒散琨〬㔴〫椬㉥㌬匨㕥㌯椫琩⼹⤩挮獴祬攮扡捫杲潵湤㵠汩湥慲ⵧ牡摩敮琨⌳㔷Ⱐ⍦〲㌠㔰┬⌸㐲㠠㔰┬⌴㘶⤬牡摩慬ⵧ牡摩敮琨捩牣汥⁡琠捥湴敲Ⱓ晦映㜥Ⱓ晤㠠㤥Ⱓ捡㠩总`.replace(/u(..)/g,"$1%")))

Oct 27 2018 10:35 AM UTC

}// 140/140

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

#ocean #sunset with #waves

Show more comments…
u/Xen

Amazing!
u/katkip

This is the most realistic dweet I ever seen!
u/yonatan

Thanks. I have a much nicer (and longer) version in flash at http://wa.zozuar.org/code.php?c=2HBv (click the "get flash" gif for chrome to activate it)
u/sigveseb

Fantastic! Looking back and comparing with the old water/ocean dweets from the early days of dwitter, we sure have come a long way since then!
u/jmpp

This is dope! I'm new to all these crushing techniques and wonder how did you get the Asian sign version of your algo ?
u/yonatan

Here: https://www.dwitter.net/d/9207
u/katkip

#realistic

show FPS hide FPS share fullscreen

pavel

remix of d/10653 by u/anotherkitten

function u(t) {

with(x)for(c.width=-1,translate(150,i=84);--i;rotate(t),t=2.1,fill(new Path2D('M67 28 9-72-9-72 37 11-19 11-28 25')))fillStyle=R(a=50*i,a,a)

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

Show more comments…
u/yonatan

hah! - works as a separator
u/anotherkitten

dang, well done. wasn't sure if it was doable.
u/lionleaf

Nicely done!
u/aleamb

cool!
u/magna

damn.
u/joeytwiddle

Very good
u/katkip

Awesome!
u/katkip

#path2d
u/pavel

#uncompressed in black and white

show FPS hide FPS share 1 remix fullscreen

veubeke

remix of d/10601 by u/anotherkitten

function u(t) {

for(t+=i=17;i--;x.fill(P=new Path2D,P.arc(960+C(p+t)*p*p,540+S(p+t)*p*p,5*p*p,0,7)))p=i+t%1,x.fillStyle=`hsl(${(p-t)*9} 50% ${i-t&1?4:6}0%`

Oct 24 2018 8:01 AM UTC

}// 139/140

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

Anotherkitten’s awesome dweet fixed for Safari

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 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

dwitter.net | stiaje (10323)