Dweets awesomed by u/veubeke

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

tomxor

function u(t) {

x.fillRect(0,0,i=2e3,i)
for(t+=240;i--;c=t/3*(i%t<t/8))x.clearRect(960+c*S(R=i**.7)+t*C(T),540+c*C(R)+t*S(T=i**.5)*C(!c*i),s=8*S(i*160-t),s)

Oct 28 2018 5:35 PM UTC

}// 140/140

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

#space #star #sun

Show more comments…
u/katkip

awesome
u/tomxor

It looks a bit more toasty if you multiply t*2 in i*160-t, just couldn't figure out how to fit it.
u/f8f82804

almost looks like a #virus
u/iverjo

#solar #flare
u/Cloud

#sun
u/erin

virus aged badly....
u/vain

has corona reached dwitter? Great procedural generated gfx

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

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

show FPS hide FPS share 3 remixes fullscreen

New_Core

remix of d/10639 by u/yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='overlay';for(b=[i=5];i--;s.background=b)b[i]=`repeating-radial-gradient(${S(t+i)+3}%${i}%,#ffd,#012 999%)`

Oct 26 2018 5:41 PM UTC

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

yonatan

function u(t) {

c.innerHTML=`<svg><filter id=f><feTurbulence baseFrequency=.01 /><feDisplacementMap scale=${t*99}>`;x.filter="url(#f)";x.fillRect(0,0,0,1)

Oct 26 2018 12:11 PM UTC

}// 138/140

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

brighter on firefox

u/joeytwiddle

dude... #plasma #oil #oil_spill
u/Xen

i'm stealing this dweet and having it as an animated desktop background :-P
u/tomxor

Nice. Ahh svg filters... I have good memories, but then they were all destroyed by browser regressions.

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

Xen

remix of d/10641 by u/veubeke

function u(t) {

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

Oct 24 2018 4:58 PM UTC

}// 138/140

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

u/anotherkitten

this is fast enough it looks like it has shadowblur to me
u/veubeke

❤️💜💙💚💛🧡
u/katkip

#xweet

show FPS hide FPS share fullscreen

yonatan

remix of d/10639 by u/yonatan

function u(t) {

for(i=9,j=b=[];i--;c.style=`${B=';background'}:${b+B}-blend-mode:difference`)b[i]=`radial-gradient(at ${i*9}%${S(i+t)*9}%${j+=',aqua,tan'})`

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

Wavy

u/katkip

#waves #art
u/joeytwiddle

I almost see water caustics in there
u/lionleaf

It does look like #caustics ! :D

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

dwitter.net | veubeke (20752)