Dweets awesomed by u/dull_pixel

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

show FPS hide FPS share fullscreen

Joachim

function u(t) {

for(i=z=c.width=300;i--;x.fillRect(140+a*i+C(t*9)*30,90+i*(S(t*9%3.1)/9+.3),i,i/z))a=T(z^z/i+t*4),x.fillStyle=R(b=a*z,S(b)*z,T(b)*z)

Apr 13 2022 9:23 AM UTC

}// 132/140

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

Infinite hopscotch

u/Odog8

Thats nuts
u/Joachim

This 3D-like technique is useful for making single-direction ground textures. This is roughly how it works: A rectangle with a height of ~1px is drawn for every row of pixels on the screen. The width of every rectangle depends on how far down it is (their index). The x position of every rectangle is defined by this bit of code: T(z^z/i+t*9). This is then multiplied by their index to achieve a 3D look, as everything gets bigger & faster near the bottom of the screen. Without the animation or colours, the entire thing can get as small as 64 char: for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1). Feel free to get it even smaller!
u/vain

@u/Joachim: Thanks a lot for the litte explanation and example. =)
u/Joachim

#d3 #perspective #mist #colors
u/lineburgb

for(i=z=c.width=300;i--;)x.fillRect(140+T(z^z/i+t*9)*i,90+i,i,1)

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/25319 by u/KilledByAPixel

function u(t) {

x.transform(s=1.005,0,0,s,w=.4,S(t)/9)
for(i=3;i--;x.fillRect(...i?q?[0,9,12,2]:[i-1?1:9,8+S(t%1*3)*9,w,w]:[q*5,q?6:41,q?2:9,1e3]))q=t%1<.01

Apr 12 2022 4:56 PM UTC

}// 140/140

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

Telephone Lines ☎️ Uncompressed

u/vain

Just wow!
u/tomxor

hah, awww, i was just about to try to uncompress it :P
u/KilledByAPixel

i had a feeling, beat you to it, still room for improvements and variations in this rendering style :)
u/tomxor

-9 i?q?[8,8,13,2]:[9*i,7+9*S(t%1*3),w,w]:[13,q?5:41,2,1e3]

show FPS hide FPS share 1 remix fullscreen

KilledByAPixel

function u(t) {

eval(unescape(escape`󮌮󭍲󨝮󬽦󫽲󫜨󬼽󜜮󜌰󝌬󜌬󜌬󬼬󛬴󛌮󜜫󤼨󭌩󛼵󚜊󮌮󬭯󭍡󭍥󚍃󚍴󚜯󝌰󜌩󒭦󫽲󚍩󟝺󟜲󩜳󞽩󛜭󞽸󛭦󪝬󫍒󩝣󭌨󛬮󛭴󟽩󟽱󟽛󜌬󝼬󜜲󛌲󧜺󦽩󛜱󟼱󞬹󛌶󚽓󚍴󙜱󚬳󚜪󞌬󛬴󛌮󝍝󞭛󬜪󝜬󬜿󜬺󜼹󚽓󚍴󚬪󭌩󛍱󟼲󞬹󛍺󧜺󦼰󛍩󛜹󛍺󛍓󚍩󚬪󛬲󚝝󚜩󬜽󭌥󜜼󛬰󜜻`.replace(/u../g,'')))

Apr 12 2022 4:58 AM UTC

}// 140/140

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

Utility Lines ☎️

Show more comments…
u/vain

I'm always amazed at how some graphics build up and their formulas and end results. Great!
u/Joachim

I love the atmosphere! #dramatic #scene
u/aleamb

Reminds me to Limbo game
u/KilledByAPixel

thank you, i got lucky with the clouds on this one. :)
u/tomxor

Original :)
u/jvycee

nice work! it's a mood for sure 🖤

show FPS hide FPS share 1 remix fullscreen

pavel

function u(t) {

for(i=c.width|=h=1.5708;y=i--%3-1||S(i);x.fillRect(960+16*S(a+=i*h+t/3)/p,540-9*C(a)/p+13*r*y,4,4))r=9+9/(1+i**S(i*i+t)),p=S(a=i%3*i%h+.8)/r

Mar 30 2022 10:47 PM UTC

}// 140/140

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

Hypercube #beesandbombs

u/vain

very cool. like the morphing / moving dots / lines #cube #3d
u/tomxor

Very neat. The migration of the points gives it quite an etherial look.
u/aleamb

amazing!

show FPS hide FPS share fullscreen

KilledByAPixel

remix of d/19786 by u/KilledByAPixel

function u(t) {

eval(unescape(escape`󩭯󬬨󭌪󟜶󜌬󪜽󜼲󞽩󛜭󞽓󚍘󚬸󚼸󚜫󤼨󛝘󚬸󚜩󮌮󩭩󫍬󤽴󮝬󩜽󥌨󥌨󦌽󪜥󝌬󦜽󪜾󟬲󚜾󜼲󟽓󟝭󟜾󮌮󩭩󫍬󤭥󨽴󚌴󜌫󭌥󜬶󚬷󜼫󫜬󞌫󦜪󞌫󚍴󛼲󝭼󜌩󚬷󝼬󨜽󞌬󨜬󜌩󞭃󟝒󚍔󚌩󛍔󚌩󛍔󚌩󚜩󛼱󜬾󦌪󦌫󚍙󛜳󛬵󚜪󚬲󟽃󞭒󚍔󟝥󟜾󣝡󭍨󛭲󨝮󩍯󫜨󚜪󜬵󝬩`.replace(/u../g,'')))

Mar 30 2022 4:17 PM UTC

}// 137/140

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

8x8 Sprite Generator

u/magna

Awesome!
u/tomxor

We can never have enough of em :D

show FPS hide FPS share fullscreen

TGY

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󝍥󝌻󪜭󛜻󮌮󩭩󫍬󤭥󨽴󚍘󚬹󛍙󚬹󛌹󛌹󚜩󦌽󪜥󜬱󜬬󦜽󚍩󛝩󙜲󜜲󚜯󜬱󜬬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󩌽󚍤󟜮󜜯󚌨󦌯󜬱󜬭󛬵󛝃󚌹󚭴󚜯󞌩󚬪󜬫󚍙󛼲󜜲󛜮󜬵󛝓󚌴󚭴󚜯󞌩󚬪󜬩󛽍󨝴󪌮󨝢󬼨󤼨󭌩󚜩󙬦󜬵󝜯󩌬󩌬󩌬󛬰󜬩`.replace(/u../g,'')))

Mar 29 2022 2:20 PM UTC

}// 125/140

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

black matter

show FPS hide FPS share 1 remix fullscreen

taupelink

remix of d/25217 by u/taupelink

function u(t) {

eval(unescape(escape`景爨洽㤰㭭ⴭ㭸⹦楬汒散琨⸮⹁⤩搽⠴⭴⨪琭㈪⩴簰⤯㈰ⱁ㵛㤶〫㤶〪匨朽洫㤯搩ⰵ㐰⬵㐰⩓⡭⩧⤬洯搬术摝ⱸ⹬楮敗楤瑨㴳⨪琯搯搬砮晩汬却祬攽✣䙅䐹✬砮獴牯步却祬攽✣㈱〹✬砮獴牯步剥捴⠮⸮䄩`.replace(/u([^D].)/g,'$1%')))

Mar 29 2022 4:37 AM UTC

}// 140/140

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

d/25253 #waitforit

show FPS hide FPS share 4 remixes fullscreen

New_Core

function u(t) {

e=-.8
m=.153
for(X=2e3;X--;){a=X/600-1.6,b=t*.1-1,i=0
do{d=a*a-b*b+e,b=2*a*b+m,a=d,i++}
while(i<255&&(a*a+b*b<4))
x.fillRect(X,t*60,1/i,i)
}

Mar 28 2022 4:08 PM UTC

}// 140/140

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

in the "while".. set the number 4 to 1 to see the footprint of a julia... =)

Show more comments…
u/New_Core

the org julia code wasnt done by me, I just shorten and messed it up a bit ;)
u/andrea270872

Love the smudge effect!
u/magna

Looks like embroidery!
u/magna

#3d
u/Xen

wild!
u/danny@hille.dk

Cool!
u/vain

beyond incredible! I really love the way, how the image is drawn!
u/sigveseb

The smudge effect!
u/joeytwiddle

#julia #fractal with sort of #d3 #lighting
u/SophiaCristina

<3 <3 <3

show FPS hide FPS share fullscreen

danny@hille.dk

remix of d/25194 by u/jdspugh

function u(t) {

eval(unescape(escape`󭍼󯌨󫼽󫭥󭼠󢝭󨝧󩝄󨝴󨜨󨼮󭽩󩍴󪌽󭼽󝌲󜌬󭼩󚜻󫬽󠼨󫜽󭌥󝌵󛼱󝬩󞽦󫽲󚍩󟜱󩜵󞽩󛜭󞽯󛭤󨝴󨜮󬽥󭌨󦽰󟜵󛽲󛽲󛍰󛼲󛍰󛼳󛌲󝜵󛝰󛼴󧜬󪜪󝌩󚝨󟝩󛽷󛍡󟝩󙝷󛼱󝬬󨬽󪌯󜜶󛍲󟝃󚍮󚭡󚜪󠼨󫜪󨬩󛝃󚍭󚭡󚜪󠼨󫬪󨬩󞽸󛭰󭝴󢝭󨝧󩝄󨝴󨜨󫼬󜌬󜌩`.replace(/u../g,'')))

Mar 27 2022 10:34 PM UTC

}// 134/140

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

Slightly better resolution, and some oversaturated warm colors

u/Joachim

beautiful!
u/magna

WOW

show FPS hide FPS share 1 remix fullscreen

pavel

remix of d/23223 by u/rep_movsd

function u(t) {

for(k=c.width|=0;j=--k>>5;x.fillRect(960-((2*t+j*j)%z*2-z)*s,1080,s,j%6*-s-99))z=9+j/2,s=2e3/(z+k%32/42),x.fillStyle=R(a=s-k%32*3,a,a)

Jun 25 2021 10:53 PM UTC

}// 134/140

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

u/rep_movsd

Clever drawing different Z in different colors so there is no need to draw a border
u/katkip

#parallax

dwitter.net | dull_pixel (15258)