Dweets awesomed by u/iverjo

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

New_Core

function u(t) {

for(i=400;i--;)q=i%80,(i&1)?a=2:a=3,x.fillStyle=R(z=100*C(t+i*.12+a+.1)-q,100-z-q),x.fillRect(1e3+(q+i)*C(t+i*.12+a),50+i*2,5,5)

Dec 23 2016 1:28 PM UTC

}// 128/140

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

#christmas #christmastree #tree

show FPS hide FPS share fullscreen

BriSeven

remix of d/548 by u/BriSeven

function u(t) {

for(i=750;--i;c=256)x.fillStyle=R((d=i%16*27)%c,d/19%c,d/3%c),m=i*(t+4e3)/1e3,n=10*i/200,x.fillRect(n*S(m)*30+960&2047,n*C(m)*30&1023,20,50)

Dec 23 2016 8:39 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/donbright

this made me lol

show FPS hide FPS share 4 remixes fullscreen

BriSeven

remix of d/546 by u/BriSeven

function u(t) {

X=960,Y=80+1080*t%900,a=1;for(i=99;--i;)x.fillStyle=T(a)<9?R(99-a,a/3,0,.3):"#FFA",x.fillRect(X+=S(a)*Y/50,Y+=C(a)*4,8,8),a+=7*Math.random()

Dec 23 2016 4:34 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 more comments…
u/lionleaf

Oh wow, that is amazing!
u/sigveseb

Very nice!
u/iverjo

Wonderful!
u/hamptonio

Happy little tree!
u/Beginner

Wow!
u/Xen

Done Re-mi(X)en 2878
u/Xen

Done Re-mi(X)en 2878
u/Xen

why post twice? :-/
u/joeytwiddle

Quantum commenterference I guess. This one is my favourite :)
u/iverjo

#tree
u/lionleaf

#christmas #christmastree #color
u/rawbits

A sad little tree. He has no friends. (Bob would be proud)
u/vain

Amazing procedural and beautifl tree. Mindblowing coding!

show FPS hide FPS share fullscreen

lionleaf

remix of d/537 by u/Atti

function u(t) {

for(i=2e3;i--;)a=i<5,x.fillStyle=a?i%2?"red":"white":"#080",d=i/3+80*T(i%300/260),x.fillRect(900+(a?i*S(i)*99:-d),a?400+i*200:i,a?50:2*d,50)

Dec 22 2016 6:04 PM UTC

}// 140/140

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

Merry Christmas! Golfed version of Atti's original too long proposal from #537

show FPS hide FPS share 1 remix fullscreen

Atti

function u(t) {

x.fillStyle="green";for(i=1085;i--;){d=i/3+80*T(i%300/260);x.fillRect(950-d,i,2*d,1)}

Dec 22 2016 5:15 PM UTC

}// 85/140

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

Basic Christmas tree! :)

u/Atti

A more elaborate version, that's currently too long: for(i=1085;i--;){x.beginPath();x.fillStyle=i<5?i%2?"red":"white":"green";d=i/3+80*T(i%300/260);i>5?x.rect(950-d,i,2*d,1):x.arc(900+i*S(i)*100,400+i*200,50,0,6);x.fill()}
u/Atti

Any help is appreciated in building an epic Dwistmas tree!
u/iverjo

Nice :) I made one last year, using a very different technique: https://www.dwitter.net/d/98
u/Atti

Cool! :)

show FPS hide FPS share 2 remixes fullscreen

BriSeven

remix of d/530 by u/BriSeven

function u(t) {

r=Math.random;for(i=0;i<1024;i++)
x.fillStyle=R((d=(t%220*i/64)|0)%256,d/1.4%256,d/7%256),
x.fillRect((r()*1080&i)-(i/2)+1920/2,i*.9,2,2)

Dec 22 2016 4:08 AM UTC

}// 137/140

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

u/iverjo

At first I didn't realise it was multicolor. It gets interesting after 20 seconds, when the green color crawls from the bottom, and other colors follow

show FPS hide FPS share 1 remix fullscreen

BriSeven

remix of d/526 by u/BriSeven

function u(t) {

for(i=16;i--;)x.fillStyle=R((d=i*S(t)*7+119*i)%256,d/1.4%256,d/7%256,.1),x.fillRect(120*i+30*S(13*t%i)+50,500*C(t/13)+500,30*S(t/i*3)+10,40)

Dec 22 2016 1:27 AM UTC

}// 140/140

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

a slight variation that happens to look IMHO a fair bit more pleasant and glassy.

u/iverjo

Candy land! :D

show FPS hide FPS share fullscreen

BriSeven

remix of d/524 by u/BriSeven

function u(t) {

x.globalAlpha=0.1;for(i=0;i<16;i++)x.fillStyle="#"+(i*t*20>>>0).toString(16),x.fillRect(i*160+S(t)*300-300,C(t/10)*500+500,161,160)

Dec 20 2016 10:43 PM UTC

}// 131/140

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

add sweep and moar motion blur!!

show FPS hide FPS share 1 remix fullscreen

iverjo

remix of d/521 by u/BriSeven

function u(t) {

c.width=1920;for(i=0;i<16;i++)x.fillStyle="#"+(i*292813798>>>0).toString(16),x.fillRect(i*160+S(t)*300-300,0,161,1080)

Dec 20 2016 1:22 PM UTC

}// 118/140

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

I used Zero-fill Right Bit Shifting to limit the color to 32 bits. This will only work in modern browsers with support for the new hexadecimal RGBA notation: #RRGGBBAA

u/lionleaf

Still haven't seen this in a browser where it works. Chrome on MacOS and Firefox on Ubuntu so far.
u/iverjo

Works in FF for me. Also, Chrome has a blog post about this and says it should work in Chrome 52. Yet it doesn't work in my Chrome 55 on Windows
u/iverjo

Also doesn't work in Edge
u/iverjo

I guess CSS4 isn't ready for prime time yet :P
u/BirdsTweetCodersDweet

#tagfail

show FPS hide FPS share 2 remixes fullscreen

BriSeven

remix of d/521 by u/BriSeven

function u(t) {

c.width=1920;for(i=0;i<16;i++){x.fillStyle="#"+(i*0x775511).toString(16).slice(-6);x.fillRect(i*160+S(t)*300-300,0,160,12000)}

Dec 20 2016 9:08 AM UTC

}// 127/140

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

fixed the hex string.

u/lionleaf

That's cool!
u/New_Core

other way, same colors, but not better way: for(i=16;i--;)x.fillStyle=R((d=i*parseInt(77,16))%256,(d/1.4)%256,(d/7)%256),x.fillRect(i*160+S(t)*300-300,0,160,1080)

dwitter.net | iverjo (56085)