Dweets awesomed by u/Pjaerr

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: #ScaryMovies

show FPS hide FPS share fullscreen

Pjaerr

remix of d/5393 by u/Barbacamanitu

function u(t) {

c.width = 1920;
x.font = '70px comic sans MS';
x.fillText("💿DVD💿",S(t/2)*960+960,S(t/3)*100+200);

Jan 4 2018 2:55 PM UTC

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

veubeke

function u(t) {

t*60&127?0:T=[0,L=.001]
S=[c.width^=0]
T.map((_,i)=>S[i*2-1]=(_+T[i-1])/2+(Math.random(x.fillRect(i,540-_,2,S[i*2]=_))-.5)/L)
T=L<2?S:T
L*=2

Jan 3 2018 8:09 PM UTC

}// 140/140

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

Simple terrain generation using midpoint displacement

u/iverjo

Nice alternative to perlin noise!
u/sigveseb

Very nice! And with the horizontal flat line we can pretend that is the sea level; everything above is a mountain and everything below is the sea :)
u/iverjo

#random

show FPS hide FPS share 1 remix fullscreen

jbl

function u(t) {

c.width=i=2e3
while(--i)p=S(T=S(t/4)/12*i)*i,K=C(T/2)*i,x.fillStyle=R(k=99-i/9,k*2,k*3),x.fillRect(p+1e3,((C(T)+6)*i-p)/4,K/4+30,K/6+20)

Jan 2 2018 10:03 PM UTC

}// 136/140

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

u/aliassheep

This would make a great intro sequence for an art or writing program or something

show FPS hide FPS share fullscreen

RomanW

remix of d/5233 by u/RomanW

function u(t) {

z=34;f=(60*t)%960;'ȏ܀လa8๼0৷耠ĻƟ臿ﰿ聛＝〇ﾛ态繨ﰀε＀Əﾀ؇￠ᨃ￠簁｠㼀＀羀羀翀⟀῀㏠࿀ᇰϠᡰǰ࠸xࠌ࠘ం耄᠀〆㠀ข瀡Ǡ耿'.charCodeAt(f/16)>>f%16&1&&x.fillRect(f%31*z,~~(f/31)*z,z,z)

Jan 2 2018 4:12 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 more comments…
u/Pjaerr

That's cool.
u/Chipnstein

Was expecting dickbut... not exactly disappointed but still cool
u/aemkei

OMFG! This is incredible!!
u/aemkei

but shorter but ugly: f=60*t;x.fillRect(f%31*9,f/3,'ȏ܀လa8๼0৷耠ĻƟ臿ﰿ聛＝〇ﾛ态繨ﰀε＀Əﾀ؇￠ᨃ￠簁｠㼀＀羀羀翀⟀῀㏠࿀ᇰϠᡰǰ࠸xࠌ࠘ం耄᠀〆㠀ข瀡Ǡ耿'.charCodeAt(f/16)>>f%16&1,9)
u/RomanW

Nice aemkei, thanks!
u/oldspork

This is amazing. I'm brand-new to coding and very new to Dwitter; how on Earth do all of those symbols and letters code for a picture of the Earth?
u/RomanW

Hi oldspork! The magic happens with the function charCodeAt. This function gets the numeric value of one character at a time. Since these are UTF-16 characters, you can get 16 bits of information in one character.
u/lionleaf

#globe #earth #bitmap #pixelart
u/Purpzie

Is there an easy way to make these kinds of things? (specifically how the data for each pixel is stored)
u/dsamarin

String.fromCharCode.apply(null, new Uint16Array(34).map((r) => Math.random()*0xffff))

show FPS hide FPS share fullscreen

hnen

function u(t) {

c.width=2e3;w=1e3;
for(i=1;i<w;i++){y=(i*i)%w-500;a=i%6.28+t;s=10*(2+C(a));x.fillRect(w+S(a)*Math.sqrt(25e4-y*y),60+1e3/2+y,s,s);}

Jan 2 2018 2:10 PM UTC

}// 131/140

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

u/joeytwiddle

#sphere

show FPS hide FPS share fullscreen

yokljo

function u(t) {

w=c.width|=0
j=w/2
h=700
x.font="90px A"
x.fillText("💧",j-50,(t%1-.55)*w)
for(i=-j;i<j;i++)x.fillRect(i+j,h-S(S(i/j*9/(t%1))/i/j*w)*90,2,h)

Jan 2 2018 1:41 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/magna

Awesome!
u/Pjaerr

You should really make the rectangle blue or something.
u/Lazy1337

the "rectangle" is actually an emoji, I know its a water drop because I can see it on my newer PC
u/Lazy1337

well not really the strict definition of "emoji" but you got it.
u/joeytwiddle

#water #drop

show FPS hide FPS share 1 remix fullscreen

hnen

function u(t) {

c.width=2e3;w=1e3;a=Math.abs;for(i=0;i<2e3;i+=20)for(v=0;v<w;v+=10){dx=i-w;a(5*t+w/v)%2<1^a(dx/v)%2<1||x.fillRect(i,v,10,10)}

Jan 2 2018 12:05 PM UTC

}// 125/140

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

u/iverjo

#perspective

show FPS hide FPS share 2 remixes fullscreen

crimbles

function u(t) {

t||x.translate(980,540)
for(var i=0;i<1500;i++){
x.fillStyle=R(C(t/i)*i,S(i/t)*i,T(t)*i)
x.fillRect(i,t,S(t)*2,C(t)*i);x.rotate(S(T(i/t)))}

Jan 2 2018 8:12 AM UTC

}// 139/140

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

The longer you watch, the weirder it gets

u/sigveseb

Rocks
u/iverjo

Novel!

show FPS hide FPS share 1 remix fullscreen

nickd3000

function u(t) {

for(i=0;i<23;i++)g=200*((5*t+i|0)%2),x.fillStyle=R(g,g,g),x.fillRect(80*i,5,80,20);x.drawImage(c,-5,5,1930,1080+5*S(t));

Jan 1 2018 5:36 PM UTC

}// 120/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/E-Mouse

My brain hurts...
u/CliffJonesJr

I love how this might look like the floor is sloping, or it might not. So trippy. It would be nice to avoid that flashy bit at the top though. Maybe in a remix?
u/iverjo

#chess
u/joeytwiddle

#warping
u/katkip

#3d
u/katkip

#d3 #templeofsolomonfloor #perspective
u/katkip

#checkerboard

show FPS hide FPS share 1 remix fullscreen

BackendForth

function u(t) {

c.width=1920;
for(i=0;i<=9;i++)
{
q=.628*i+t
x.fillRect(960+500*C(q),540+300*S(q),139,39)
}
w=C(t*5)
x.arc(1510,403-119*w*w,39,0,7)
x.fill()

Jan 1 2018 4:16 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 more comments…
u/mohd-akram

Almost there!
u/joeytwiddle

Is this social commentary?
u/Xen

nice idea :-D
u/donbright

@joeytwiddle lol
u/iverjo

"The American Dream"
u/joeytwiddle

Reminds me of https://vimeo.com/198802302#Vicious_Cycle
u/magna

Golfed to 123 chars: https://www.dwitter.net/d/5270
u/iverjo

#bounce

dwitter.net | Pjaerr (1967)