Dweets awesomed by u/hamptonio

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

walsh9

remix of d/1871 by u/walsh9

function u(t) {

c.width|=Y=(d,e,a,l)=>l?(x.moveTo(d,e),x.lineTo(d+=l*9*C(a),e+=l*9*S(a)),Y(d,e,a-S(t),--l),Y(d,e,a+C(t),l)):0;Y(960,999,4.71,15),x.stroke()

Mar 4 2017 6:08 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/donbright

amazing how it collapses to a coma
u/donbright

comma

show FPS hide FPS share 3 remixes fullscreen

walsh9

function u(t) {

c.width|=Y=(d,e,a,l)=>l?(x.moveTo(d,e),x.lineTo(d+=l*9*C(a),e+=l*9*S(a)),Y(d,e,a-S(t),--l),Y(d,e,a+S(t),l)):0;Y(960,999,4.71,14),x.stroke()

Mar 4 2017 5:56 PM UTC

}// 140/140

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

fullscreen recommended

u/donbright

unbelievable!!!! wow
u/SpecialAgent

wonderful!
u/CocoMeister

#fractal

show FPS hide FPS share fullscreen

hamptonio

function u(t) {

w=c.width=2e3;for(e=.014;e<1;e*=2){for(i=0;i<e;i+=.01){M=t+i+e*S(t+i);r=w/2*e*(1-e*e)/(1+e*C(M));x.fillRect(C(M)*r+1500,S(M)*r+540,5,5);}}

Mar 4 2017 4:45 PM UTC

}// 138/140

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

Inspired by recent orbit posts by SpecialAgent.

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/479 by u/lionleaf

function u(t) {

c.width=256;for(i=128;i--;)for(j=128;j--;){c=i*i+S(t)*j*j;c=(c<0?-c:c)%128;x.fillStyle=R(S(t+3.1)*c+c,0,S(t)*c+c);x.fillRect(64+i,8+j,1,1)}

Mar 4 2017 7:17 AM UTC

}// 140/140

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

A transition from x*x+y*y (the Blue geometry, circles) to x*x-y*y (the Red geometry, hyperbolas). This shows a linkage between Binary Quadratic Forms and the Circles and Squares pseudo Fractal / Moiré pattern. By transitioning between two different Binary Quadratic Forms slowly, I hoped to show that the forms themselves are what form these patterns, not simply circles or hyperbolas or trig functions. Inspiration from many dweets on this site and Wildberger's Chromogeometry.

u/donbright

Binary Quadratic Forms are where you take any combination of x*x, y*y, and 2*x*y, for example 3*x*x+2*y*y (an ellipse), of x*x-y*y/2 (a squished hyperbola)

show FPS hide FPS share 2 remixes fullscreen

sebbert

function u(t) {

c.width=999;for(a=b=z=0,w=140;z<400;z+=.1)a=S(a*2.4-t)*S(t*2)+C(a+b+t)+C(z*2.34+t),b=C(z*1.56),x.fillRect(a*w+500,b*w+w+w,2,2)

Mar 4 2017 12:59 AM UTC

}// 126/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/donbright

woah!
u/SpecialAgent

Energize!
u/FireFly

This one is really cool o.o
u/FireFly

I would love an explanation or pointer about the maths going on here… in particular I don't understand why the 1.56 constant for the b= is so sensitive. It looks like an approximation of π/2, but all of π/2, 1.57 and 1.5 behave vastly differently/more chaotically. So what's the relationship between these numbers/how is 1.56 derived?
u/tapgiles

What the... @.@ Looks so detailed!
u/joeytwiddle

Some other constants with similar behaviour: 1.17, 2.34, 3.12, 3.51, 3.90, 4.68, 6.24
u/joeytwiddle

And a few with different behaviour: 3.08, 6.05 (!), 6.35

show FPS hide FPS share fullscreen

sfacci

remix of d/1844 by u/sfacci

function u(t) {

c.width=1920;
for(i=0;i<400;i++)for(j=0;j<6;j++){
x.fillRect(300*(j-S(t-i/j)),
450+400*(C(j-i))*S(t/j),
10,10)}

Mar 3 2017 9:51 PM UTC

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

hamptonio

function u(t) {

r=540;m=t%99|0;for(n=1;n<m;n++){c.width=2e3;for(i=0;i<6.3*n;i+=.01){q=r*C(i*m/n);x.lineTo(2*r+C(i)*q,r+S(i)*q)}x.fill("evenodd");x.stroke()}

Mar 3 2017 6:12 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

Kudos!
u/donbright

excellent

show FPS hide FPS share fullscreen

hamptonio

remix of d/1830 by u/hamptonio

function u(t) {

w=c.width=1920;for(i=w;i--;){q=0;a=1;b=1;e=1+9*t%9;for(j=99;j--;){q+=a*C(b*(i-w/2)/100);a/=2;b*=e};x.lineTo(i,200*(2.5-q));x.stroke()}

Mar 3 2017 3:48 PM UTC

}// 135/140

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

Animation of Weierstrass's 1872 example of a continuous function that becomes nowhere-differentiable when b>=7.

u/donbright

very interesting!!!! always felt like demoscene is a gateway to math

show FPS hide FPS share 1 remix fullscreen

hamptonio

function u(t) {

t?i++:i=0;q=0;a=1;b=1;for(j=99;j--;){q+=a*C(b*i/100);a*=.6;b*=8};x.lineTo(i,250*(2+q));x.stroke()

Mar 3 2017 3:31 PM UTC

}// 97/140

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

From 1872, Weierstrass's first example of a continuous but nowhere-differentiable function.

show FPS hide FPS share 3 remixes fullscreen

New_Core

function u(t) {

c.width=1920;for(i=16;i--;)x.ellipse(1e3+300*S(t+i*.1),500+50*C(t+i*.1),160*S(-i*.5)+160,50*S(i*.1)+5,1.6+.5*S(t*.5),9.5,0,6.3);x.stroke();

Mar 3 2017 3:31 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 more comments…
u/sfz

wow creative!
u/sfz

reduced it by about 15 bytes in case you want to try to do something else with the extra room: c.width|=0;for(i=16;i--;)x.ellipse(1e3+300*S(t+i/9),500+50*C(t+i/9),160*S(-i/2)+160,50*S(i/9)+5,1.6+S(t)/2,9,0,7);x.stroke()
u/iverjo

So good!
u/sigveseb

is that a pseudo-3D fish? super nice!
u/donbright

marvellous
u/magna

WAAAAT
u/SpecialAgent

Magnificent depth!
u/joseprio

Really impressive :)
u/Kalanchoe

Amazing!
u/ArtsyBiker1

WHOA
u/gautjac

beautiful
u/21medals

Reduced it ±20 bytes and added beginPath() without changing any values:
u/21medals

for(c.width|=i=16;a=i--/10;x.stroke())x.beginPath(),x.ellipse(1e3+300*S(t+a),500+50*C(t+a),160*S(-i/2)+160,50*S(a)+5,1.6+S(t/2)/2,9.5,0,6.3)
u/New_Core

#fish
u/joeytwiddle

#model
u/Cloud

https://www.dwitter.net/d/17352
u/vain

incredible 3d fish

dwitter.net | hamptonio (6772)