Dweets awesomed by u/jylikangas

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

p01

remix of d/7215 by u/jylikangas

function u(t) {

for(c.width=i=W=99;i--;)for(j=0;j++<W;x.fillRect(i,j,1,~z))x.fillStyle=R(z=((d=700/j)*i/W+C(t)&d+t&7)*W/d,z*4,W);x.fillText('🐑',-9*C(t),40)

Mar 14 2018 10:10 PM UTC

}// 139/140

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

Tuulian Minecraft: Sheep edition

u/jylikangas

Tuulia approves! :) Thanks!
u/sigveseb

:D:D:D
u/iverjo

#minecraft
u/alien

How does this work omg!!
u/Conjuror

love it and it is cool

show FPS hide FPS share fullscreen

Agnes

function u(t) {

with(x)for(c.width|=i=9,scale(m=100,m),font='2px A',fillText("🚚",r=20-t*(1+.2*C(t)),6);i--;fillRect(Math.min(4+i+S(t)*3,r+i/2-4),4,.5,2));

Mar 9 2018 1:49 PM UTC

}// 138/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/fujimotos

Haha, good.
u/jylikangas

Awesome! Reminds me of Shikato animations. :D
u/aleamb

Lol! nice!
u/Xen

love it :-)
u/magna

LOL
u/M1T0

haha very smart
u/Agnes

#default
u/joeytwiddle

#physics
u/micahcowan

#truck #emoji
u/vain

haha... great idea and impressive implementation

show FPS hide FPS share 3 remixes fullscreen

jylikangas

function u(t) {

for(c.width=i=W=300;i-=2;)for(j=40;j<W;x.fillRect(i,j++-h,2,h+1))x.fillStyle=R(h=((d=W*3/j)*S(A=i/W+S(t))-t&d*C(A)+t*9&7)*99/d,j|2,!h&&W-j)

Mar 8 2018 6:16 AM UTC

}// 139/140

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

Tuulian Minecraft :)

Show more comments…
u/yonatan

Beautiful!!
u/nystrand

Impressive!
u/joeytwiddle

Flipping awesome!
u/aleamb

epic!!
u/loni_art

Damn! my pc is dyingwith this but at least its awesome!
u/magna

What. The.
u/artfarnaa

Dangerous if this got out.
u/zanella

... AND there's still one character left. Jesus!
u/p01

AMAZING! Btw, you can save 3 bytes without changing the visuals or camera path by using fillRect(i,j++,2,~h) ;)
u/jylikangas

Thanks all! p01 - I didn't know fillRect takes negative height. That's gonna save bytes in my other demos too - big thanks for the tip!
u/jylikangas

118 byte version including Mathieu's tip... for(c.width=i=W=199;i--;)for(j=9;j<W;x.fillRect(i,j++,2,~h))x.fillStyle=R(h=((d=W*4/j)*S(A=i/W)&d*C(A)+t)*99/d,j,h||W)
u/jylikangas

<W;x.fillRect(i,j++,2,~h))x.fillStyle=R(h=((d=W*4/j)*S(A=i/W)&d*C(A)+t)*99/d,j,h||W)
u/iverjo

Wow, incredible!
u/p01

https://www.dwitter.net/d/7337 Check out "Tuulian Minecraft: Sheep edition": 140 characters and one sheep.
u/iverjo

#minecraft
u/donbright

:O
u/Conjuror

love it and it is cool
u/vain

Unbelievable cool faked 3d minecraft like scene
u/CalSch

My phone's cpu does not vibe with this, but it is cool nonetheless.

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

for(c.width=250,t*=Y=w=69;Y--;x[f](-w+Y*7-S(t/w)*w,0,7,50+S(Y^w)*9))x[f='fillRect'](w-w/(z=Y)+S((v=Y+t)/w)*z*3,w+w/z,v&4?350/z:0,S(v/9)*3)

Mar 1 2018 9:50 AM UTC

}// 138/140

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

OutRun :)

Show more comments…
u/sigveseb

Yeeees!
u/joeytwiddle

Whoa nice :D
u/Renaud___

wow
u/zanella

Just the road and the skyline effects alone are awesome. Dwitter is getting more and more awesome. :)
u/artfarnaa

thanks Jyklikangas. Your dwits are very motivating.
u/TheGreatRambler

Really nice!
u/aleamb

#road

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/7101 by u/yonatan

function u(t) {

for(A=c.width=99;A--;)for(B=57;B--;x.fillRect(A,B,s,s))X=A-50,Y=B-27,q=X*X+Y*Y,z=(2200+C(t)*2e3-q)**-.3,s=S((t*9+X*z^C(t)*9+Y*z)/9)

Feb 27 2018 8:26 PM UTC

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

jylikangas

function u(t) {

for(c.width=Y=W=256,t*=w=99;Y--;x.fillStyle=R(t%w,Y,w))x.fillRect(w-w/(z=Y/9)+S((v=Y+t)/w)*z*7+(v&8&&w)/z,W/z+Y*C(v/50),v/8%W>9&&W/z,Y%60/z)

Feb 27 2018 12:52 PM UTC

}// 140/140

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

Enjoy the ride but watch out for the missing track pieces! :)

Show more comments…
u/aleamb

wow! epic!
u/zanella

Damn!!
u/sigveseb

Crazy good!
u/artfarnaa

Crazy Epic!
u/jylikangas

Thanks!
u/aleamb

#rollercoaster

show FPS hide FPS share fullscreen

Feiro

function u(t) {

t||(p=new AudioContext(),o=p.createOscillator(),o.connect(p.destination),o.start())
o.frequency.value="昳餠胃胃胃状昳昳衫衫胃胃状状昳".charCodeAt(t*3)/100

Feb 18 2018 7:55 PM UTC

}// 140/140

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

Guess the song! :D

u/Feiro

Bug in Dwitter: the sound continues after you've scrolled beyond the dweet.
u/BuRRak

This is so cool xD

show FPS hide FPS share 1 remix fullscreen

snydej

remix of d/6994 by u/snydej

function u(t) {

[0,1,2].map(d=>x.fillRect(0,0,90,90,x.setTransform(s=S(q=d*2.1+t),C(q),S(q+=2.1),C(q),t%8*250,990*S(t/6)**2),x.fillStyle=R(l=140+80*s,l,l)))

Feb 18 2018 7:34 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/magna

WOOOT!!!
u/BuRRak

amazing
u/iverjo

Great idea!
u/13thptr

#twister -like
u/Cloud

#d3

show FPS hide FPS share 1 remix fullscreen

New_Core

function u(t) {

c.style.background="radial-gradient(#f73 5%,#113 "+(99*S(t))+"%)"
r=a=>S(a*8)
for(i=99;i--;)x.fillRect(i*25+r(i)*50,1080,50,-700+r(i*i)*99)

Feb 16 2018 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).

Show more comments…
u/Xen

nicely done
u/aleamb

nice!!
u/magna

Yes.
u/BirdsTweetCodersDweet

Cool!
u/sigveseb

Woow, I was 100% expecting the code to be an external network request. So good!
u/iverjo

Wow!
u/Kalanchoe

Beautiful
u/donbright

:p
u/donbright

i mean :o
u/zanella

The most awesome thing about Dwitter is how the quality of the dweets is constantly increasing. Everybody is learning new tricks and techniques from one another and doing more and more awesome stuff. :)
u/sj_

😍
u/New_Core

#city
u/joeytwiddle

#landscape #sunset

show FPS hide FPS share fullscreen

jonathan_b

remix of d/6724 by u/jonathan_b

function u(t) {

with(x)for(s=i=1920;i-=8;beginPath(fill()))r=C(i*2+t/2)*300,arc(s/2+s/4*T(i+t),540+r*S(i),i/3,0,7),fillStyle=`hsl(${r+i/2},70%,${99-i/9}%)`

Feb 6 2018 2:58 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

So good!

dwitter.net | jylikangas (13616)