Dweets awesomed by u/recursive

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

dh7

function u(t) {

c.width+=0;for(i=-2;i<2;i+=.05)for(j=-4;j<4;j+=.05){
k=5*C(j/2)*C(j/2)+S(3.3*j-5.4*t)*C(4.2*i-4.1*t);x.fillRect(j*240+960,-i*240+540,k,k)}

Mar 4 2017 12:00 AM 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

Nice halftone smoke. This technique deserves more attention, in my opinion

show FPS hide FPS share fullscreen

gormisdomai

remix of d/1273 by u/gormisdomai

function u(t) {

w=99;for(X=-30;X<w;X++)
for(Y=-30;Y<w;Y++){
x.fillStyle=R(99*(X%2),99*(Y%3),0);;
x.fillRect((X+S(t)*Y)*w-200,(Y+C(t)*X)*w-200,w,w)}

Mar 3 2017 10:46 PM UTC

}// 131/140

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

Dislocation #4

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

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

puckipedia

function u(t) {

r=Math.random,v=w=t;for(i=2e3;i--;v=r()*240,w=r()*140)x.fillStyle=`hsl(${v+S(t+w/99)*70},99%,50%)`,x.fillRect(v*8,w*8,8,8)

Mar 3 2017 11:14 AM UTC

}// 122/140

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

A weird rainbow-y thing that reminds me a bit of video compression

u/SpecialAgent

Reminds me of unicorn magic
u/joeytwiddle

#rainbow #plasma

show FPS hide FPS share 1 remix fullscreen

mihte

function u(t) {

c.width=1920
x.font='170px Impact'
for(s=0;s<5;s++)x.fillText("Dweet ❤️️",t*500%1920,240+s*180),x.fillStyle=R(C(t)*128+128,1+s*80,20+s*20)

Mar 3 2017 4:46 AM 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 fullscreen

ClayCowgill

function u(t) {

f=t*60;for(j=1080;j--;x.fillRect(f,j,1,S(k),x.fillStyle=R(f/8,f%8)))for(a=f/500-2,b=j/500-1,k=35;k--&&a*a+b*b<4;a=c)c=a*a-b*b-.8,b=2*a*b+.15

Mar 2 2017 11:58 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 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

dwitter.net | recursive (8141)