New #plasma dweets

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

joeytwiddle

remix of d/3239 by u/joeytwiddle

function u(t) {

r=()=>Math.random()*2520;for(i=99;i--;)x.fillStyle=`hsla(${r()},99%,63%,.01`,x.beginPath(),x.arc(r()-99,r()/2-99,r()**3/4e7,0,7),x.fill()

Apr 19 2019 9:35 AM UTC

}// 137/140

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

#plasma #cloud remix for 2019

u/KilledByAPixel

nice
u/DataMeta

Neato
u/joeytwiddle

63% works well on Firefox, 67% works well on Chrome

show FPS hide FPS share fullscreen

New_Core

function u(t) {

for(i=840;i--;)x.fillStyle=`hsl(${(i*S(S(t)*S(t*2+i*.157))*C(i/520)+i*9)/(.05*C(t)+1)},99%,50%`,x.fillRect(i%40*50,~~(i/40)*50,50,50)

Feb 6 2019 12:46 PM UTC

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

joeytwiddle

function u(t) {

c.width|=p=(X,Y,W,I,H=W/2)=>H>2?(p(X,Y,H,I*=Math.random()**.2),p(X+H,Y,H,I),p(X,Y+H,H,I),p(X+H,Y+H,H,I)):x.fillRect(X,Y,I,I),p(0,0,R=1024,9)

Jan 9 2019 3:15 PM UTC

}// 140/140

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

a sort of rough #recursive #plasma #fractal

u/joeytwiddle

Ideally we would keep the edges smooth, by holding an intensity for each corner instead of the entire square
u/joeytwiddle

W=width, H=half width, I=intensity, p=plot/plasma/partition
u/joeytwiddle

p calls p four times for each sub-square, with a randomly smaller I

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

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

katkip

remix of d/10203 by u/katkip

function u(t) {

c.style.background='#0f0';c.width*=1;for(a=1e3|0;a--;x.lineTo(C(a+b*b+t)*S(b+a*a+t)*960+960,S(b)*540+540,i=b/40-5,i))b=4*a*a;x.fill()

Oct 4 2018 2:12 PM UTC

}// 133/140

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

u/firegodjr

#plasma

show FPS hide FPS share fullscreen

magna

remix of d/8755 by u/magna

function u(t) {

T.valueOf=Math.random
x.fillStyle=`hsl(${t*9},40%,40%`
x.drawImage(c,0,0,w=2e3,w,0,0,w-8,w-8)
x.fillText(u,T*w,T*w)
x.filter='blur(9px'

Jun 27 2018 3:40 AM UTC

}// 136/140

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

#plasma

u/magna

If you tilt your head sideways, it looks like rain on a misty alien planet.

show FPS hide FPS share 1 remix fullscreen

trancor

function u(t) {

for(c.width=i=99;i--;)for(k=56;k--;)x.fillStyle=R(S(j=(C(k/13+t)*C(i/21-t)*S(k/7+C(i/9+t/2)+t)*16))*99+90,C(j)*40+40,0),x.fillRect(i,k,1,1)

May 8 2018 6:58 AM UTC

}// 139/140

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

u/sigveseb

#plasma
u/iverjo

Yes!

show FPS hide FPS share fullscreen

sirjofri

function u(t) {

w=c.width=20;h=c.height=30;for(i=0;i<w*h;j=i%w,k=i/w-j,x.fillStyle=R(S(i*3+t/5+50)*255,S(i*3+t)*255,C(i++*3+t)*255,1),x.fillRect(j,k,1,1));

Apr 28 2018 8:24 AM UTC

}// 139/140

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

u/iverjo

#plasma

dwitter.net | #plasma