Dweets awesomed by u/donbright

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

magna

function u(t) {

e=1e4;(i=new Image()).src=c.toDataURL('image/jpeg').replace(eval(`/(.{${t%e+e}})./`),'$1a');x.globalAlpha=.8;x.drawImage(i,0,0);

Feb 25 2017 4:46 AM UTC

}// 128/140

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

Urban Pollution

u/SpecialAgent

This is a very nice effect, my browser ran out of memory after a short while though. ;)
u/iverjo

Haven't seen this technique before. How does it work?
u/magna

@iverjo: I keep exporting the canvas as base-64 JPEG and randomly screwing up with the data at a particular range that gives this effect while keeping the JPEG intact. Prior art: https://github.com/snorpey/jpg-glitch

show FPS hide FPS share fullscreen

hamptonio

remix of d/134 by u/icecuber

function u(t) {

r=Math.random;q=1;for(i=36;i--;)for(j=12;j--;)q+=.5-r()/2,x.setTransform(C(t+j),S(t+i),-S(t+j),C(t+i),i*66,j*99),x.fillRect(-9,-30,q/2,10)

Feb 25 2017 4:06 AM UTC

}// 138/140

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

u/magna

I want a curtain like this in my living room!
u/joeytwiddle

That took me to http://www.pouet.net/prod.php?which=564#fukw…

show FPS hide FPS share 1 remix fullscreen

donbright

remix of d/1283 by u/sfz

function u(t) {

c.width=960;i=t*t;j=19968+i;j>40959?s="fin":s=String.fromCharCode(j),x.font="500px Arial";x.fillText(s,250,450);x.fillRect(0,0,50,i*.026);

Feb 25 2017 3:29 AM UTC

}// 138/140

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

Basic Unicode Chinese Character block 4E00–9FFF, (this is not all Chinese characters!). Progress bar on the left.

u/donbright

approx 20,900 characters
u/lionleaf

Wow! I mean, I know there are lots, but this just makes it seem incredible. To be fair I guess scrolling through and english dictionary would look pretty cool too (even though it's not quite the same)
u/Kalanchoe

oh, wow! I love it
u/donbright

thx
u/donbright

#unicode

show FPS hide FPS share 2 remixes fullscreen

sfz

function u(t) {

for(w=191,c.width=w,i=0;i<w;i+=6)for(j=0;j<w;j+=9)a=String.fromCharCode(10304+Math.random()*w),x.fillStyle=R(j,w*S(t),i),x.fillText(a,i,j)

Feb 25 2017 1:58 AM UTC

}// 138/140

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

u/donbright

OHHhh man !!! brilliant!

show FPS hide FPS share fullscreen

donbright

remix of d/1232 by u/iverjo

function u(t) {

a=2e3;c.width=a;for(i=2*a;i--;)p=S(t)*i/a+i%4/.637,d=C(p)-S(p),d>0&&x.fillRect(a/2+99*(S(p)+S(t)),i/4,99*d,1/(d+1)),x.fillStyle=R(i/9,d*a/8)

Feb 25 2017 1:54 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/iverjo

Nice :) Better colors than mine
u/iverjo

By saving golfing 2 characters I managed to make the twister bigger:
u/iverjo

c.width=a=2e3;for(i=2*a;i--;)p=S(t)*i/a+i%4/.637,d=C(p)-S(p),d>0&&x.fillRect(a/2+199*(S(p)+S(t)),i/4,199*d,1/(d+1)),x.fillStyle=R(i/9,d*a/8)
u/iverjo

A little more movement: c.width=a=2e3;for(i=2*a;i--;)d=C(p=S(t)*i/a+i%4/.637)-S(p),d>0&&x.fillRect(a/2+199*S(p)+399*C(t),i/4,199*d,1/(d+1)),x.fillStyle=R(i/9,d*a/8)
u/donbright

wow that is awesome!!! i really do miss how yours spins all the way around.
u/donbright

#twister

show FPS hide FPS share 1 remix fullscreen

iverjo

remix of d/1232 by u/iverjo

function u(t) {

c.width^=0;for(i=5e3;i--;)d=C(p=t+i/3e3+i%4/.637)-S(p),x.fillStyle=R(a=74*d+74,0,a),d>0&&x.fillRect(960+199*S(p)+400*S(t+i/6e3),i/4,199*d,1)

Feb 25 2017 1:23 AM UTC

}// 140/140

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

Compromised on the speed and movement to add color

Show more comments…
u/sigveseb

we can golf more!
u/iverjo

Never stop golfing!
u/donbright

replace 0,t with i/t in fillstyle and this looks REALLY weird
u/donbright

oops i mean 0,a
u/iverjo

Cool :) Posted it here: https://www.dwitter.net/d/1308
u/iverjo

#twister

show FPS hide FPS share fullscreen

hamptonio

remix of d/1235 by u/hamptonio

function u(t) {

c.width=1920;q=y=8.5-1/t;z=27;for(i=0;i<5000;i++){q+=.1*(y-q);y+=.01*(q*(28-z)-y);z+=.01*(q*y-8*z/3);x.lineTo(q*20+900,y*20+500);}x.stroke()

Feb 25 2017 1:13 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 FPS hide FPS share 1 remix fullscreen

gormisdomai

function u(t) {

c.width=999
w=20
for(X=-6;X<7;X++)
for(Y=-6;Y<7;Y++){
x.beginPath();x.arc((X+S(t)*Y%7)*w+450,(Y+C(t)*X%7)*w+260,w,0,7,0);x.stroke()}

Feb 25 2017 1:05 AM UTC

}// 133/140

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

u/iverjo

Cool, it almost looks like 3D
u/gormisdomai

You're right, maybe I should not try to make one which actually does the 3D rotation calculations

show FPS hide FPS share fullscreen

tonetheman

function u(t) {

x.fillRect(100* S(2*t)+200, 100*C(3*t)+200, 3, 6);

Feb 25 2017 12:19 AM UTC

}// 50/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 1 remix fullscreen

sigveseb

remix of d/1232 by u/iverjo

function u(t) {

c.width^=0;for(i=5e3;p=3*t+S(t/2)*i/3e3+i%4*2,i--;x.fillStyle='red')d=C(p)-S(p),d>0&&x.fillRect(960+199*S(p)+249*S(t+i/6e3),i/4-2,199*d,1/d)

Feb 24 2017 11:39 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/donbright

kind of looks like a straw!
u/sigveseb

#twister

dwitter.net | donbright (40580)