Dweets awesomed by u/ETHproductions

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

MrFuzzzy

function u(t) {

c.width=999;if(!t)a=Array(99).fill(99)
c.onmousemove=d=>a[0]=d.clientY*1.5
for(i=1;i<99;i++){x.strokeRect(i*9,a[i]=a[i]*.6+a[i-1]*.4,99,99)}

Jan 8 2018 7:54 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/Xen

nice idea
u/sigveseb

Haha I saw this and I was like "this one totally reacts to mouse input" before I even looked at the code :D nice one
u/magna

Love this!
u/Xen

sigveseb i dont even check anymore, i just wave my mouse over every dweet... :-D
u/iverjo

#interactive

show FPS hide FPS share fullscreen

PicturElements

function u(t) {

c.width=1920
a=!t?[]:a.slice(-20)
if(t%0.127<0.01)a.push([t%1*2e3,-40])
x.font="80px A"
for(e of a)x.fillText('❄',e[0]+S(t+e[0])*90,e[1]+=6)

Jan 8 2018 3: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).

u/joeytwiddle

#christmas #snow #snowflake

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 fullscreen

DirtyDan

remix of d/5711 by u/DirtyDan

function u(t) {

b=540
c.width=1920
t*=t
for(i=0;i<b;i++){
x.fillStyle=`hsla(${i+t*20},90%,50%,.3)`
x.fillRect(960+i*C(r=i/b*t)-25,s=b+i*S(r)-25,50,50)
}

Jan 7 2018 8:14 PM UTC

}// 137/140

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

credit to u/DonKarlssonSan for the color code (from d/5714)

u/DirtyDan

d/5714
u/DonKarlssonSan

Yea, hsl is good for rainbow colors. I use it all the time on CodePen, like this one: https://codepen.io/DonKarlssonSan/pen/XdQGoY
u/DirtyDan

New to javascript, didn't know editing a hue value was an option, thanks.
u/Xen

dude.... join the chat, eveyones there ready for questions ;-)
u/nml

whoa

show FPS hide FPS share 2 remixes fullscreen

BackendForth

function u(t) {

a=b=q=0
p=t/8-t/8%1+9
c.width=1920
for(i=0;i<t%8*99;i++,a+=p,b+=q,q++)
{if(b>1071)q*=-.8,b=1071
if(a>1911||a<0)p*=-1
x.fillRect(a,b,p,q)}

Jan 7 2018 3:35 PM 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

solitaire end screen :)
u/ETHproductions

this has so much potential I just had to remix: d/5776
u/katkip

#physics

show FPS hide FPS share 1 remix fullscreen

nim442

function u(t) {

x.arc(1000,500,400*t/7,t*t,t);
x.stroke();

Jan 7 2018 5:58 AM UTC

}// 42/140

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

u/iverjo

42 characters!

show FPS hide FPS share fullscreen

ellisk1

function u(t) {

t?x.fillRect(X=(w+X)%w,Y=(h+Y)%h,v=q<1?-v:v,v):v=d=X=Y=25;q=Math.random()*50;w=2e3,h=1e3;d?Y+=v:X+=v;x.fillStyle=R(z=d*v*h,d=q<2?!d:d,-z,.4)

Jan 7 2018 4:20 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/sigveseb

rules!
u/donbright

:)

show FPS hide FPS share fullscreen

ETHproductions

function u(t) {

for(c.width|=i=22;i--;)for(j=22;j--;x.fill(x.arc(960+C(j)*(500+C(I=i*2/7+t)*300),540+S(I)*99*(S(j)+4),22+(C(I)+1)*S(j)*5,0,7)))x.beginPath()

Jan 7 2018 3:14 AM UTC

}// 140/140

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

Inspired by this tweet: https://twitter.com/shonk/status/94975260504…

u/sigveseb

well done!

show FPS hide FPS share fullscreen

ETHproductions

remix of d/5602 by u/ETHproductions

function u(t) {

c.width=1920;for(i=99;i--;)for(j=199;j--;)Math.atan2((j+t*40)%200,i)*9&1&&x.fillRect(960-C(j/32)*S(i/32)*300,540-C(i/32)*300,q=j>99?2:4,q)

Jan 6 2018 3:27 AM UTC

}// 138/140

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

Another rotating patterned sphere, this one with transparency for added illusion. Uses this pattern: https://i.imgur.com/5yLuKcT.png

show FPS hide FPS share 1 remix fullscreen

ETHproductions

function u(t) {

c.width=1920;for(i=99;i--;)for(j=99;j--;)Math.hypot(i,(j+t*30)%200)%20>9&&x.fillRect(960-C(j/32)*S(i/32)*200,540-C(i/32)*200,3,3)

Jan 5 2018 9:58 PM UTC

}// 129/140

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

Figured out how to draw a rotating sphere from a black and white pattern. This is the pattern being used here: https://i.imgur.com/khgNg7E.png

u/Xen

nice!
u/geb

#background

dwitter.net | ETHproductions (6685)