Hot dweets by u/yonatan

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

yonatan

remix of d/10836 by u/magna

function u(t) {

for(p in x)this[p[0]+p[6]]=p;i=192;t||(c.width=i);x[gC]='hue';for(x[da](c,0,1);i--;x[fc](i,0,1,1))a=u[i]||0,x[fy]=`hsl(${u[i]=a+i} 99%50%`

Nov 4 2018 10:57 PM UTC

}// 138/140

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

Take that, globalCompositeOperation!

u/magna

Waaaat!? Nice!
u/f8f82804

#composite

show FPS hide FPS share fullscreen

yonatan

remix of d/10782 by u/yonatan

function u(t) {

for(i=c.width=99;i--;T=(j,t)=>S(j*j+i/j-t*7)+C(j**5-i/j*7+t)**3)for(k=j=56;j-->-k;x.fillRect(i,a,1,(j>0)*T(j,t)*j/k-q*q))q=T(a=j/2+30,0)/j*2

Oct 31 2018 11:54 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/katkip

i love your #realistic design
u/jylikangas

YES!
u/aleamb

OMFG!
u/yonatan

:O https://twitter.com/aemkei/status/1057749002…
u/lionleaf

#landscape #water #mountains #real
u/sigveseb

Full-on insanity
u/iverjo

So good!
u/katkip

#d3
u/joeytwiddle

#scene
u/vain

beautiful work! titanic, iceberg ahead
u/jdspugh

Amazing!

show FPS hide FPS share 3 remixes fullscreen

yonatan

remix of d/10765 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(k=j=56;j-->-k;)x.fillRect(i,j/2+28,1,j>0?(S(j*j+i/j-t*7)+C(j**5-i/j*6+t)**3)*j/50:(1-S(i*j)**88))

Oct 30 2018 11:07 PM UTC

}// 123/140

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

stars

Show more comments…
u/joeytwiddle

Really beautiful, and so short! #sea #ocean #water #waves #night #stars
u/lionleaf

Great in full screen. Beatiful
u/lionleaf

Now put that Saturn up in the sky ;)
u/sigveseb

Cool, the dark sky makes the water look more realistic tlo
u/sigveseb

too*
u/tomxor

Wow, you steped up the realism since that sunset a week ago :D this is my fav combo, the stary sky really complements the effect.

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

yonatan

remix of d/10737 by u/yonatan

function u(t) {

for(i=c.width=99;i--;)for(j=58;j--;x.fillRect(i,j,1,1))k=(50-i)/(z=j-27),x.fillStyle=R(q=z>0?S(j*j+k-t*7)*C(j**3-k*3+t)*z/2+60-j:j+9,q*=4,q)

Oct 29 2018 1:55 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/lionleaf

Wow! #sea #water #waves #landscape
u/jylikangas

One of my favorites!
u/robbyg

Fantastic mood. Well done!
u/aleamb

Amazing! Reminds me of the Solaris ocean

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/10757 by u/yonatan

function u(t) {

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

Oct 29 2018 8:54 PM UTC

}// 118/140

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

u/iverjo

#water
u/jdspugh

Very realistic

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 2 remixes fullscreen

yonatan

function u(t) {

c.style.background=`linear-gradient(#357, #f023 50%,#8428 50%,#434),radial-gradient(circle at center,#fff 7%,#fd8 9%,#ca8 33%)`

Oct 26 2018 9:16 PM UTC

}// 127/140

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

#sunset

show FPS hide FPS share 2 remixes fullscreen

yonatan

remix of d/10718 by u/yonatan

function u(t) {

for(i=c.width|=0;i--;x.fillRect(0,540+i,2e3,S(5e3/i+t)/24+.6))c.style.background=`linear-gradient(#034,#477)`

Oct 28 2018 10:40 AM UTC

}// 109/140

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

#sea at #night

u/katkip

#realistic

show FPS hide FPS share fullscreen

yonatan

remix of d/10705 by u/yonatan

function u(t) {

eval(unescape(escape`瑼簨挮睩摴栽㔶㠩㭣⹩湮敲䡔䵌㵠㱳癧㸼晩汴敲⁩搽显㱦敔畲扵汥湣攠扡獥䙲敱略湣礽⸰〵⁮畭佣瑡癥猽㔠⼾㱦敄楳灬慣敭敮瑍慰⁳捡汥㴤筓⡴⤪㈰ぽ㹠㭸⹦楬汔數琨砮晩汴敲㴢畲氨⍦⤢ⰰⰰ⤻;`.replace(/u(..)/g,"$1%")))

Oct 26 2018 8:13 PM UTC

}// 134/140

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

Improved performance remix (568px width)

Show more comments…
u/iverjo

How does this work?
u/yonatan

SVG perlin noise displaced by itself and used as a filter on the canvas. Time controls the displacement filter'r scale.
u/yonatan

the filltext() is required for the thing to paint itself apparently (fillRect works too)
u/yonatan

I half-guessing so if anyone has a better explanation...
u/yonatan

placing the displacement filter as a child of the turbulence node seems to feed the parent's output into both of the child's input nodes.
u/yonatan

oops, not child, sibling.
u/yonatan

tl;dr: no idea :)

dwitter.net | yonatan (3743)