Dwitter - javascript demos in 140 characters

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

ivansanchez

function u(t) {

w=c.width+=0;x.fillRect(0,0,w,w);for(i=0;i<1000;i+=3)x.fillStyle='#a'+(~~(i*99)%0xff),x.fillRect(w+(t*(-S(i)+C(i))*5e3)%w,i,200/S(i),3)

Mar 2 2017 5:56 PM UTC

}// 135/140

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

u/iverjo

#bartjs
u/sfz

go speed racer go!

show FPS hide FPS share 1 remix fullscreen

fnurgel

function u(t) {

c.width=2e3;
for(i=2e3;i--;)p=S(t/2),q=S(t),x.fillRect(0,i/2,1920,S((p*(1e3-i)/500)%360+i/100+q+(i-i%100)*2)/1.5)

Mar 2 2017 10:58 PM UTC

}// 114/140

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

u/SpecialAgent

Nice gradient
u/UEZ

#rasterbars

show FPS hide FPS share fullscreen

SpecialAgent

function u(t) {

r=new Date%1e2
if(!t)x.translate(960,540)
x.rotate(-1e-2)
x.fillStyle=`hsl(${r},80%,${64-32*S(t)}%)`
x.fillRect(0,0+S(t)*500,2e3,40)

Mar 3 2017 1:28 PM UTC

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

donbright

remix of d/1857 by u/donbright

function u(t) {

w=128,c.width=2*w;for(i=w;i--;)for(j=w;j--;)c=S(t/3)*i*i+S(t/4)*j*j+S(t/5)*2*i*j,c=(c%w+w)%w,x.fillStyle=R(c,c,c),x.fillRect(64+i,8+j,1,1)

Mar 4 2017 8:07 AM UTC

}// 139/140

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

As with 1857 this is an attempt to show the relation between Binary Quadratic Forms and the Circles and Squares pseudo fractal and Moiré pattern. This takes the basic ingredients of the Quadratic Form, x*x, y*y, and 2*x*y, and mixes them together, but slowly varies the amount of each ingredient over time with the Sine function. It is possible to see how all variations of the Quadratic Form result in similar patterns, transitioning from crcles to ovals to hyperbola patterns. Inspiration from this site and NJ Wildberger's rational geometr, Paul Bourke's http://paulbourke.net/fractals/circlesquares/ and Santiago Zubeta

u/donbright

https://twitter.com/zubie7a
u/SpecialAgent

wow! fascinating and purty :)

show FPS hide FPS share fullscreen

brianholley

function u(t) {

t||x.translate(960,540);x.rotate(t);for(i=0;i<18;i++)x.fillStyle=`hsl(${20*i},60%,60%)`,x.fillRect(40+i*40,i*(40+C(t)),40,8)

Mar 3 2017 5:38 PM UTC

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

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 fullscreen

gormisdomai

function u(t) {

(a=(X,Y,w,h,s)=>{for(i=X;i<w;i+=s)for(j=Y;j<h;j+=s)x.fillText("♦",i-j,(i+j)/2)})(d=300,-d,1e3,d,9);t<1?a(d,0,d+t*d,9,5):a(600,0,609,d*t-d,5)

Mar 3 2017 9:37 PM UTC

}// 140/140

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

playing with isometric coordinates

u/Niklas

I like iso

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

AaronGiles

function u(t) {

t||(x.translate(w=960,540),x.rotate(2));j=S(t);x.rotate(j/40);x.drawImage(c,0,-w);x.fillStyle=`hsl(${j*360},99%,50%)`;x.fillRect(w*j,0,9,w)

Mar 3 2017 9:21 AM 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

sortie

function u(t) {

for(X=1920;X--;x.fillStyle=R(8*n),x.fillRect(X,t*60,1,1))for(C=A=X/960-1.5,D=B=t/9-1,n=0;n<32&C*C+D*D<4;n++)E=C*C-D*D+A,D=2*C*D+B,C=E

Mar 1 2017 10:43 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/SpecialAgent

Nice fractal!
u/hamptonio

Very nice using the time more internally, this is much faster than others I've modified.
u/vonzo

wow
u/katkip

Wow! This #fractal looks awesome