Dweets awesomed by u/SuperFromND

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 3 remixes fullscreen

yonatan

function u(t) {

c.width=-1
for(i=2e3;i--;x.fillRect(150+C(--m)*r,30+i/15+S(m)*r/2,9,6))r=9+C(i/770)**2*44,x.fillStyle=R(a=S(m=i+t)**8*255+128,a*.7,a/4,i/66)

Oct 8 2018 7:42 AM UTC

}// 140/140

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

http://zozuar.org/txt/chalice/

Show more comments…
u/BalintCsala

The scariest part of this halloween is how easily you can kill anyone's self-esteem
u/firegodjr

-10 self esteem but +50 knowledge with that nice write-up. Thanks for that :)
u/katkip

saint gral
u/hvianna

Awesome! Thanks for the tutorial!!
u/iverjo

Kudos for the write-up. I like that I can see the result of the code in each revision
u/BirdsTweetCodersDweet

Yeah, these write-up tutorials showing the step-by-step changes in the code are amazing... Thanks!
u/BirdsTweetCodersDweet

P.S I wouldn't say it "devolved" into a demo - demos are good!
u/joeytwiddle

#model #lighting #holygrail

show FPS hide FPS share fullscreen

New_Core

function u(t) {

c.width=-1
for(i=400;i--;)x.fillRect(20*C(b=(i/(q=50*S(t*.8+i/99)+150)+t)%1.58+i%2*1.58)-(d=40*S(b)/2)+q,a=~~(i/2),d*2,b/2+.1)

Oct 7 2018 2:21 PM UTC

}// 126/140

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

my first twister...=)

u/iverjo

Nice #twister
u/joeytwiddle

It's a very good one #lighting #shading

show FPS hide FPS share fullscreen

katkip

remix of d/5989 by u/sandromiccoli

function u(t) {

c.width=2e3;x.globalCompositeOperation='xor';for(i=99*t|0;i--;){a=i*4;x.beginPath();x.arc(960+C(a+t)*300,540+S(a+t)*300,300,3,9);x.fill()}

Oct 7 2018 11:34 AM UTC

}// 138/140

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

It's fun to watch. #xor

show FPS hide FPS share 1 remix fullscreen

dogspace

remix of d/10262 by u/E-Mouse

function u(t) {

for(i=2e3;i--;x.fillStyle=R(C(t)*128+128,0,S(i)*128+128,.07))x.fillRect(960+S(p=i/314)*(d=250+T(p*3+t)*(T(t)*99)*T(t)*1),540+C(i)*d,9,9)

Oct 6 2018 6:03 PM UTC

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

SuperFromND

remix of d/10253 by u/prplz

function u(t) {

for(c.width=2e3,j=0;16*t>j++;)for(i=0;5>i;x.rotate(5))x.fillStyle=`hsl(${t*64*++i} 99%64%`,x.fillRect(i,j*9,400,200);

Oct 6 2018 2:53 AM UTC

}// 117/140

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

Bullseye

show FPS hide FPS share fullscreen

geb

remix of d/10222 by u/E-Mouse

function u(t) {

f=500
x.beginPath()
c.width|=
x.stroke()
for(i=f;--i;)
x.lineTo(C(k=i-t)*900+900,C(k=i^t/3)*f+f)
x.fill("evenodd")

Oct 2 2018 9:59 PM UTC

}// 114/140

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

u/donbright

this stuff would be much cooler if i had a faster machine i think
u/Purpzie

are you saying that WE COULD HAVE DONE c.width|= ON ITS OWN LINE THIS WHOLE TIME INSTEAD OF c.width
u/Purpzie

*c.width|=0
u/magna

That's effectively c.width|=x.stroke()

show FPS hide FPS share 2 remixes fullscreen

BalintCsala

function u(t) {

eval(unescape(escape`景爨欽椽㉥㌻椭ⴻ砮晩汬剥捴⡓⡴⤪稫㤶〫匨洽房⡫⩪簰⤪⨴㨰⤪爭猯㈬䌨琩⩺⬵㐰⭃⡭⤪爬猬房猺猯㤩⥢㵩┲㤬稽椯㤬樽⡩⽫⭴⤥ㄬ爽⡢㼱攴㨸攳⤯稬猽㙥㌯稬砮晩汬却祬攽刨愽㤹⭓⡪⨹⤪㠸ⱡⱡ⤻`.replace(/u(..)/g,"$1%")))//SC

Oct 2 2018 12:01 AM UTC

}// 140/140

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

Strange crystals v0.140

Show more comments…
u/BalintCsala

Thanks to u/yonatan for making this possible
u/joeytwiddle

Strange crystals was a #js1k demo so wow! https://js1k.com/2013-spring/demo/1459 https://js1k.com/2013-spring/demo/1555
u/joeytwiddle

yonatan's 139 redux: for(k=i=2e3;i--;x.fillRect(960+S(m=(k*j&-b)**4)*r-z,540+C(m)*r,T=5e3/z,T))b=i%9>0,j=(i/k+t)%1,z=i/9,r=(b?1e4:8e3)/z,x.fillStyle=R(S(j*9)*z)
u/joeytwiddle

yonatan's 149 redux: for(k=i=2e3;i--;x.fillRect(960+S(m=(k*j&-b)**4)*r-z,540+C(m)*r,s=5e3/z,s))b=i%9>0,j=(i/k+t)%1,z=i/9,r=(b?1e4:8e3)/z,x.fillStyle=R(a=99+S(j*9)*99,a,a)
u/magna

Whoa!
u/lionleaf

#minecraft
u/iverjo

#witchcraft
u/Joachim

#tunnel

show FPS hide FPS share 1 remix fullscreen

firegodjr

remix of d/9768 by u/firegodjr

function u(t) {

x.font='3em x'
for(m=j=32;j--;)for(i=63;i--;)x.fillText('◢◣◤◥'[Math.random()*4|0],i*m,j*m),x.fillStyle=`hsl(${S(t)*i*m+j*C(t+i)*m},99%,50%`

Oct 1 2018 7:57 PM UTC

}// 139/140

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

Triangular Psychedelia

show FPS hide FPS share 1 remix fullscreen

yonatan

remix of d/10175 by u/yonatan

function u(t) {

eval(unescape(escape`景爨挮睩摴栽㤹Ⱪ㴲攳㭩ⴭ㭾⡱籙⤦㐦☱㰼⡙㰼㉼焪㈩☳㔹㑼籸⹦楬汒散琨㔰⭃⡭⤪爬甪㈲ⵓ⡭⤪爯㌬㘬㔩⥡㵩⼱㠬爽⠹⭃⡩⤩⨶⩓⡓⡵㴳⵩⼶㘶⤪⨮㔩ⱸ⹦楬汓瑹汥㵒⡧㵓⡭㵴⭡⤪㌰〬术㈩ⱙ㵵⨳ⴴⱱ㵡┶⸳`.replace(/u(..)/g,"$1%")))

Sep 30 2018 7:51 PM UTC

}// 140/140

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

Another jackolantern (thx u/BirdsTweetCodersDweet)

Show more comments…
u/yonatan

for(c.width=99,i=2e3;i--;~(q|Y)&4&&1<<(Y<<2|q*2)&3594||x.fillRect(50+C(m)*r,u*22-S(m)*r/3,6,5))a=i/18,r=(9+C(i))*6*S(S(u=3-i/666)**.5),x.fillStyle=R(g=S(m=t+a)*300,g/2),Y=u*3-4,q=a%6.3
u/yonatan

Light it with: R(g=300-S(m=t+a)*255,...
u/joeytwiddle

#halloween #pumpkin
u/donbright

insane
u/katkip

i do not have word to say
u/magna

*curse words*
u/sigveseb

holy
u/UEZ

Can you explain me how JS executes this: ~(q|Y)&4&&1<<(Y<<2|q*2)&3594||x.fillRect()? Thx

show FPS hide FPS share 3 remixes fullscreen

QXY

function u(t) {

c.width|=0;for(i=69;i--;){x.lineWidth=i,x.beginPath(),x.arc((o=i&1?-99:99)*2*C(t)*S(t*.2)+960,o*.9*S(t)*C(t*.7)+520,i**1.76,0,7),x.stroke()}

Sep 30 2018 7:37 PM UTC

}// 140/140

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

boring interference :)

u/Xen

i love it :)
u/donbright

fascinatin
u/donbright

i was looking up Young's double slit - this reminds me of his original drawings he made in the early 1800s, https://bit.ly/2OsA1mh

dwitter.net | SuperFromND (4670)