Dweets awesomed by u/trupples

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

Hecatonicosachoron

function u(t) {

c.width=1920;for(i=0;i<50;i++)
x.fillRect(i*50, 600+S(i*t/10)*300, 50, 50), x.fillStyle = R(255*t, 255*S(t), 255*C(t), 0.5)

Dec 31 2017 11:04 AM UTC

}// 123/140

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

Rainbow Pendulum Waves :)

show FPS hide FPS share 1 remix fullscreen

doof

function u(t) {

l=localStorage
t||(l[u]=a=parseInt(l[u]||0)+1,c.outerHTML="You have viewed this dweet "+a+" time"+(--a?"s":""))

Dec 31 2017 8:45 AM UTC

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

Novel!
u/trupples

That's awesome
u/sigveseb

Oh god we can do multi-dweet dweets by stashing things in localstorage
u/PiggyClone205

We need to compete for most times viewing this.
u/dogspace

yay http://prntscr.com/icoc13
u/lionleaf

#localStorage
u/joeytwiddle

The key is the sourcecode. Nice short way to generate a unique key!

show FPS hide FPS share fullscreen

doof

remix of d/3899 by u/doof

function u(t) {

c.width^=0
x.beginPath(x.translate(960,540))
for(i=t/Math.PI/2;i-->-1;x.rotate(t),x.arc(S(t)*200,0,300,0,7))x.lineTo(0,0);
x.fill('evenodd')

Dec 31 2017 6:52 AM UTC

}// 140/140

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

finally got what i originally wanted d/3899 to be -- the lineTo(0,0) takes care of the evenodd artifacts, and the addition of more circles is timed with the contractions. i'll stop with the circles now, i promise. :P

show FPS hide FPS share 1 remix fullscreen

sigveseb

remix of d/4914 by u/trupples

function u(t) {

throw t

Dec 31 2017 3:35 AM UTC

}// 7/140

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

quest for the smallest animated dweet 7b (this counts, right?)

Show more comments…
u/lionleaf

hahaha, perfect
u/coderkid

:)
u/rhys5584

noice
u/trupples

lmao
u/PiggyClone205

applause.
u/sigveseb

#golf
u/MrM@_S

https://www.dwitter.net/d/8916

show FPS hide FPS share 1 remix fullscreen

trupples

remix of d/4108 by u/xem

function u(t) {

x.fillText(t,t,t)

Dec 31 2017 1:08 AM UTC

}// 17/140

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

quest for the smallest aimated dweet 17b

u/sigveseb

https://www.dwitter.net/d/4927 7b :D

show FPS hide FPS share fullscreen

logomach

function u(t) {

c.width=2e3;for(i=20;i--;){x.fillStyle=R(i*19,75,70);x.fillRect(0,i*54,1920,54)}x.font='100px Arial';x.fillText('Ａ　Ｅ　Ｓ　Ｔ　Ｈ　Ｅ　Ｔ　Ｉ　Ｃ',150,600)

Dec 31 2017 1:01 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 3 remixes fullscreen

Pjaerr

function u(t) {

c.style.background=R();x.fillStyle=R(...[S,C,T].map(_=>127*(_(t)+1)));a=137.5*frame;r=8*frame**.5;x.fillRect(r*C(a)+960,r*S(a)+540,8,8)

Dec 30 2017 7:50 PM UTC

}// 135/140

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

A little bit of Phyllotaxis. http://algorithmicbotany.org/papers/abop/abo…

Show more comments…
u/Pjaerr

btw, changing the angle a from 137.5 to 137.3 or 137.6 produce different, albeit nice, patterns.
u/Bendoman

Second best thing on here by far.
u/dubistdu

WOW
u/trupples

Also.. shouldn't it be 137.5 * pi / 180 ~~ 2.39982772149 as the trigonometric functions take in radians?
u/trupples

137.5 also kind of "isolates" the spirals after a short while while 2.4 does not
u/Pjaerr

Yeah, that'll be it actually. I still thought it looked decent!
u/DiamondDrake

I was just working on a Phyllotaxis dweet, though i was trying to use ellipse that just needs way too many characters
u/@no_identd

Although the point about radians is fully correct, I'd like to point out that the most accurate IEEE single float approximation of this angle in degrees is 137.50777 (which internally becomes 137.5077667236328125)
u/lionleaf

#spiral #flower #plant #botany
u/fujimotos

This is amazingly beautiful.

show FPS hide FPS share fullscreen

pepp

function u(t) {

a=x.r||1,g=a*t%255
for(i=0;i<1e3;i++){x.fillRect(6*(a&130816)>>8,6*(a&255),6,6)
l=a&1,a>>=1,a=l?a^73728:a
if(a==1)x.fillStyle=R(g,g,g)}x.r=a

Dec 30 2017 5:51 PM UTC

}// 140/140

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

Based on http://fabiensanglard.net/fizzlefade/index.p…

u/joeytwiddle

#algorithm

show FPS hide FPS share fullscreen

thatmichael85

remix of d/4623 by u/thatmichael85

function u(t) {

c.width|=0;for(i=1;i<180;i++){b=2*t+i;x.fillStyle=R(150,T(t*i/10)*300,t%0);x.fillRect(940+((i/60)%1)*S(b)*200,400+i*6%400,8,8);}

Dec 30 2017 4:40 PM UTC

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

Xen

function u(t) {

x.globalCompositeOperation='xor',Y=c.width=99;for(i=2e4;i--;)x.fillRect(i%Y,i/Y,X=S(i-C(t)*Y)-1,X*S(X*t))

Dec 30 2017 4:36 PM UTC

}// 105/140

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

u/nic

Damn, lemme adjust the antenna... :)

dwitter.net | trupples (15393)