New dweets | Dwitter

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

jonathan-potter

function u(t) {

c.width=500
v=(X,Y)=>x.fillRect(X,125+Y,2,2)
for(X=0;X<40;X++)for(y=0;y<9;y++){
  v((p=X-t%1)*20-100,y*p/4)
  v(600-(p=X+t%1)*20,-y*p/4)
}

Oct 26 2018 8:05 PM UTC

}// 139/140

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

rotating twisted column (looked cooler sideways)

u/jonathan-potter

recreation of recreation of https://www.youtube.com/watch?time_continue=…

show FPS hide FPS share fullscreen

katkip

function u(t) {

if(!t)c.width=w=500;for(i=w/10;i--;)for(j=w/10;j--;)x.fillStyle=`hsl(${((i<j/.55?i*100:j*100+t*100))},99%,50%)`,x.fillRect(i*10,j*10,10,10)

Oct 26 2018 6:53 PM UTC

}// 139/140

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

Idk, just looked satisfying to me. #color

show FPS hide FPS share 2 remixes fullscreen

New_Core

remix of d/10639 by u/yonatan

function u(t) {

s=c.style;s.backgroundBlendMode='difference';for(b=[i=9];i--;s.background=b)b[i]=`linear-gradient(${t*i*5}deg,#012,#350,#dff,#910)`

Oct 26 2018 6:50 PM UTC

}// 131/140

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

was fun mixing =)

u/geb

#background
u/13thptr

#oil

show FPS hide FPS share fullscreen

Xen

remix of d/10709 by u/New_Core

function u(t) {

s=c.style;s.backgroundBlendMode='overlay';for(b=[i=2];i--;s.background=b)b[i]=`repeating-radial-gradient(${S(i+t/3)+1}%${i}%,#bad,#666 99%)`

Oct 26 2018 6:18 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/katkip

that #bad and that 666 is spooky
u/anotherkitten

now this dweet is tagged "bad"

show FPS hide FPS share fullscreen

anotherkitten

function u(t) {

eval(unescape(escape`睩瑨⡸⥦潲⡤牡睉浡来⡣ⰸⰸⰱ㤰㐬㄰㘴⤬瘽晩汬却祬攽∣〰〱∬漽匨琩ⱸ⹦㵦楬汒散琬昨〬〬渽㉥㌬温Ⱪ㴴㐻椻昨㤵〫㘷㔪漫䌨攽椫漪㌩⨲㈵ⰵ〰⭓⡥⤪㈲㔬㌳ⰳ㌩⥦楬汓瑹汥㴭⵩♴┴㽶㩒⡮⤻`.replace(/u(..)/g,"$1%")))

Oct 26 2018 6:15 PM UTC

}// 134/140

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

stripping wire

u/anotherkitten

source: https://pastebin.com/CPmArBWE

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 fullscreen

Purpzie

function u(t) {

T.valueOf=Math.random;x.font="99px a";x.fillStyle=`hsl(${t*99} ${T*25+50}%${T*50}%`;for(i=99;i--;)x.fillText("( ͡° ͜ʖ ͡°)",T*2e3-200,T*2e3)

Oct 26 2018 4:19 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 fullscreen

nikoloffgeorgi

function u(t) {

o=800;j=10;c.width|=a=(u,v,o)=>{g=S(u/99)*S(t*j)*j+j;x[`${o%2&1?'fill':'stroke'}Rect`](u,v,g,g)}
while(o--)a(o*o%2e3+C(t+o)*o,o+S(t+o)*o,o)

Oct 26 2018 1:11 PM UTC

}// 139/140

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

u/joeytwiddle

I don't know what this is but I like the movement. #tornado? #whirlpool?

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/10704 by u/yonatan

function u(t) {

eval(unescape(escape`挮楮湥版呍䰽怼獶朾㱦楬瑥爠楤㵦㸼晥呵牢畬敮捥⁢慳敆牥煵敮捹㴮〰ㄠ湵浏捴慶敳㴵 㸼晥䑩獰污捥浥湴䵡瀠獣慬攽⑻匨琩⨹㤹紾总砮晩汬呥硴⡸⹦楬瑥爽≵牬⠣昩∬〬〩`.replace(/u(..)/g,"$1%")))

Oct 26 2018 12:31 PM UTC

}// 124/140

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

#waitforit (unless you just see a blank canvas, then it's broken)

u/joeytwiddle

Wow that's beautiful! But #heavy on some machines #plasma #cloud #oil #oil_spill