New #mist dweets

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

taupelink

remix of d/25522 by u/taupelink

function u(t) {

eval(unescape(escape`景爨洽琿〺㑥㐻洭ⴾ㍥㐻砮晩汬⠩⥸⹢敧楮偡瑨⡸⹦楬汓瑹汥㵠桳污⠤筛椽津㈰〬樽洯㘰〬焽洪⨨津⠵⼹⤩嵛津㍝⬹ぽⰤ筪紥Ⱔ筩⼲紥Ⱔ笴〯煽⥠⤬硛椼樿❲散琧㨧慲挧崨洪⨳┲攳Ɑ⩭┱〸ㄬ焥椬椬椭㈩`.replace(/u([^D].)/g,'$1%')))

May 26 2022 7:24 PM UTC

}// 140/140

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

d/25552

u/Joachim

Now that's actually rather pretty. #mist #abstract

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

Joachim

function u(t) {

eval(unescape(escape`󨼮󭽩󩍴󪌽󮬽󜼰󜌊󩭯󬬨󪜽󜌻󪜼󮬻󪜫󚼩󮌮󩭩󫍬󤽴󮝬󩜽󤬨󬬽󝽥󜼯󪜬󬬬󬬩󛍸󦽦󟜧󩭩󫍬󤭥󨽴󙽝󚍡󟜱󝜰󛝓󚍴󚼳󜌯󪜩󛽩󚬳󩜳󛝩󛼲󛍢󟜹󞜫󪜯󜼬󪜬󜜩󛌨󛝴󚬱󩜳󛝲󚬴󚜥󜜵󜌼󛜶󜌦󙬨󮌮󨽬󩝡󬭒󩝣󭌨󨜫󪜯󜬬󨬬󪜯󞜬󜜩󛍸󦽦󧜨󨜫󚍩󙜲󟽩󚬲󞬭󪜪󜬩󛍢󛍩󛌭󪜩󚜻`.replace(/u../g,'')))

Feb 22 2022 11:22 AM UTC

}// 140/140

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

Road Version 7

Show more comments…
u/rep_movsd

#underrated
u/aleamb

fucking awesome!
u/vain

street with 3d buildings and fog fx... just fucking awesome!
u/tomxor

Classic #road
u/joeytwiddle

Good look! But the fog makes me want to slow down.
u/Joachim

#mist #street #d3 #perspective

show FPS hide FPS share fullscreen

Joachim

function u(t) {

eval(unescape(escape`󮬽󨼮󭽩󩍴󪌽󜼰󜌊󩭯󬬨󪜽󜌻󪜼󝬰󞽩󚼫󚝡󟝩󚭩󛼸󜌬󬌽󨜯󝌬󮌮󩭩󫍬󤽴󮝬󩜽󤬨󫬽󝍥󜼯󪜬󫬬󫬩󛍸󛭦󪝬󫍒󩝣󭌨󨬽󚍴󚭡󚽩󚭩󚜥󮬪󜬭󨜬󩼽󨜫󝬰󚽓󚍩󚽴󚜪󨜯󞜬󨜬󨜪󜬩󛍸󛭣󫍥󨝲󤭥󨽴󚍢󚼨󯭾󚍴󚭺󚜥󜬿󬌺󨜪󛬶󚜬󩼫󬌬󬌬󚍤󟜵󜌫󠼨󭌪󠼨󪜩󚬹󚜪󝜰󚜾󬌿󬌺󩌩`.replace(/u../g,'')))

Feb 4 2022 11:01 AM UTC

}// 140/140

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

what are these strange creatures?

u/tomxor

Oh no the defaults escaped!!
u/tomxor

related #default d/6749
u/GreyHope

One-eyed men :)
u/Joachim

Adding two eyes to the creatures used up too many bytes so I just moved one eye from side to side, hence the flashing
u/Joachim

#mist

You've reached the end.

dwitter.net | #mist