Dweets awesomed by u/5Mixer

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

netgrind

function u(t) {

w=960
c.width=w*2
x.beginPath()
x.lineWidth=5
for(i=0;i<6.28;i+=.0628){
p=i+t*.2
x.moveTo(C(p)*w+w,0)
x.lineTo(S(p)*w+w, 1080)
}
x.stroke()

Mar 9 2017 10:13 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

elegant!
u/jsizzle

awesome

show FPS hide FPS share fullscreen

sawaxon

function u(t) {

c.width|=0;k=i=>(S(i*t)+1)*49;p=i=>S(i)*9+i*99;for(j=19;j--;)for(i=12;i--;x.moveTo(p(j),p(i)))x.ellipse(p(j),p(i),k(i),k(j),0,.1,0);x.fill()

Mar 9 2017 7:14 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 FPS hide FPS share 3 remixes fullscreen

recursive

remix of d/1976 by u/recursive

function u(t) {

for(d=256;--d;)for(X=-32;++X<32;x.fillRect(960+X*8e3/d,100+7e4/d-h,120,9))x.fillStyle=R(h=(C(a=d/9+t*6)+C(X/9+a/3))*35,g=h+C(X^d)*6+90,g/.8)

Mar 9 2017 12:33 AM UTC

}// 140/140

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

Bluer waves

Show more comments…
u/sfz

Incredible
u/sigveseb

Epic
u/FireFly

This is crazy, great stuff :D
u/iverjo

Best water on dwitter thus far!
u/iverjo

I also tried to achieve this some time ago, but yours is much more convincing
u/iverjo

https://www.dwitter.net/d/65 and https://www.dwitter.net/d/254 and https://www.dwitter.net/d/295 and https://www.dwitter.net/d/366
u/recursive

Your idea gives really great color to the surface. I wonder if it's possible to animate the colors using your idea, and the wave geometry and lighting using mine.
u/magna

(ノಠ益ಠ)ノ彡┻━┻
u/Renaud___

very very nice
u/jsizzle

Seriously amazing. Wow
u/SpecialAgent

Bravo
u/ideokan

i am a web developre, feeling like a dumb monkey in here
u/PiggyClone205

Welcome to the club, ideokan.
u/Godcranberry

This sis amazing, totally my favorite
u/Godcranberry

is* mb fam
u/iverjo

#water
u/hollo47

#ocean
u/katkip

#waves
u/vain

Very nice and lovely wave

show FPS hide FPS share 2 remixes fullscreen

nystrand

function u(t) {

for(l=c.width=512,a=C(t),b=S(t);l--;x.fillRect((k-a*a*i-b*a*j+b/a)*z+300,(a*i+b*j+a*k)*z+99,d=.2*z/a,d))i=l>>6,j=l>>3&7,k=l%8-4,z=20+b*i-a*j

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

This is good
u/FireFly

Woah, very nice!
u/p01

Ace!
u/donbright

cool 3d
u/Lazy1337

#d3
u/Lazy1337

#cube

show FPS hide FPS share fullscreen

LozzaDawg

function u(t) {

c.width=1e3
for(i=0;i<50;i++){w=50+i*40*S(t)
m=50+40*i
x.fillStyle=R(9*i,3*i,105)
x.fillRect(m,(T(t)+1)*m,w,w)
x.fillRect((T(t)+1)*m,m,w,w)}

Mar 4 2017 4:05 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 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

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

AaronGiles

function u(t) {

c.width|=0;s=200*(1-C(t%1));x.scale(s,s);x.globalAlpha=1-s/90;x.textAlign='center';x.font=`30pt Arial`;x.fillText(t|0,960/s,540/s+17)

Mar 3 2017 11:27 AM UTC

}// 133/140

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

u/joeytwiddle

#numbers

show FPS hide FPS share fullscreen

quidnovum

remix of d/888 by u/jczimm

function u(t) {

c.width=1920;q=l=>1+S(l)*S(l)
for(i=0;i<300;i++)for(j=0;j<6;j++){x.fillRect(960+200*C(i)/q(i)*S(T(t/1.1)+j/i),540+200*S(i)*C(i)/q(i),10,10)}

Mar 2 2017 6:03 PM UTC

}// 140/140

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

dwitter.net | 5Mixer (3426)