Dwitter - javascript demos in 140 characters

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

loni_art

remix of d/6894 by u/loni_art

function u(t) {

t?0:x.fillRect(0,0,2e3,2e3);
a=100
for(i=20;i--;x.fillRect(i*a,(5+T(i-t))*a,a/2,a))
x.fillStyle=R(...[0,6,12].map(d=>127*(1+C(d+i*6-t))))

Feb 13 2018 5:01 PM UTC

}// 137/140

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

golden mist, thanks to Annan for the golf

u/AnnanFay

👍

show FPS hide FPS share fullscreen

fons

remix of d/6933 by u/davidsharp

function u(t) {

c.width|=0;x.font='3cm A';'ἕν οἶδα ὅτι οὐδέν οἶδα'.split('').forEach((c,i)=>x.fillText(c,80*i,1080-Math.abs(t*50*S(2*i))))

Feb 16 2018 11:46 AM UTC

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

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 fullscreen

akm

function u(t) {

c.width|="‮";for(i=9;i--;)x.fillRect(400+i*100+S(t)*300,400,50,200)

Feb 13 2018 3:07 PM UTC

}// 67/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/loni_art

haha what?
u/aleamb

WTF! lol!
u/magna

WAT
u/Paisley

lol, what even is this voodoo
u/akm

might have gotten the idea from here... https://securelist.com/zero-day-vulnerabilit…
u/joeytwiddle

Awesome!
u/iverjo

Interesting hack! Basically, this is c.width|="Right-to-left Override unicode character goes here";for(i=9;i--;)x.fillRect(400+i*100+S(t)*300,400,50,200)
u/akm

u/iverjo exactly! It took me a little while to find a place to put the character and still have valid js
u/joeytwiddle

#trick
u/Purpzie

WOAH. How do you even copy and paste the special character?

show FPS hide FPS share fullscreen

AnnanFay

remix of d/6851 by u/AnnanFay

function u(t) {

for(i=1e4;i--;x.fillRect(960+P(T),520+P(C),5,5))P=G=>G[i]=(G[i]||0)+6*Math.random()-3+(G[i+1]-G[i]||0),x.fillStyle=R(l=200-i/40,9,l*9,0.4)

Feb 15 2018 12:47 AM UTC

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

Feiro

function u(t) {

y=[0]
p=q=720
!t&&(d=(s)=>{
for (a=y.length;a--;y.push((y[a]+1)%4),y[a]%2?q+=y[a]-2:p+=1-y[a])
x.lineTo(p,q)
++s<19&&d(s)
})(0)
x.stroke()

Feb 13 2018 5:02 PM UTC

}// 138/140

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

My first dweet! You guys here are awesome! I am glad that I am finally a part of this community!

u/Feiro

By the way the official name of the fractal is Dragon curve
u/Xen

very nice! , i have a few dragon curves if you scroll my page
u/joeytwiddle

Welcome Feiro! Thanks for the dragon, just before Chinese new year!
u/zanella

Welcome! And hooray for fractals!! :)
u/Apex

Love the dragon curve. Nice job, welcome!

show FPS hide FPS share fullscreen

meaniningOf42

function u(t) {

c.width=1920 
a=20
for(j=0;j<99;j++)for(i=0;i<99;i++)x.fillRect(a*(i+j),a*(j/S(t+i)),i,5)

Feb 16 2018 10:38 PM UTC

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

Xen

remix of d/6845 by u/bschwb

function u(t) {

with(x)for(lineWidth=i=12;i--;stroke())beginPath(),arc(960+C(m=t*i)*99,540,i*23*(C(t)+2),m,m-4),strokeStyle=`hsla(${i*t*9},90%,50%,.03)`

Feb 12 2018 9:09 PM UTC

}// 136/140

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

Shoutz 2 bschwb

u/AnnanFay

👍
u/joeytwiddle

delicate
u/davidsharp

😍 with(x)for(lineWidth=i=12;i--;stroke())...

show FPS hide FPS share 1 remix fullscreen

AnnanFay

remix of d/6908 by u/akm

function u(t) {

for(i=2e3;i--;x.fillStyle=R(i/9,9,i,.3))x.fill(new Path2D(`m910,390m${C(t*i)*i},${T(t**2.5*i/9e4)*i}h99l50,87l-50,87h-99l-50-87`))

Feb 14 2018 1:43 AM UTC

}// 130/140

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

u/akm

How is that a remix of what I did??? looks awesome!
u/AnnanFay

Heh, thanks, yours is what I started with :P
u/Xen

..And just as that, it happened a 2-year handshake, pure madness in both directions.

show FPS hide FPS share fullscreen

akm

remix of d/6880 by u/akm

function u(t) {

c.width|=0;for(i=720;i--;)x.fillRect(960+600*C(10*t**1.7+i),700+400*S(i+5)/(Math.E**t),10,10)

Feb 14 2018 1:21 AM UTC

}// 93/140

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

made it spin incrementaly faster as per u/joeytwiddle 's request

u/joeytwiddle

Thanks! :D