Dweets awesomed by u/jbl

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

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

ETHproductions

function u(t) {

for(c.width|=i=128;i--;)for(j=39;j--;x.fillRect(210+j*40+i*q-g,200+i*6*C(q/6),g*2,7))q=S(t*2-i/99-j/6),g=(S(i/2+j*3-t*9)*5+5)*(i>25||i/25)+1

Apr 15 2018 10:53 PM UTC

}// 140/140

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

Based on a tweet from @beesandbombs https://twitter.com/beesandbombs/status/9841…

u/ETHproductions

I only noticed right after posting that u/BalintCsala had already made his own interpretation d/7646
u/joeytwiddle

#cloth #material or maybe just beads on a string

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

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

for(c.width=i=-1;i++<125;)for(j=75;j--;x.fillRect(99+i-j,(i+j)/(2+T(t)/2)+!h,h|1,~h))h=t+j/13&i/9-t*6,h*=(h<5)*5,x.fillStyle=R(0,i+j,!h*200)

Apr 14 2018 4: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).

Isometric Islands

show FPS hide FPS share 1 remix fullscreen

jylikangas

function u(t) {

for(c.width=i=608;i--;i%320<64&&i&2||i>447&i%32<5||x.fillRect(99+S(A)*(60+9*(i>255)),(i>>5)*11+Q*9,9+i%5,9))x.globalAlpha=Q=C(A=i/5.09+S(t))

Mar 23 2018 5:38 AM UTC

}// 140/140

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

Spooky medieval tower

Show more comments…
u/Pjaerr

That's cool!
u/p01

I see what you did with the globalAlpha. Same trick as in https://www.dwitter.net/d/5747
u/aleamb

great!
u/sigveseb

A+++
u/joeytwiddle

coool
u/tomxor

This reminds me of the old game 'Nebulus": https://youtu.be/aI2UHTT18bs?t=28
u/KilledByAPixel

#castle
u/katkip

i bet you are the winner
u/vain

oh my god. absolutely unbelievable! as tomxor said - it reminds of the great Nebulus game

show FPS hide FPS share fullscreen

Xen

remix of d/6948 by u/dogspace

function u(t) {

with(x)fillStyle='#'+9*frame%1e3,fillRect(0,0,3,2e3),globalCompositeOperation='xor',drawImage(c,3,C(t*99)*S(t))

Feb 16 2018 11:23 PM UTC

}// 111/140

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

Shoutz 2 dogspace

show FPS hide FPS share fullscreen

Feiro

function u(t) {

for(a=6.28,w=960,h=540,c.width|=0;a>0;a-=.02){
	x.moveTo(w+h*C(a),h+h*S(a));
	x.lineTo(w+h*C(a*t),h+h*S(a*t))
}x.stroke();

Feb 14 2018 1:23 PM UTC

}// 122/140

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

It began as a quick experiment to generate the Cardioid, bacause of today. Swap 't' for 2 to see it. Happy valentine's day!

u/Feiro

To clarify: Cardioid comes from 'heart' in Greek.
u/aleamb

cool!
u/fons

it is like venus pattern :D
u/Yogeshp3

was my very first dweet :) https://www.dwitter.net/d/5238

show FPS hide FPS share 1 remix fullscreen

jbl

remix of d/5446 by u/jbl

function u(t) {

c.width|=i=300
while(--i)q=C(t/2+i/300)/49*i,x.arc(S(q+t/3)*(i*2-900)+1e3,S(q+t)*(i-99)+C(q)+500,S(i/96)*(C(t/3+i/30)+2)*40,0,7)
x.stroke()

Feb 11 2018 1:56 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/fons

I can stay and watch it forever

show FPS hide FPS share fullscreen

bschwb

function u(t) {

c.width|=0
x.lineWidth=850
for(i=1;i<9;i++)m=0.5*i*t,x.beginPath(),x.strokeStyle=`hsl(${i*20},50%,50%)`,x.arc(960,540,90,m,m+0.2),x.stroke()

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

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

dwitter.net | jbl (3479)