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

jbrewhaha

remix of d/10498 by u/jbrewhaha

function u(t) {

x.fillRect(0,0,1e4,1e4)
t+=2400
n=1200
i=4000
for(;i--;)x.clearRect(
960+270 * S(i/n) / S(i+t),
440-270 * C(i/n) / t*i
,2,2)

Oct 16 2018 4:11 PM UTC

}// 124/140

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

u/jbrewhaha

#heart

show FPS hide FPS share fullscreen

jonathan-potter

function u(t) {

a=10000;b=1920;d=400;e=50
c.width=b
x.rotate(.8)
for(i=0;i<d;i++) {
z=e*S(i*t/8)+i*e
x.fillRect(z,-b,e,a)
x.fillRect(0,-b+z,a,e)}

Oct 12 2018 11:55 PM UTC

}// 129/140

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

put things together until it looked fancy

u/joeytwiddle

Hell yeah you did
u/lionleaf

Hypnotic! And there are so many different phases
u/BirdsTweetCodersDweet

c.width=b=1920,x.rotate(.8) for(i=400;i--;)z=(e=50)*S(i*t/8)+i*e,x.fillRect(z,-b,e,1e5),x.fillRect(0,-b+z,1e5,e) - 112... Now you can fit in a fillStyle() :D

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

function u(t) {

x.fillRect(x.globalAlpha=.03,0,2e3,2e3)
for(i=700;i--;x.clearRect(960+C(t)*100+S(t)*420+S(i)*r,540+C(i)*r,4,3))r=480*Math.random()*S(t)**8

Oct 13 2018 11:22 PM UTC

}// 138/140

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

Pulstar (pulsating stars)

u/magna

Remix of d/8947

show FPS hide FPS share fullscreen

ms.roboto

function u(t) {

w=1920;h=1080
S.call&&(S=Array(w).fill(0),S[w-1]=1,Y=-1)
++Y<h&&(S=S.map((n,i)=>(b=S[i+1],m=!S[i-1]&n&b^n^b,m&&x.fillRect(i,Y,1,1),m)))

Oct 16 2018 12:55 PM UTC

}// 135/140

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

Rule 110

show FPS hide FPS share 1 remix fullscreen

davidsharp

remix of d/10523 by u/davidsharp

function u(t) {

c.onclick=({x:k,y,target:o})=>{c.width|=o;x.font='60px a';x.fillText(k+','+y+'/'+o.offsetWidth+'x'+o.offsetHeight,70,70)}

Oct 17 2018 12:43 PM UTC

}// 121/140

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

More onclick probing and testing

u/yonatan

try c.width=innerWidth

show FPS hide FPS share 1 remix fullscreen

davidsharp

remix of d/10522 by u/davidsharp

function u(t) {

c.onclick=_=>{c.width|=0;x.font='60px a';x.fillRect(_.x,_.y,9,9);x.fillText(_.x+','+_.y,70,70,1400)}

Oct 17 2018 12:30 PM UTC

}// 101/140

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

testing onclick's co-ords

show FPS hide FPS share fullscreen

BalintCsala

function u(t) {

eval(unescape(escape`景爨挮睩摴桼㵙㴹〻夭ⴻ⥦潲⡘㴹㤻堭ⴻ砮晩汬剥捴⠹㤹⭃⡡⤪⠳〰⭫⨹⤬太㄰⭓⡡⤪⠱㈰⭫⨷⤬㄰ⰱ㈩⥸⹦楬汓瑹汥㵠桳氨〠⑻⡫㵙┵☦⡘⭴⨹㤫⡙⼵簰⤪㐩┹㸱⤪㔰紥⑻㘰⭃⡡㵘⼳㈩⨲〭欪㌰紥总`.replace(/u(..)/g,"$1%")))

Oct 12 2018 8:51 PM UTC

}// 136/140

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

Very fake bump mapping with very sad framerate

u/BalintCsala

pre-compression: for(c.width|=Y=90;Y--;)for(X=99;X--;x.fillRect(999+C(a)*(300+k*9),Y*10+S(a)*(120+k*7),10,12))x.fillStyle=hsl(0 ${(k=Y%5&&(X+t*99+(Y/5|0)*4)%9>1)*50}%${60+C(a=X/32)*20-k*30}%
u/aleamb

awesome!
u/magna

Looks solid.
u/yonatan

this is great!
u/lionleaf

#bumpmapping #bricks #d3 #chimney :D

show FPS hide FPS share 1 remix fullscreen

davidsharp

function u(t) {

c.onclick=_=>x.fillStyle=R(T(t)*100%255,S(t)*100%255,C(t)*100%255,1)
for(i=0;i++<9;)x.fillRect(400+i*100+S(t)*300,200,50,400)

Oct 17 2018 12:18 PM UTC

}// 125/140

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

Just testing onclick

show FPS hide FPS share fullscreen

116

remix of d/10432 by u/116

function u(t) {

T=t/3
s=192
c.width^=0
for(j=99;j--;)
for(i=99;i--;)
x.fillRect(
s*(j+S(-T)*(i%4==1)/4+S(T)*(i%4==3)/4-1-(i%2)),
i*s/2,
s/2-4,s/2-4
)

Oct 14 2018 4:37 PM UTC

}// 134/140

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

Parallels too?

show FPS hide FPS share fullscreen

jbrewhaha

function u(t) {

f=1920/64
for (i=0;i<1920/f;i++)
for (j=0;j<1080/f;j++) {
 x.fillStyle=R(0,255*C(2*t*(i-30))*C(2*t*(j-20)), 0)
 x.fillRect(i*f,j*f,f,f)
}

Oct 15 2018 9:26 PM UTC

}// 137/140

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

boing boing