Dweets awesomed by u/metamn

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

metamn

remix of d/10632 by u/logistikalism@gmail.com

function u(t) {

for(m=0;m<2;m++){
for(n=0;n<2;n++){
x.beginPath()
x.moveTo(1920*n,1080*m)
x.lineTo(960,500+S(t)*500)
x.stroke()}}

Oct 25 2018 6:12 AM UTC

}// 113/140

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

oldschool

show FPS hide FPS share fullscreen

jbrewhaha

function u(t) {

t/=3
c.width=1920
r=500
h=6.3
for(u=-h;u<h;u+=0.3)
for(p=-h;p<h;p+=0.3){
m=C(p*t)
i=960+r*m*C(u*t)
j=540+r*m*S(u*t)
x.fillRect(i,j,9,9)}

Oct 16 2018 9:42 AM UTC

}// 136/140

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

kaleidoscoping sphere

show FPS hide FPS share 1 remix fullscreen

jbrewhaha

function u(t) {

s=150
f=255
for(i=0;i<1920/s;i++) {
 f=~f*S(t)
 for(j=0;j<1080/s;j++) {
  f=~f
  x.fillStyle=R(f,f,f);
  x.fillRect(s*i,s*j,s,s)
 }
}

Oct 15 2018 6:47 PM UTC

}// 133/140

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

First dweet!

u/lionleaf

Nice one! Welcome :)
u/iverjo

Welcome

show FPS hide FPS share fullscreen

rbong

remix of d/7094 by u/AnnanFay

function u(t) {

c.width|=h=384
for(z=1e4;z--;x.fillRect(!~~a*w*C(z)+i**3%h*5,5*h+(!~~a*w-a*h)*(2+i%.9)+w*S(z)/4,3,3))a=(t+C(i=z%99))%2,w=a*h-h

Oct 15 2018 4:38 PM UTC

}// 126/140

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

Rain in reverse

show FPS hide FPS share fullscreen

chatmasta

function u(t) {

x.ellipse(960,540,540,540,1,t*Math.PI,S(t)*Math.PI*2);x.stroke();

Oct 13 2018 9:19 PM UTC

}// 65/140

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

shell

show FPS hide FPS share 2 remixes fullscreen

veubeke

function u(t) {

c.width^=0
for(i=190;i--;)with(x)restore(save(),translate(120*(i/11|0),i%11*120),rotate((1-i%2*2)*S(t-i/100)/2),fillRect(-45,-45,90,90))

Oct 11 2018 6:47 PM UTC

}// 136/140

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

Inspired by beesandbombs but had to switch to squares. See https://twitter.com/beesandbombs/status/1050…

u/Xen

i've been watching ;-) amazing work V x
u/vain

what for a great optical illusion

show FPS hide FPS share fullscreen

Xen

function u(t) {

for(x.beginPath(c.width=i=1e3);i--;x.arc(i*(99+S(t/2)*19)%1e3,i*.6,i/29,0,-t));x.fill('evenodd')

Sep 29 2018 4:31 PM UTC

}// 96/140

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

[96Visuals]

show FPS hide FPS share 1 remix fullscreen

silver_bear

function u(t) {

c.width=1920
y=S(t*13)
w=500
x.moveTo(w,w)
x.arc(w,w,w/2,y*.8,2*Math.PI-y)
x.fill()
for(i=0;i<9;i++)
x.fillRect(2*w+w*i+t*-w%w,w,w/9,w/9)

Feb 4 2018 5:49 PM UTC

}// 137/140

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

Couldn't manage to get him yellow. :(

u/AnnanFay

I like it! Enjoy the yellow https://www.dwitter.net/d/6717

show FPS hide FPS share 1 remix fullscreen

BackendForth

function u(t) {

w=50
c.width=1920
v=(i,j)=>x.lineTo((i+j)*w,w*j+S((i*i+j*j)**.5+t)*w)
for(i=w*w;i--;x.fill())x.beginPath(),v(a=i%w,j=i/w),v(a+1,j),v(a,j+1)

Jan 22 2018 3:30 PM UTC

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

wow
u/aleamb

impressive!!
u/Qwitter

Nice (I detect an incoming wave of surface wave dweets )
u/Qwitter

Rough Seas: v=(i,j)=>x.lineTo((i+j)*w,w*j+C(2*j-3*t)*S(i+t)*w)
u/donbright

the triangles is just marvelous
u/zanella

My new favorite dweet.
u/tl-code

wow

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))

dwitter.net | metamn (944)