Dweets awesomed by u/Joachim

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

ClayCowgill

function u(t) {

f=frame;for(j=1080;j--;x.fillRect(f,j,1,S(k),x.fillStyle=R(f/9,99)))for(a=f/500-2,b=j/500-1,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b+.55

Mar 2 2017 10:45 PM UTC

}// 140/140

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

I just can't get the color version down to size! i=frame;for(j=1080;j--;){a=i/500-2;b=j/500-1;for(k=75;k--&&a*a+b*b<4;)c=a*a-b*b-.7,b=2*a*b+.55,a=c;x.fillStyle=hsl(${C(k/9)*255},99%,50%);x.fillRect(i,j,1,1)}

Show more comments…
u/iverjo

Rad!
u/sigveseb

and yet the colors on this one are already beautiful!
u/sigveseb

btw you can do t*60 instead of frame
u/ClayCowgill

Thanks! That's one more saved! ;-)
u/ClayCowgill

(BTW, this is mostly based on a Mandelbrot set dweet that I can no longer find. (This is part of the Julia set instead.)
u/FireFly

Halfway there (150): for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=hsl(${C(k/9)*255},99%,50%)))for(a=t*.12-2,b=j/500-1,k=75;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b+.55
u/FireFly

t*.12 is approx. t/8 if you're fine with it being somewhat off-centre.
u/ClayCowgill

Nice! Just six over now... for(j=2e3;j--;x.fillRect(t*60,j,1,1,x.fillStyle=hsl(${C(k/9)*99},99%,50%)))for(a=t/8-2,b=j/500-1,k=99;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.7,b=2*a*b+.5
u/New_Core

the first 99 number can be put as k so still 5 to go
u/magna

You can omit the closing parenthesis of hsl() because browsers are resilient to bad CSS syntax
u/ClayCowgill

Good tips! Thanks!
u/ClayCowgill

Thanks for the help-- managed to get a high resolution/high color version going with the suggestions. :) https://www.dwitter.net/d/1896
u/katkip

Genius

show FPS hide FPS share fullscreen

sigveseb

function u(t) {

t*=5;for(c.width=s=X=64;X--;)for(Y=37;Y--;1-Q*Q-W*W>0&&x.fillRect(X,Y,1,1))for(j=40,Q=W=E=0;j--;Q=E)E=Q*Q-W*W-X/t/t+5/t,W=2*W*Q-Y/t/t+.66

Mar 2 2017 2:02 AM UTC

}// 137/140

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

u/sfz

Nice Mandelbrorshach!
u/iverjo

That's pretty impressive
u/sigveseb

#fractal #zoom
u/katkip

Awesome
u/katkip

#mandelbrot

show FPS hide FPS share fullscreen

sfz

remix of d/672 by u/aemkei

function u(t) {

for(c.width=874,b=[d=this.b||0],i=5e3;i--;x.fillText(b[i]=d?a==3|d[i]&a==2:i%7%2,i%96*9,i/9))for(a=0,j=5;e=93*(2<j--)+j;)a+=d[i+e]+d[i-e]

Mar 1 2017 7:18 PM UTC

}// 137/140

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

Life in Bits

show FPS hide FPS share 1 remix fullscreen

FireFly

remix of d/1689 by u/FireFly

function u(t) {

for(s='0',i=6;i--;c=s[t*60|0])s=s.replace(/\d/g,i=>['+1-0-1+','-0+1+0-'][i]);c<2?x.translate(18,0,x.fillRect(0,0,18,3)):x.rotate(c+60/57.3)

Mar 1 2017 5:45 PM UTC

}// 139/140

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

L-system visualizer. Sierpiński arrowhead curve

u/donbright

brilliant.... any description of how it works?
u/donbright

n/m i see you explain it in 1688, thanks!
u/tomkh

haha... using translate/rotate is a cool hack! reminds me of LOGO turtle
u/FireFly

Hehe, it's handy to offload the job of keeping track of the turtle to the canvas.
u/katkip

#fractal

show FPS hide FPS share 1 remix fullscreen

FireFly

function u(t) {

for(s='0',i=5;i--;c=s[t*60|0])s=s.replace(/\d/g,i=>['0-1+0+1-0',11][i]);c<2?x.translate(0,32,x.fillRect(0,0,3,32)):+c||x.rotate(c+120/57.3)

Mar 1 2017 5:43 PM UTC

}// 139/140

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

[Team dweet with u/PeCaN] L-system visualizer! Change initial state (s), #iterations (i), transition rules (['0-1+0+1-0',11]), which digits correspond to 'draw and move forward' (c<2), angle (120) to your own L-system ruleset. Digits 0-9 correspond to variables/constants (for each constant, add a rule that maps it to itself, i.e. to 'i').

u/5Mixer

Ha awesome! I was surprised when I saw this, I'd seen it on the internet before and was idly scribbling on the back of my book in a boring class today. Dope stuff :D

show FPS hide FPS share fullscreen

magna

function u(t) {

n=64;for(j=n;j--;)for(i=n;i--;c=j<6&i<16?'@疄㖄ᖄ犜'.charCodeAt(j)-n&2<<i:S(t+=t*t|5),x.fillStyle=R(c*=255,c,c),x.fillRect(i*30,j*16,n,n));

Feb 28 2017 10:38 PM UTC

}// 135/140

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

Live feed from Amazon Data Center - Feb 28, 2017

show FPS hide FPS share fullscreen

sfz

remix of d/1479 by u/sfz

function u(t) {

c.width=w=2e3
d=new Date
t?!(d&9)&&o.push([d%w,0,0,d%9]):o=[]
o.map(a=>(x.font=a[3]+'em ø',x.fillText('❄',a[0],a[1]+=a[2]+=a[3]*a[3]/w)))

Feb 27 2017 11:03 PM UTC

}// 137/140

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

Snowflakes with gravity acceleration and parallax

u/sfz

err, depth that is, small ones fall slower as if they're further away :P
u/joeytwiddle

#snow I think it's fair to call that parallax, just vertical

show FPS hide FPS share fullscreen

tomkh

remix of d/1358 by u/tomkh

function u(t) {

for(q=c.d=c.d||[],k=4e3;k--;)x.fillStyle=R(q[k]=k<80?500*Math.random():.47*(q[k-80]+q[k-79]),0,40,.2),x.fillRect(k%80*24,(45-k/80)*24,24,24)

Feb 25 2017 11:44 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/iverjo

Very good!
u/SpecialAgent

Brings back memories :)
u/joeytwiddle

#fire

show FPS hide FPS share fullscreen

ooommmooo

function u(t) {

for(i=0;i<30;i++){j=255*(i/29);z=i*40-(200*t%40);x.beginPath();x.arc(960,200*S(t)+540,960*(1-z/(99+z)),0,7);x.fillStyle=R(j,j,j,1);x.fill()}

Feb 25 2017 9:23 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/iverjo

"No matter what you're going through, there's a light at the end of the tunnel"
u/Niklas

Nice!
u/ooommmooo

Thanks guys!
u/joeytwiddle

#tunnel #light #glow

show FPS hide FPS share fullscreen

sfz

remix of d/1262 by u/khalkeus

function u(t) {

b=480
m=99
for(i=1;i<m;i++)for(j=1;j<m;j++)q=t+j,v=S(-q),x.fillStyle=R(2*j*C(t),2*i*v,4*j*v),x.fillRect(2*b+S(i/j)*C(q)*b,b+S(i*j)*v*b,9,3)

Feb 24 2017 11:25 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/donbright

reminds me of cells dividing

dwitter.net | Joachim (52317)