Dweets awesomed by u/jcchurch

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

travistx

remix of d/5281 by u/travistx

function u(t) {

x.lineWidth=40
x.strokeStyle=`hsl(${t*60},100%,50%)`
x.beginPath()
x.arc(960,540,t%2*300,t*4,t*4+.1)
x.stroke()

Jan 2 2018 5:31 PM UTC

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

nystrand

function u(t) {

for(c.width|=x[i=frame]=300,d=t?-d:1;i--;i%6||x.lineTo(T+1e3,S+540))S=T,T=x[i]+=d*x[e=i+(i+d)%3-i%3]/123*((e+d+(t&65|t/13.3))%3);x.stroke()

Jul 23 2017 1:10 AM UTC

}// 139/140

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

RotatingSpherePatternPrinter

u/alien

wait what is going on here D: , could explain this x[i=frame] and T=x[i] plz
u/alien

How can you add T a numer, isn't T a defined function?
u/iverjo

frame is a number that starts at 0 and increases by 1 for each frame (this is actually a somewhat "hidden" feature in dwitter, and can be used as an alternative to t). T is initially a defined function (by dwitter), but the code in this dweet sets T to something else before a number is added to it. x[i=frame]=300 has the same result as i=frame,x[i]=300 because i=frame returns the new value of i
u/alien

D:!!!! @iverjo thxs
u/13thptr

#d3 #sphere

show FPS hide FPS share fullscreen

dongwoo

function u(t) {

c.width|=0
x.font='4cm a'
x.translate(f=900,f)
g=(h,j,k)=>x.fillText(h,j,k)
g('🐩',-20,80)
x.rotate(Math.abs(S(t*12))*Math.PI/5)
g('🐕',0,0)

Jul 20 2017 1:56 AM UTC

}// 138/140

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

u/sigveseb

lol
u/magna

Background music to go with it: https://www.youtube.com/watch?v=ivJrE_Wory0

show FPS hide FPS share 1 remix fullscreen

Xen

remix of d/547 by u/BriSeven

function u(t) {

X=960,Y=X*t%900,a=1;for(i=99;--i;a+=8*Math.random())x.fillStyle=T(a)<9?R(t-a,a/2,1,1):"#FFA",x.fillRect(X+=S(a)*Y/49,Y+=C(a)*4,4,4)

Jul 16 2017 7:36 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 more comments…
u/cantelope

this is awesome, but it looks identical to another one you posted...
u/Xen

this is my only tree one? :-o
u/donbright

happy little tree
u/tibbifox

beautiful
u/jick

This is wonderful.
u/innovati

🌲 👨‍🎨🎨
u/itsjustmustafa

It looks so natural!
u/Xen

thank you :-)

show FPS hide FPS share fullscreen

jcchurch

function u(t) {

c.width=1920;
g=S((t*3.14)/2)*127+127;
x.fillStyle=R(0,g,255-g);
for(i=0;i<36;i++){
h=540+270*(S((i+t)/2.7));
x.fillRect(i*52,1080-h,40,h)
}

Jul 14 2017 6:53 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 FPS hide FPS share 1 remix fullscreen

dongwoo

function u(t) {

w=c.width=100;
a=x.arc.bind(x);
for(i=w;i;){x.beginPath()
k=2*t
a(w/2+C(k)*5,w/3+S(k)*5,i--,i-k,i-k+3)
x.stroke()}

Jul 14 2017 6:07 AM UTC

}// 115/140

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

u/Xen

#2892 remix 92bytes hyper version

You've reached the end.

dwitter.net | jcchurch (196)