Dweets awesomed by u/kaicarver

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: #ScaryMovies

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

c.width=2e3;for(a=i=629;i--;)s=-150/((i+t*60)%a),X=a*S(i*.31)*s+1e3,Y=a*C(i*.3)*s+500,x.fillRect(X,Y,s*9,s*9),x.lineTo(X,Y);x.stroke();

Jan 17 2017 4:08 PM UTC

}// 135/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/Ameo

That's ridiculously impressive.
u/Ameo

That's ridiculously impressive.
u/Ameo

That's ridiculously impressive.
u/ilSilvano

That's three times ridiculously impressive.
u/joeytwiddle

I feel like god is pulling all the thread out of the universe
u/hope4tg

Haha, agree with joey, the zoom out effect is awesome
u/Lazy1337

#d3
u/katkip

#infinite
u/vain

really impressive

show FPS hide FPS share 1 remix fullscreen

New_Core

remix of d/575 by u/iverjo

function u(t) {

if(!t)r=1,X=Y=800,W=2e3,H=1e3;x.fillStyle='hsl('+X+',99%,50%)';x.fillRect(X+=5*S(r+=S((t+X)*r)/2),Y+=5*C(r),5,5),X=((X%W)+W)%W,Y=((Y%H)+H)%H

Jan 3 2017 12:43 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

If we use ES6 template literals, we can shave off a byte :D
u/iverjo

hsl(${X},99%,50%)

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

if(!t)I=new Image(),I.src="http://is.gd/kjG7hF";c.width=1e3;x.drawImage(I,Math.floor(5*t%8)*184,0,184,325,-300+80*t%2e3,99,256,325)

Dec 25 2016 7:25 PM UTC

}// 131/140

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

I was first thinking of doing alot of 3d rotating boxes but didnt find any good,,, ;) then I thought of reading pixels as letters and do all code I need on the picture but code got to long,, so a simple animation will do.

u/13thptr

#external
u/13thptr

#broken

show FPS hide FPS share 2 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

New_Core

function u(t) {

if(!t)s=["The","Worst","Zoomtext","Ever","Made",";)"];c.width=500;z=250/(250-60*t%250);x.font=10*z+'pt a';x.fillText(s[~~(t*.24)%6],0,200);

Nov 22 2016 10: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).

u/iverjo

128 characters: c.width=500;z=250/(250-60*t%250);x.font=10*z+'pt a';x.fillText("The|Worst|Zoomtext|Ever|Made|;)".split('|')[~~(t*.24)%6],0,200);
u/New_Core

ah yea, I was thinking of using the split but didnt think it would fit as nicely as you showed it.. good one =)
u/iverjo

115 characters: c.width=500;x.font=250/(25-6*t%25)+'pt a';x.fillText("The|Worst|Zoomtext|Ever|Made|;)".split('|')[0|t*.24%6],0,200)
u/New_Core

#text #zoom

show FPS hide FPS share fullscreen

New_Core

function u(t) {

x.fillStyle=R(b=2e3,b,b,0.1);x.fillRect(0,0,b,b);x.beginPath();for(i=b;i--;)x.lineTo(i/2*C(t)+i*S(g=t+i)+960,i/4*S(t)+i*C(g)+540);x.stroke()

Aug 21 2016 3:10 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/iverjo

Dat tunl!
u/New_Core

maybe its a spinning chinese hat from top
u/iverjo

You're right, I can trick my brain into beliving that. Funky! It's like one of those illutions where you see different things based on how you look at it/think of it
u/iverjo

*believing
u/iverjo

Dwitter really needs an "edit comment" feature :P
u/lionleaf

Wow!!
u/giel

Nice!
u/lionleaf

#rotation #hat #in_or_out #lighting
u/joeytwiddle

#shiny
u/vain

Wow! Very nice!

show FPS hide FPS share fullscreen

mmerchante

function u(t) {

W=A=B=c.width=3e2;x.fillRect(0,0,B,B);while(--W){A=B*A>>8;k=A%4;x.fillStyle=R(0,B/k);x.fillText(String.fromCharCode(t+B*W),W,(A+t*B/k)%B);}

Jul 22 2016 3:26 AM UTC

}// 139/140

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

u/iverjo

#matrix

show FPS hide FPS share 1 remix fullscreen

ocasta181

remix of d/133 by u/lionleaf

function u(t) {

c.width=2e3;x.translate(980,450);for(i=0;i<392;)x.fillStyle=R(i,0,S(t)*190),x.rotate(!i*C(t-=.01)+!(i++%4)*S(t)|t),x.fillRect(5*i,5/t,i*t,i)

Jun 20 2016 10:01 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 fullscreen

icecuber

function u(t) {

v=t-9;m=t%.8-.4;r=m*m*12+3.7;r^4?r=r+.3|0:0;r=t<5.6?r*50:v<1?72:v<5.6?r*20:v<7.3?-67/C(t):x;x.fillRect(960-S(v)*r,(v<1?300:645)-C(v)*r,9,23)

May 19 2016 11:56 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/lionleaf

Crazy impressive!
u/iverjo

Wicked!
u/lionleaf

How did you do that?!
u/stiaje

Outrageous!
u/iverjo

This is still like black magic to me. It needs to be explained in a blog post or something.
u/lionleaf

+1 for a blog post!
u/ocasta181

bump!
u/iverjo

For the sake of context: This dweet draws the logo of Hackerspace NTNU https://hackerspace-ntnu.no/
u/lionleaf

#logo
u/Lazy1337

#witchcraft

show FPS hide FPS share 4 remixes fullscreen

icecuber

function u(t) {

c.width=1920;for(i=24;i--;)for(j=24;j--;)t+=1.7,s=S(t)*((j+i&1)*2-1),x.setTransform(C(t),s,-s,C(t),i*99,j%12*99),x.fillRect(-9,-49,19,99)

Apr 20 2016 4:54 PM UTC

}// 137/140

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

u/lionleaf

Try following the "wave" with your eyes!
u/innovati

This is amazing!
u/vain

amazing and beautiful effect. Nice tricky illusion

dwitter.net | kaicarver (1450)