# Cheap misty effect

**URL:** <https://discourse.threejs.org/t/cheap-misty-effect/6153>\
**Category:** Resources\
**Tags:** fragment-shader, clipping-planes\
**Created:** [February 15, 2019, 2:40pm UTC](https://discourse.threejs.org/t/cheap-misty-effect/6153 "2019-02-15T14:40:02Z")\
**Posts on this page:** 1\
**Page:** 2

<div class="post-metadata">

**Author:** ![Lawrence3DPK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/lawrence3dpk/32/29184_2.png) [@Lawrence3DPK](https://discourse.threejs.org/u/Lawrence3DPK)\
**Post date:** [April 18, 2023, 10:03pm UTC](https://discourse.threejs.org/t/cheap-misty-effect/6153/23 "2023-04-18T22:03:13Z")

</div>

Lush @drcmda, this works perfectly on android now too, great resolve and great work!

Update: not sure if it’s intentional but it seems if the plane goes below the colums the mist overides the columns all together…

Update#2: i noticed also that the transparency slider breaks the colour selection as of course THREE.Color() is non inclusive of an alpha channel

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/0/d/0d2a958d3d78ddd127867aeb0b37ed5a4748e82f.png)

i guess you’d need to link this to an alpha uniform in the shader, not sure if that’s possible but should be

[Previous page](https://discourse.threejs.org/t/cheap-misty-effect/6153.md?page=1)