Top #smoke 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 1 remix fullscreen

pavel

remix of d/16169 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𫁥𭀠𪐽𝐶𜀰𛁷👣𛡷𪑤𭁨🐹𞐬𦀬𦐬𦠬𪠬𬰽𜐶𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𦀽𪐥𭰬𦐽𪐯𭰬𜐬𛠶𛑚𛱷𚐩𩡯𬠨𪠽𝀬𦠽𭰻𪠭𛐻𚑚𛐽𣑡𭁨𛡨𮑰𫱴𚁘𛐵𜀬𦐯𜠬𦠩𛑳𛑓𚁙𛱳𚱴𚠴𚐪𞀫𠰨𝐪𤰨𦐯𬰫𠰨𦀯𝠩𚐫𝐪𤰨𦀯𬰫𤰨𦠯𬰫𦐯𝠫𭀪𞀩𚐫𭀩𚠵`.replace(/u../g,'')))

Oct 19 2019 4:18 AM UTC

}// 134/140

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

Ray Marching SDF Smoke #improved fps

u/tomxor

huh, did not know about Math.hypot, also it's weird how sensitive V8 is to globals... or rather how it seems incapable of optimising them into locals itself.
u/tomxor

#smoke
u/aleamb

#sdf #raymarching

show FPS hide FPS share fullscreen

f0rkbm

function u(t) {

w=1920
h=1080
z=C(t)*255
x.fillStyle=R(z,z,z)
for(i=0;i++<5;)
x.fillRect(i*15+w/2-30,h/2,5,5)
x.drawImage(c,-20+C(t/3),-20+S(t),w+40,h+40)

Dec 27 2017 2:40 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/Polyducks

You'd save a lot of characters just by removing newlines.
u/Xen

for each newline removed they would need to add a "," ...the main save would be for(i=5:i--:x.drawIma...)
u/f0rkbm

lessons learned. also, possible bug? on dwitter.net it shows 144/140, on u/f0rkbom it shows 138/140
u/Lazy1337

happens sometimes
u/katkip

#smoke

show FPS hide FPS share fullscreen

kchplr

function u(t) {

for(c.width|=0,i=3e3;i--;X=S(t+i*.01)*500,D=1-((Y-540)**2+X*X)**.5/400,x.fillRect(960+X*D*1.7,Y+D*(100+S(t)*99),D*D*99,D*20))Y=(t+i<<2)%2e3

Mar 9 2017 6:42 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/jsizzle

Wow!
u/recursive

The movement looks like smoke. Very nice.
u/iverjo

Nice!
u/joeytwiddle

#smoke

show FPS hide FPS share 1 remix fullscreen

yonatan

function u(t) {

c.width|=0
for(i=3e3;i--;x.fillRect(960+(h=S(i/88-t)*i/5),1200-i/2-C(t+i/55+h*h/1e5)*h*i/4e3,s=99/i**.3,s))x.globalAlpha=.01

May 14 2018 5:25 PM UTC

}// 124/140

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

#smoke

u/Cloud

Good smoke

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/24908 by u/rodrigo.siqueira

function u(t) {

with(x)for(i=800;i--;fillRect(~setTransform(i,0,0,i,880+i+3*i*C(i),700+2*i*C(i/400)),~rotate(i/6+t/2),2,2))fillStyle=R(i/5,i/4,i/3,.07)

Feb 11 2022 12:45 PM UTC

}// 135/140

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

Misty mountain fog #smoke

Show more comments…
u/tomxor

Simple but very effective!
u/aleamb

wow!
u/vain

OMG! It looks so great. Where do you guys get the ideas & math formulas from?
u/magna

O M G
u/rodrigo.siqueira

u/vain It is the combination of rotations, scaling and translations (setTransform) and transparent color (.07 opacity). I remix and play with parameters and all stems from u/pavel 's Underwater cavern: https://www.dwitter.net/d/18597 My previous dweets are also remix of it. The math formulas (sin and cos) are not the main thing, they just create some almost random numbers with cyclic properties. I can not predict the result only looking to the formulas. I remix and explore combinations and post when I find interessting results.
u/vain

u/rodrigo.siqueira Thank you for your feedback and the nice and detailed description. Keep on your nice work! ;-)
u/joeytwiddle

Beautiful! #cloud #mountain #scene

show FPS hide FPS share fullscreen

trancor

remix of d/7905 by u/trancor

function u(t) {

c.width=999,w=540,t?m=[w+S(t)*340,w]:p=[];p.push([[...m],5]),p.map((z,i)=>{k=z[0],k[0]+=S(i+t),k[1]-=z[1]+S(i*8),x.lineTo(...k),x.stroke()})

May 4 2018 1:02 AM UTC

}// 140/140

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

u/firegodjr

#smoke #wireframe
u/hollo47

Abstract smoke! Nice! Could look nice if it left a trail?
u/joeytwiddle

Tried shadowBlur but very heavy. Trails look better anyway: x.fillStyle='#fff3',t?x.fillRect(0,0,999,800):c.width=999;x.beginPath();w=540,t?m=[w+S(t)*340,w]:p=[];p.push([[...m],5]),p.map((z,i)=>{k=z[0],k[0]+=S(i+t),k[1]-=z[1]+S(i*8),x.lineTo(...k),x.stroke()})
u/trancor

Oooo, I like that, great idea! I'll have to try incorporating that into a remix. Thanks joeytwiddle!

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/23035 by u/KilledByAPixel

function u(t) {

for(w=c.width&=j=10368;j;T++)(T-(j%w/64*T+t*7)&(Y=T*j/1e4)&T)<9-Y&T<35*(C(1+t/2)+1.3)||x.fillRect(j%w,--j>>7,2,T/44,T=0)

Jun 7 2021 2:19 PM UTC

}// 120/140

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

Aerial view / Fog is coming #smoke #uncompressed #perspective

u/KilledByAPixel

Nice! I hope to see many more remixes of these.

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/15952 by u/tomxor

function u(t) {

eval(unescape(escape`景爨眽挮睩摴栽ㄲ〬椽㡥㌻椭ⴻ砮晩汬剥捴⡒㵩╷ⱔ㵩⽷ⰱⰮ㘭娯㘴⤩景爨樽㐬娽眻樭ⴻ娭㴨⡒ⴶ〩⨪㈫⡔⼲⤪⨲⭚⩚⤪⨮㔭⠱㘫匨启猫琪㐩⨸⤫䌨㔪匨启猫䌨刯猪㌩⤫㔪匨刯猫匨娯猫启猪㌫琪㠩⤫琩⨵⥳㴱㘻`.replace(/u(..)/g,"$1%")))

Oct 18 2019 11:35 PM UTC

}// 140/140

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

Ray Marching SDF Smoke

u/tomxor

Runs significantly faster in FireFox for some reason.
u/tomxor

Part of the smokeyness is obtained by exploiting artifacts in the ray marching algorithm itself, by only marching a constant and very short depth (4 steps) smooth aberations appear around the true volume (representative of the sphere tracing)
u/DataMeta

WOW!!! #smoke #realistic #compressed
u/tomxor

#raymarching

show FPS hide FPS share 1 remix fullscreen

rodrigo.siqueira

remix of d/24904 by u/rodrigo.siqueira

function u(t) {

with(x)for(i=900;i--;fillRect(~setTransform(s=i,0,0,s,960+i/t+3*s*S(i-t/2),560+2*s*C(i/40-t*2.5)),+~rotate(i/5),2,2))fillStyle=R(i,i/3,0,.2)

Feb 11 2022 3:12 AM UTC

}// 140/140

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

Ethereal creature

u/rodrigo.siqueira

Misty mountain fog #smoke
u/magna

Or fire dragon tongue
u/jellyedwards

So cool!

show FPS hide FPS share 1 remix fullscreen

tomxor

remix of d/16178 by u/tomxor

function u(t) {

eval(unescape(escape`𩡯𬠨𫁥𭀠𦀬𦐬𦠬𭰽𨰮𭱩𩁴𪀽𜐲𜀬𬰽𜐶𛁩🐸𩐳𛁪𞱩𛐭𞱸𛡦𪑬𫁒𩑣𭀨𦀽𪐥𭰬𦐽𪐯𭰬𜐬𛠶𛑚𛰹𜀩𚑦𫱲𚁪🐳𛁚👷𞱪𛐭𞰩𦠭👍𨑴𪀮𪁹𬁯𭀨𦐫𤰨𦀯𬰭𭀪𜰩𚠴𛁚𚐭𝀫𠰨𝐪𤰨𦐯𬰫𠰨𦀯𝠭𭀪𜠩𚐫𝐪𤰨𦀯𬰫𤰨𦠯𬰫𦐯𝠫𭀩𚐩𚡓𚁙𛱳𚐪𠰨𦀯𭰫𭀯𜰩𚠴`.replace(/u../g,'')))

Oct 19 2019 3:34 PM UTC

}// 140/140

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

Ray Marching SDF Gentile Smoke

u/tomxor

#smoke
u/tomxor

... gentile but deadly
u/tomxor

#raymarching
u/13thptr

nice

dwitter.net | #smoke