Dweets awesomed by u/jylikangas

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

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

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

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 fullscreen

Talesseed

function u(t) {

w=c.width=1920;
  for(i=0;i<30;i++)
  x.fillRect(w/2+C(t+i/30)*5e2,w/2-450+S(t+i)*5e2,50,50)

Dec 30 2017 10:29 PM UTC

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

New_Core

remix of d/3510 by u/New_Core

function u(t) {

for(a=c.width|=i=9;i--;x.fillRect(740+650*S(t*.9+i*4),350+280*C(t+i),400,400))x.filter='blur(100px)',x.globalCompositeOperation="lighter"

Dec 30 2017 10:16 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/joeytwiddle

This is very heavy on my laptop! Remixed here: #4841
u/joeytwiddle

Very nice though. It plays tricks on my eyes, seems to be always growing.
u/New_Core

Sometimes dwitts gets heavy here also scrolling down the list.. most times it help to copy the share link and look at it alone, but yea this one can be heavy, running lots of filters and "gCO"'s
u/13thptr

#heavy #metaballs -like effect

show FPS hide FPS share fullscreen

Exca

function u(t) {

//Pen!
r=v=>x.fillStyle=R(v,v,v,1)
x.fillRect(r(255)|0,340,1920,49)
x.fillRect(r(0)|960+C(t)*250*S(t/3),340,6,49)
x.drawImage(c,S(t)/4,1.2)

Dec 29 2017 4:59 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 FPS hide FPS share fullscreen

nystrand

function u(t) {

for(i=w=3e3,a=b=g=333*T(t%9/7);j=(i^a*a)%4,i--;x.fillRect(a+=g+C(j*5+t)*g-a/2-w+g,b+=g+S(j*9+t)*g-b/2-w,s,s),w=2)x.fillStyle=R(s=w*9,w,s,.1)

Dec 28 2017 2:50 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/sigveseb

This one is fantastic! Good job indeed
u/Bendoman

Brilliant!
u/Xen

very very impressive!
u/magna

HOW ON EARTH
u/nic

MIND:=BLOWN
u/lowpoly

Gawd, I learnt a lot today
u/Citiral

Since when does Javascript support black magic?
u/sigveseb

Needs more upvotes!
u/doof

this was such a delight to unpack :)
u/Lazy1337

wow
u/aleamb

amazing
u/iverjo

I'm awestruck
u/xem

unbelievable
u/trapkid

lol
u/aleamb

epic! one of the greatest dwitter
u/ThreeNPlusOne

sierpinski triangle :D
u/xem

It'd be nice to have a blog post explaining it :) (please?)
u/trupples

I didn't look much into it but it might have to do with a thing I read about once where if you have a point that "walks" half the distance towards a random corner of a triangle you'll end up drawing a sierpinski triangle sorta like you can see in https://www.dwitter.net/d/5097
u/trupples

And according to http://distrustsimplicity.net/articles/sierp… if you were to use 4 points instead of 3 you'd get a tetrahedron like in this dweet. Fascinating stuff
u/stiaje

#witchcraft
u/lionleaf

#top_of_the_year
u/Scaledish

wow
u/Tekmap

👏👏👏👏👏
u/vain

that's not from this world! incredible code / 3d fx and blur
u/rodrigo.siqueira

3D flying #sierpinski pyramid #fractal

show FPS hide FPS share 1 remix fullscreen

Yax

function u(t) {

c.width|=0
a=300
for(i=a;i--;)
b=t/2+i,x.fillStyle=R(a,b),x.fillRect(i*10,700+a*Math.abs(S(b)),25,a),x.fillRect(a*5+i*C(b),a+i*S(b),25,25)

Dec 28 2017 12:16 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/sigveseb

Very stylish!
u/magna

Wow!
u/iverjo

#sun
u/joeytwiddle

#landscape #ocean #sunset

show FPS hide FPS share fullscreen

veubeke

remix of d/3611 by u/cantelope

function u(t) {

for(w=i=c.width|=0;i--;x.fillRect(w/2+S(p=(2513+S(t))/2e3*i+C(t))*i/4-s*10,540+C(p)*i/4-s*5,s,s))x.fillStyle=R(s=Math.min(w/i,8)*16,0,0,.1)

Dec 10 2017 9:54 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/joeytwiddle

spooky. it reaches to us from the space beyond
u/magna

woow
u/trupples

Holy cow that looks so organic
u/Qwitter

Pentapus
u/joeytwiddle

#organic
u/GreyHope

#creepy

dwitter.net | jylikangas (13616)