Dweets awesomed by u/aemkei

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

BuRRak

function u(t) {

for(i=c.width=99;i--;)for(j=56;j--;)x.fillRect(i,j,S(i*j+frame/32)*0.5+0.5,1)

Apr 25 2018 3:56 PM UTC

}// 77/140

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

Inspired by Neon City @jylikangas

u/BuRRak

I could save 4 bytes by using t*60 instead of frame and removing the 0 in decimal numbers but whatever
u/BalintCsala

x*.5 is x/2

show FPS hide FPS share fullscreen

p01

function u(t) {

c.style.background="#070";x.font='320px a';s=1-t%1;x.fillText('🃏',640*(s*2-C(t|0)),999-600*Math.abs(S(~t)*C(s*6)*s))

Apr 24 2018 8:31 PM UTC

}// 116/140

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

🃏 VICTORY!!! 🃏

u/magna

#solitaire
u/vain

haha.... nice one! :-)

show FPS hide FPS share fullscreen

hollo47

function u(t) {

c.width=g=999;for(i=-70;40>i;i++)for(j=1;80>j;j++)f=500*i,h=j-t%1,l(),f+=500,l();function l(){x.lineTo(500+f/h,(g+270*S(7*f))/h)}x.stroke();

Apr 24 2018 2:03 PM UTC

}// 140/140

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

Further learning perspective. Landscape experiment!

u/joeytwiddle

That's cool! #landscape #perspective
u/jylikangas

Nice! There are some golfing opportunities. 124 byte version...for(c.width=g=999,i=-70;40>i++;)for(j=80;--j;l(f+=500))(l=e=>x.lineTo(500+f/h,(g+270*S(7*f))/h))(f=500*i,h=j-t%1) x.stroke()

show FPS hide FPS share fullscreen

jylikangas

remix of d/7171 by u/jylikangas

function u(t) {

for(i=110;i--;)for(j=64;j--;x.fillStyle=R(L*=1+j*i&79?(2+t%6)*j:200,x.fillRect(i*T,j*T,T=18,T),L*2))L=!(j/8<6+C(i-j-t)&(j/9>3+S(i|3)|j%7<1))

Apr 23 2018 9:32 AM UTC

}// 140/140

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

Neon city wakes up

Show more comments…
u/sigveseb

even better than before!
u/sigveseb

#city
u/BalintCsala

Sorry for the language, but what the fuck
u/iverjo

Nice! Better colors than your previous version https://www.dwitter.net/d/7171 #cityscape #pixel
u/hollo47

I love that there is so much going on in its 8bit aesthetic! Wouldn't mind this becoming a new trend!
u/zanella

The reflection doesn't match the buildings. Lame.
u/zanella

JUST KIDDING! It's freaking awesome!
u/jylikangas

Darn I knew there was a bug in there somewhere. :D
u/jylikangas

http://jsriffs.blogspot.fi/2018/04/making-of…
u/zanella

Thanks for the making of post, wish every cool dweet had one of those!
u/joeytwiddle

#landscape #scene #water
u/iverjo

#makingof

show FPS hide FPS share 1 remix fullscreen

lionleaf

remix of d/7739 by u/lionleaf

function u(t) {

 for(c.width|=i=5;i--;x.fillText('#GIFS'[i],i*399,540+S(t*9+i)*99))x.font=C(t-i/9)*3e2+'px x',x.fillStyle=`hsl(${t*i*t},50%,50%`

Apr 22 2018 11:16 AM UTC

}// 128/140

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

You can now record #GIFS! Try the record button. Note that processing takes some time, so I recommend trying a very short gif to begin with. Suggestions and feedback welcome. Thanks to u/BalintCsala for the implementation of gif recording!

u/lionleaf

(Note that gif processing happens in worker threads, so you should be able to switch tabs while waiting)
u/lionleaf

#feature
u/lionleaf

#text

show FPS hide FPS share 1 remix fullscreen

lionleaf

remix of d/6228 by u/BirdsTweetCodersDweet

function u(t) {

 for(c.width|=i=9;i--;x.fillText('#hashtags'[i],i*199,540+S(t*9+i)*99))x.font=C(t-i/9)*3e2+'px x',x.fillStyle=`hsl(${t*i*t},50%,50%`

Apr 21 2018 6:53 PM UTC

}// 132/140

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

#hashtags are now live!

u/lionleaf

Give it a #test. You can put hashtags on other people's dweets from comments.
u/lionleaf

#feature
u/lionleaf

#text

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

for(c.width=i=-39;i++;x.rect(0,70,300,99))x.rect(155+S(a=t-i/18)*111-T(a/4),99+C(a*2+i%4)*(38+i)*2/(Z=2+C(a)),i/Z/3,i/Z/9)
x.fill('evenodd')

Apr 21 2018 5: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).

Schooling fish - wait for the other group to show up

u/jylikangas

Inspired by a GIF by Frédéric Vayssouze-Faure
u/joeytwiddle

Nice stuff! http://wavegrower.tumblr.com/
u/lionleaf

#fish #ocean #water #hashtag_mania

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

for(c.width=i=714;i--;F(t+i/714+(i>>7)/9,-9))(F=(a,o)=>x.strokeRect(357+S(a)*290-o/(Z=C(a)+1+(t%6<3)),99+C(a*(t/6%4|0))*99/Z,o/=Z/2,o))(i,4)

Apr 17 2018 9:12 AM UTC

}// 140/140

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

CHOO CHOO! Let it run to see all the tracks. :)

Show more comments…
u/Agnes

This is your most unbelievable one so far. What the hell.
u/aemkei

Just WOW!!! I can even hear the sound
u/Galaxtone

I stil ldon't know how to make a 3d engine and a camera view that moves around in only 140 bytes
u/New_Core

Very good one...
u/stiaje

No, this is just not supposed to be possible!
u/sigveseb

so simple and elegant :))
u/magna

Dude!
u/nystrand

Outstanding!
u/Renaud___

so great OO
u/aleamb

superb!!
u/hollo47

No. This is not possible.
u/artfarnaa

He's somehow linking another JS :}}
u/lionleaf

Woah!
u/jylikangas

http://jsriffs.blogspot.fi/2018/04/making-of…
u/iverjo

This is really, really impressive!
u/prinzphi

Unbelievable!
u/lionleaf

#train #3d #camera #hashtag_testing
u/sigveseb

Nice Making-of article! <3 more of those please :))
u/sigveseb

#witchcraft
u/lionleaf

#amazing
u/lionleaf

#making_of #blog
u/aleamb

#rollercoaster
u/pythech

wtf! many thanks for the blog post
u/micahcowan

#wireframe
u/alien

WTF!!!!
u/katkip

Wow
u/f8f82804

#d3
u/donbright

YES
u/mpasula

this is just so fucking cool!
u/Tekmap

👏👏👏👏👏
u/stephanegeorget

OMG
u/vain

How? O.o I am very enthusiastic and at the same time speechless

show FPS hide FPS share fullscreen

jylikangas

function u(t) {

with(x)for(rect(T(-t)*9,111,c.width=220,i=-1);i++<2;stroke())translate(X=!i*99,X-!!i*22+C(4*t)*-~i)&rotate(t)&rect(9,9,-18,-18)&rotate(t=-t)

Apr 15 2018 3:48 PM UTC

}// 140/140

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

Walking boxes

u/jylikangas

Dwitter implementation of http://muuficom.tumblr.com/post/87229339929

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

for(c.width=i=800;i--;x.fillStyle=`hsl(${i+t*50},80%,50%`)x.fillRect(S(i/99+t/2)*99/(z=i/300)-(w=99/z)/2+400,(99+S(i/50+t)*60)/z+200,w,9/z);

Apr 15 2018 3:41 PM UTC

}// 140/140

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

Rainbow road

u/aleamb

nice colors!
u/iverjo

#rainbow

dwitter.net | aemkei (24135)