Dweets awesomed by u/rep_movsd

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

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 fullscreen

donbright

remix of d/1755 by u/SpecialAgent

function u(t) {

n=frame
q=n%2?400:289.2
d=n%2?2*t:2*t/.61518
X=960+q*C(d),Y=540+q*S(d)
n%4?x.moveTo(X,Y):x.lineTo(X,Y)
x.stroke()
x.fillRect(X,Y,9,9)

Mar 3 2017 2:36 AM UTC

}// 133/140

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

This shows the pattern traced by a line directly between the Earth and Venus as they orbit the sun. This pattern is pretty ancient, for example discussed in the book Quadrivum about the old academic relationships between art and science. This type of pattern may be helpful to appreciate the concept of Orbital Resonance in a planetary system.

Show more comments…
u/donbright

thx to https://nssdc.gsfc.nasa.gov/planetary/factsh… for the data
u/sfz

Fascinating
u/donbright

inspired by @SpecialAgent obvs!
u/SpecialAgent

This pattern is very pleasing to the eye, very nicely done!
u/sigveseb

This space stuff is nice!
u/Lazy1337

#cardioid
u/Lazy1337

#math
u/donbright

#venus #space #orbits

show FPS hide FPS share 1 remix fullscreen

iverjo

function u(t) {

c.width=384;for(i=20;i--;)for(j=9;j--;)if(!i||(i^j)%2){x.fillStyle=R(a=i?0:240),x.fillRect(i*20+j%2*4*S(t)-25+9*S(j),j*20,i?20:420,i?20:2)}

Mar 2 2017 6:29 PM UTC

}// 139/140

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

Optical illusion thingy. It's supposed to look like the red lines are not really straight and parallel. #bartjs

u/sfz

it works, trippy!
u/iverjo

Fun fact: This was actually the first idea I ever had for a dweet, back in december 2015 when sigve made https://github.com/sigvef/arktis-tweet-demo/
u/donbright

great illusion
u/SpecialAgent

Expecting a gorilla and some barrels to come hurtling down. Love it.
u/iverjo

#opticalillusion

show FPS hide FPS share fullscreen

FireFly

function u(t) {

t || x.translate(X=960, 540)
x.fillStyle = 'hsl('+t*80+',80%,50%)'
x.drawImage(c,9,9)
x.fillRect(t*70%X, 1, 32, 24)
x.rotate(4)

Mar 2 2017 1:53 PM UTC

}// 127/140

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

Fast-paced kaleidoscope

show FPS hide FPS share fullscreen

hamptonio

remix of d/1619 by u/New_Core

function u(t) {

w=c.width=256;for(i=w*w;i--;)a=255*S(w),x.fillStyle=R(a,a,a,Math.random()),x.fillRect(i%w,i/w|0,1,1);x.font='5em A';x.fillText("ಠ_ಠ",69,90);

Mar 1 2017 4:25 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 like New_Core's use of a single loop to get two coordinates; I think this is a slight improvement on that aspect.

show FPS hide FPS share fullscreen

Niklas

remix of d/1578 by u/Niklas

function u(t) {

for(c.width|=0,q=80,r=.485,i=q;i--;)for(a=i*r+t,k=12*q+C(a)*q*3,l=7*q+S(a)*S(t)*q*3,j=q;j--;)b=j*r,x.fillRect(k+C(b)*q*C(a),l+S(b)*q,3,3);

Feb 28 2017 10:39 PM UTC

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

Niklas

function u(t) {

for(c.width|=0,m=960,q=60,i=q;i--;)for(s=S(.052*i)*q*3,j=q;j--;)b=6.28*j/q+t,x.fillRect(m+C(b)*s,m/2.5+5*i+S(b)*s,3,3)

Feb 27 2017 10:45 PM UTC

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

FireFly

function u(t) {

f = t*60|0
X =  f%120, Y = f/120|0
x.fillStyle = "]!{$${!]".charCodeAt(X%16) + 59 >> Y%12& 1? '#345' : '#DEF'
x.fillRect(X*16, Y*16, 16, 16)

Feb 27 2017 6:20 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/sigveseb

cool!
u/sfz

wtf is going on here?!
u/FireFly

The string embeds a tiny bitmap which is simply repeated :)
u/5Mixer

This is an awesome idea! I wonder what else you could do with using strings to encode more complex(?) data. Interesting.
u/PiggyClone205

When I read complex, I immediately thought of maybe importing other javascript and cheating a bit.
u/katkip

#invaders

show FPS hide FPS share 2 remixes fullscreen

Renaud___

function u(t) {

l=c.width+=i=0;h=400;for(;++i<200;)for(j=a=(t+C(i))%2;j++<50;)x.fillRect(l*C(i*i)+~~a*(w=a*h-h)*C(j),(~~a?h:a*h)*(C(i)*C(i)+2)+w*S(j)/4,3,3)

Feb 27 2017 12:09 PM 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/HeyJD

This looks amazing. Great job.
u/Renaud___

Thanks :)
u/khalkeus

this is super neat
u/iverjo

Wow!
u/lionleaf

Brilliant!
u/tbroadley

Sweet!
u/donbright

OMG OMG OMG OMG
u/ninerdelta

mind blown
u/sfz

(((does we're not worth bow)))
u/Kalanchoe

That's so beautiful!
u/spbyrne

Incredible
u/Renaud___

wow ... thanks again for all the nice reviews :)
u/punkhaa

mice
u/punkhaa

*nice
u/gormisdomai

I joined this site for this kind of thing
u/lionleaf

On mobile you can tap at different locations for different colors
u/lionleaf

Haha, oops, that comment was for another dweet. This still remains one of my favorites!!
u/sigveseb

golfed to 137: for(l=c.width+=i=0,h=400;++i<200;)for(j=a=(t+C(i))%2;j++<50;)x.fillRect(l*C(i*i)+~~a*(w=a*h-h)*C(j),(~~a?h:a*h)*(C(i)**2+2)+w*S(j)/4,3,3)
u/FireFly

Eternal rains will come… I really like this one, very pretty!
u/zhanglongdream

啊啊啊
u/leonarven

It was really nice to solve the secret of this code! Such simple, but such brilliant! Good job!
u/sb

My favorite
u/arowberry

I love it. Reminds me of my Seattle days.
u/21medals

What does ~~ do? Like in (~~a?h:a*h)
u/Renaud___

It work as a math.floor. actually there is a difference but i dont remember how exactly
u/Renaud___

Dunno what changed in Chrome recently, but now this animation is very very slow :(
u/hollo47

#rain
u/noonat

~ is a bitwise not. It flips all the bits in the number to the opposite. Flipping again (~~) puts the bits back to what they were. It works does something similar to floor because it truncates floats to 32-bit integers as part of the operation. (But unlike floor, ~~-2.1 is -2 instead of -3.)
u/rbong

I did a detailed analysis of this effect in a medium post: https://medium.com/@r.l.bongers/visual-effec…
u/vain

cool raindrop fx

dwitter.net | rep_movsd (48856)