Dweets awesomed by u/OlegSchwann

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

New_Core

remix of d/25181 by u/New_Core

function u(t) {

t?x.fill(x.arc(a+=w,b-800*S(t*4%3.14),130,0,d=c.width|=7)):w=b=a=960
a<(X=400*S(t)+400)+130?w=23:a>1800-X?w=-20:0
x.strokeRect(X,0,d-X*2,d)

Mar 27 2022 6:19 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/danny@hille.dk

👍
u/taupelink

excellent
u/jylikangas

What a lovely dweet!
u/joeytwiddle

#bounce

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󩭯󬬨󪜽󮬽󨼮󭽩󩍴󪌽󜼰󜌻󪜭󛜻󮌮󨽬󩝡󬭒󩝣󭌨󬌿󞜫󪜪󜬷󜌺󨜽󜜴󝌫󠼨󭌩󚬱󜬷󛍰󟼶󜌫󤼨󭌫󪜪󜼩󚬵󜌺󝬰󚽡󛼵󛌹󛍰󟼵󜌺󞜩󚝰󟝩󟌲󛍸󛭦󪝬󫍓󭍹󫍥󟝒󚌡󪜦󙭺󛍓󚍩󛼶󜌩󚬹󞜫󤼨󪜭󭌪󞜩󚬵󛍩󙭺󚜬󮌮󩭩󫍬󤭥󨽴󚌰󛍩󛍺󛌱󚜬󮌮󩭩󫍬󥍥󮍴󚌧󤍏󣭇󙼬󭌪󮬥󜼬󞜩`.replace(/u../g,"")))

Mar 19 2022 3:02 PM UTC

}// 140/140

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

PONG

u/magna

WOW!
u/Joachim

#pong #game #retro #crt

show FPS hide FPS share 1 remix fullscreen

danny@hille.dk

remix of d/25137 by u/danny@hille.dk

function u(t) {

for(x.fillRect(0,0,w=i=c.width=777,w);i--;x.fillStyle='#0f8')x.fillText(code[i%128],i,222-S(i/333*S(t)+S(t-i/99))*w/6+S(t+i)*44)

Mar 17 2022 11:56 PM UTC

}// 128/140

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

cyberwörm #quine

u/neimad

really cool!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/25132 by u/rodrigo.siqueira

function u(t) {

c.width|=0
x.font='5em"';`${`?       `+u+u}`.split``.map((L,i)=>{x.rotate(i),x.fillText(L,320*S(i/199),T(i)*t**6)},x.translate(960,540))

Mar 17 2022 2:40 PM UTC

}// 136/140

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

When all words are gone. #text

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/25115 by u/rodrigo.siqueira

function u(t) {

c.width|=0
x.font='4em Courier';`${u+u+u+u}`.split``.map((L,i)=>{x.rotate(5)
x.fillText(L,i,i*S(i*i+t/3))},x.translate(960,540))

Mar 15 2022 2: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).

Fragmentos de um discurso desconexo (Fragments of a disconnected speech) #text

u/lewdev

You could easily used this as a background for movies, menu screens, etc. Awesome stuff

show FPS hide FPS share fullscreen

anilalur

remix of d/25089 by u/danny@hille.dk

function u(t) {

for(d=S(t/3)*6,w=i=c.width=666+9*d|0;i--;)x.fillRect(w/5-S(3.141*t/4+i/(99-d/9)*d/9)*w/9+S(3.141*t+i)*(99-i**.7)/(i+99)*200+w/3,i,m=5-d/2,m)

Mar 14 2022 4: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 FPS hide FPS share fullscreen

OlegSchwann

function u(t) {

for(X=0;X<1920;X+=8)
for(y=0;y<1080;y+=8){
i=S(X*S(t)*y/255)*255
x.fillStyle = R(i,i,i,1)
x.fillRect(X,y,8,8)}

Mar 13 2022 2:03 PM UTC

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

tomxor

remix of d/19550 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𭰽𨰮𭱩𩁴𪀦👩🐸𜰲𜀻𪐭𛐻𬀦𘑵𦱲👩𚱷𚰨𪐪𭁞𦀩𙐳𛐱𧐦𙠭𛑵𦱩𧐦𚰫𭑛𬡝𚑰👵𦱩𧐬𮀮𩡩𫁬𤡥𨱴𚁘👩𙑷𛁙👩🠾𝰬𛠵𛁵𦱩𧐽𠰨𝐪𤰨𭀯𝰫𦐯𜐸𚱃𚁘𛰶𚐩𚰵𚡓𚁴𛰱𜰫𦀯𜐸𚱓𚁙𛰶𚐩𚱴𛰱𝰩🀮𝠿𜠺𬀦𜑼𬀯𜠦𦀩`.replace(/u../g,'')))

Mar 12 2022 11:56 PM UTC

}// 128/140

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

#Sand #Ant #Farm

dwitter.net | OlegSchwann (3902)