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 fullscreen

BirdsTweetCodersDweet

function u(t) {

t?0:c.width=50;X=C(t*.5)*20+20;Y=S(t)*7.5+10;x.fillStyle=`hsl(${t*X+Y},50%,50%)`;x.fillRect(X,Y,10,10)

Feb 18 2018 12:13 AM UTC

}// 102/140

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

Mini 8-loop

show FPS hide FPS share fullscreen

akm

remix of d/6670 by u/akm

function u(t) {

c.width|=0
with(x){for(i=140,l=500;i--;lineTo(m,k))n=S(t-i*C(.1*t))*3e2,arc(m=i*18-120,k=-n+l,30,0,6.283,moveTo(m+220,n+l))
fill(stroke())}

Feb 14 2018 3:56 AM UTC

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

blimp

function u(t) {

w=c.width+=i=0;for(;i<w;q=i/w,x.fillStyle="#800000"+(i),x.fillRect(w*.80*(q*S(t-i/2)*C(t+q+50)),10000*(1.+q*S(q*t/1.5+i)),3000*w,35*q),i++);

Feb 16 2018 9:15 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

bokoskokos

function u(t) {

x.shadowColor=R(),x.fillStyle='red';for(i=0;i++<99&i<Math.floor(t)*5;x.shadowBlur=99)x.fillRect(980+i*9*S(t+i*13),520+i*8*S(t-i*2),20,20)

Feb 13 2018 10:14 AM UTC

}// 137/140

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

u/joeytwiddle

#virus #outbreak

show FPS hide FPS share 1 remix fullscreen

loni_art

function u(t) {

p=(d)=>(127*(1+C(6*d+t)))
c.width|=a=100
for(i=9;i--;x.fillRect((5+i+S(t))*a,(5+C(i-t))*a,a/2,a))
x.fillStyle =   R(p(i),p(.1+i),p(.2+i),1)

Feb 13 2018 3:32 PM UTC

}// 139/140

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

procedural palette

u/loni_art

taken from here: http://www.iquilezles.org/www/articles/palet…
u/aleamb

nice
u/joeytwiddle

#colors

show FPS hide FPS share 1 remix fullscreen

akm

function u(t) {

c.width|=0;for(i=500;i--;)
x.lineWidth=.7,x.stroke(new Path2D(`M${C(t*i/10)*i+960} ${S(t*i/10)*i+150}l400 400l-400 400l-400-400l400 -400`))

Feb 13 2018 10:16 PM UTC

}// 139/140

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

u/Xen

nice

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?