Dweets awesomed by u/Inkbox

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 fullscreen

Inkbox

function u(t) {

c.width=1920
x.font="99px Arial"
for(i=0;i<190;i++)
x.fillText(String.fromCharCode(32768+(t+i*19)%4095),100*(i%19),130+100*Math.floor(i/19))

Jan 10 2018 5:29 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

Inkbox

function u(t) {

var f=100;
x.fillStyle=R(S(t)*255,S(t)*255,C(t)*255,255);
x.fillRect(t*f,t*f-400,t*f,t*f);
x.fillRect(1920-t*f*2,t*f-400,t*f,t*f);

Jan 8 2018 3:36 PM UTC

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

myxoh

function u(t) {

d=Date.now()*Math.PI/3e4
i=(c.width=200)/3
l=r=>{
x.moveTo(99,60)
x.lineTo(S(r)*i+99,-C(r)*i+60)
x.stroke()
i*=.6
d/=60
}
l(d)
l(d)
l(d*5)

Jan 8 2018 12:45 PM UTC

}// 138/140

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

Accurate Clock. Digital version: https://www.dwitter.net/d/5718

show FPS hide FPS share fullscreen

corruptio

remix of d/5600 by u/p01

function u(t) {

for(i=h=432;i--;x.fillRect(h+(h/i-1)**.5*S(t-i)*i,i,9,44))x.fillStyle=R(v='㓀职뿽흟�巶涷溲疗恋ᑐㆇന䁓ꘐ㒄␅਩先р蠂'.charCodeAt(i/16)>>i%16&1,v*h,99,C(t-i))

Jan 8 2018 9:44 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/aemkei

🌎 😍
u/p01

Fantastic job! Love the use of the cos(t-i) aka backface culling as alpha value of the fillStyle to sort the splats and skip clearing the whole canvas. That was THE killer optimization to fit in 140 chars.
u/sigveseb

Wow! ACE
u/donbright

:O
u/lionleaf

Amazing!
u/Teijou

Does it JS or another language?
u/fusty

Wow . . . how?
u/fusty

It would be amazing if you could post an expanded, commented version along with your 140 character versions on this site.
u/oldspork

I'm completely new to all coding and just found out about this amazing community; how on Earth do these symbols code for a globe?
u/hg

oldspork These symbols are just what unicode decides his binary data can best be represented as in text. The real magic is the charCodeAt part of their code.
u/iverjo

#sphere #earth #globe

show FPS hide FPS share fullscreen

Bam191

function u(t) {

c.width=1920
for(i=0;i<1000;i++)
x.fillRect(960+((i/10-2)*S(t/2+i/10))*50+S(t/2+i/10)*100,400+(i/10*C(t+i/10)*20),50*(C(t/2+i/10)),200)

Jan 8 2018 6:34 AM UTC

}// 135/140

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

First dweet! Yay!

show FPS hide FPS share fullscreen

Inkbox

function u(t) {

x.fillStyle=R(Math.random()*255,Math.random()*255,Math.random()*255,255);
x.fillRect(Math.random()*1920,Math.random()*1080,t*2,t*2);

Jan 7 2018 4:39 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

Inkbox

function u(t) {

x.lineWidth=25;
x.fillStyle=R(C((t+90)*1.2)*255,C((t+85)*1.1)*255,C((t+25)*1.3)*255, 255);
x.fillRect(C(t)*400+960,S(t)*400+450,150,200);

Jan 6 2018 9:42 PM UTC

}// 137/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 5 remixes fullscreen

p01

function u(t) {

for(i=h=c.width=432;i--;)C(t-i)>0&&x.fillText('.⬤'['榁翻꺿듻ퟝ믭󫥤큰삗⢠挎ᩐ肦䰠椉䠊ᑒꊐࢀင'.charCodeAt(i/16)>>i%16&1],192+(i*h-i*i)**.5*S(t-i)/2,i/2+9)

Jan 5 2018 8:35 PM UTC

}// 137/140

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

AND THE WORLD GOES ROUND 🌏🌍🌎

Show more comments…
u/Xen

nice :-)
u/xem

what an achievement!
u/aemkei

You made it! 🙇
u/nystrand

W🌎W !
u/sigveseb

up to the top of the frontpage you go!
u/lowpoly

Wow, your work always inspired me :)
u/trupples

Wow, congratz! I tried doing this but failed miserably lol. Awesome work
u/Renaud___

Nice work !! :)
u/donbright

beautifuyl
u/aemkei

Now with color: d/5747 by u/corruptio.
u/iverjo

#sphere #earth #globe
u/vain

Wow! Insane! Nice to see you here, P01 :-) greetz

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/2612 by u/joeytwiddle

function u(t) {

t?c.width=W=200:P=Z=0;for(i=36;i--;j==Z&&(X-99)**2<60?Z=9:Z?onclick=e=>Z--:P++)j=i>>2,x.fillText(j?'🚌':'🐢',j?X=j%5*t/i*P/23%W:99,9*(j||Z))

Dec 29 2017 2:29 PM UTC

}// 138/140

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

Crossy tortoise. Click to play

Show more comments…
u/zanella

Holy s**t, that was awesome!
u/joeytwiddle

Thanks hehe. The traffic patterns suffered in this version, to make room for the emojis.
u/iverjo

This needs more upvotes!
u/_nderscore

Awesome!
u/lionleaf

Oh wow! Amazing!
u/trupples

holy shit
u/SIGILLIM

I won! :D. This is so creative.
u/leon

extra
u/vberlier

super dope stuff here
u/joeytwiddle

The traffic I wanted, but cannot fit: j?X=j%5*(t+i)*P/400%W:99
u/lionleaf

#game #interactive #emoji #frogger #tortoise #bus
u/fujimotos

#playable
u/katkip

Impossible
u/hvianna

👍👍
u/joeytwiddle

For playability, the boxy d/2612 is my favourite

show FPS hide FPS share 2 remixes fullscreen

aemkei

function u(t) {

t||(W=c.width=600);i=W;for(x.fillRect(0,0,W,W);i--;x.fillText(unescape("%u30B"+C%9),i*9,C=~~(t*9+i**3)*12%W))x.fillStyle=R(0,i&&W,0,i?1:.05)

Mar 19 2017 8:18 PM UTC

}// 140/140

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

Welcome to the Matrix!

u/iverjo

#matrix
u/danny@hille.dk

More speed longer trails !t?W=c.width=600:i=W;for(x.fillRect(0,0,W,W);i--;x.fillText(unescape("%u30B"+C%9),i*9,C=~~(t*15+i**3)*11%W))x.fillStyle=R(0,i&&W,0,i?1:.03)
u/vain

Beautiful looking remake of the matrix fx

dwitter.net | Inkbox (996)