# Starry Shader for Sky Sphere
**URL:** https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578
**Category:** Showcase
**Tags:** materials, shaders, shader-material, fragment-shader
**Created:** [May 16, 2019, 7:48am UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578 "2019-05-16T07:48:09Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@sneha-belkhale](https://discourse.threejs.org/u/sneha-belkhale)
#### Post date: [May 16, 2019, 7:48am UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/1 "2019-05-16T07:48:09Z")
Thought i’d share a starry sky shader that I am applying to a sky sphere in one of my recent projects. Fully procedural, and generated with layers of perlin noise in the shader ( no particles ).
Check out the isolated example here :
[https://stackblitz.com/edit/starry-skydome](https://stackblitz.com/edit/starry-skydome)
 
---
### Author:  [@prisoner849](https://discourse.threejs.org/u/prisoner849)
#### Post date: [May 16, 2019, 7:58am UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/2 "2019-05-16T07:58:38Z")
Very cool visual effect! 👍
And thanks for sharing 🍻
---
### Author:  [@sciecode](https://discourse.threejs.org/u/sciecode)
#### Post date: [May 16, 2019, 3:41pm UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/3 "2019-05-16T15:41:48Z")
Looks really good! Amazing job.
---
### Author:  [@Usnul](https://discourse.threejs.org/u/Usnul)
#### Post date: [May 16, 2019, 6:00pm UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/4 "2019-05-16T18:00:02Z")
Your screenshot looks really cool. I don’t get the same effect when i use the link though:
---
### Author:  [@titansoftime](https://discourse.threejs.org/u/titansoftime)
#### Post date: [May 16, 2019, 11:32pm UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/5 "2019-05-16T23:32:42Z")
I get the same thing.
---
### Author:  [@sneha-belkhale](https://discourse.threejs.org/u/sneha-belkhale)
#### Post date: [May 17, 2019, 1:14am UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/6 "2019-05-17T01:14:35Z")
@titansoftime & @Usnul whoa that’s interesting…the link definitely works for me on Chrome on my Macbook… what device/browser are you using?
---
### Author:  [@titansoftime](https://discourse.threejs.org/u/titansoftime)
#### Post date: [May 17, 2019, 2:53am UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/7 "2019-05-17T02:53:33Z")
Desktop Windows 10 Chrome 74 GeForce GTX 1060
Mobile Android Samsung Galaxy s7 Chrome
Both get the same results.
Here is a console log, not sure if this is part of the issue or just some typical stackblitz issue.
---
### Author:  [@sneha-belkhale](https://discourse.threejs.org/u/sneha-belkhale)
#### Post date: [May 17, 2019, 4:04am UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/8 "2019-05-17T04:04:47Z")
@titansoftime
yeah I get those errors too, they are just stackblitz issues… would you mind trying out this link as well?
[https://codercat.tk/three-body](https://codercat.tk/three-body)
^^ it’s the project where I use this sky shader… just trying to narrow down the problem, see if it’s anyway related to stackblitz.
thanks 🙂
---
### Author:  [@sciecode](https://discourse.threejs.org/u/sciecode)
#### Post date: [May 17, 2019, 4:20am UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/9 "2019-05-17T04:20:26Z")
Desktop Windows 10 Chrome 74 GeForce GTX 750 TI
It works for me on both links.
But damn! that sudden sound almost made me deaf on the project link. 🤣
---
### Author:  [@sneha-belkhale](https://discourse.threejs.org/u/sneha-belkhale)
#### Post date: [May 17, 2019, 4:22am UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/10 "2019-05-17T04:22:48Z")
@sciecode, thanks for checking the link 🙂 and sorry about that … the project is still very work in progress~~ actually adding a sound on/off button at the moment
---
### Author:  [@Usnul](https://discourse.threejs.org/u/Usnul)
#### Post date: [May 17, 2019, 5:21am UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/11 "2019-05-17T05:21:31Z")
Also broken, only see one body 😛
my specs:
Win10, GTX 1080, Chrome Version 74.0.3729.157 (Official Build) (64-bit)
---
### Author:  [@sneha-belkhale](https://discourse.threejs.org/u/sneha-belkhale)
#### Post date: [May 18, 2019, 3:51am UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/12 "2019-05-18T03:51:08Z")
wow so strange. must be a really low level issue. I wish I could debug it but need access to a machine with either a GTX 1080 or GTX 1060…
---
### Author:  [@Aerion](https://discourse.threejs.org/u/Aerion)
#### Post date: [August 21, 2019, 6:45pm UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/13 "2019-08-21T18:45:26Z")
Can somebody upload a copy of this? The link to the starry sky demo is dead. Thank you!
---
### Author:  [@Andre\_Almeida](https://discourse.threejs.org/u/Andre_Almeida)
#### Post date: [February 20, 2020, 1:40am UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/14 "2020-02-20T01:40:46Z")
Did you get to the bottom of this? What was the issue with Windows 10 GeForce GTX?
---
### Author:  [@Andre\_Almeida](https://discourse.threejs.org/u/Andre_Almeida)
#### Post date: [February 20, 2020, 6:02pm UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/15 "2020-02-20T18:02:40Z")
Found the issue! Threejs shows the GPU warning " pow(f, e) will not work for negative f". Just put abs(f) in the first argument of pow() functions and it will work 🙂
---
### Author:  [@Aerion](https://discourse.threejs.org/u/Aerion)
#### Post date: [April 17, 2020, 6:51pm UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/16 "2020-04-17T18:51:23Z")
Sorry for reviving this, but I would like to know where in the shader I have to fix to get this to work with three.js r115? Thank you!
---
### Author:  [@prisoner849](https://discourse.threejs.org/u/prisoner849)
#### Post date: [April 17, 2020, 7:08pm UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/17 "2020-04-17T19:08:51Z")
@Aerion
Where? O\_o [https://stackblitz.com/edit/starry-skydome?file=StarrySkyShader.js](https://stackblitz.com/edit/starry-skydome?file=StarrySkyShader.js)
And the lines with the fix are 108 - 110:
```auto
float cs = pow(abs(cnoise(scaledClusterSize*vPos+noiseOffset)),1.0/clusterStrength) + cnoise(scaledStarSize*vPos);
float c =clamp(pow(abs(cs), 1.0/starDensity),0.0,1.0);
```
---
### Author:  [@Aerion](https://discourse.threejs.org/u/Aerion)
#### Post date: [April 17, 2020, 7:11pm UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/18 "2020-04-17T19:11:08Z")
@prisoner849 : Thank you! Is there a way to make the stars randomly blink with a manually set time / speed modifier & add / remove more stars? Thank you so much! 🙂
Edit : Also, I noticed this :
Is there a way to fix that or remove it & remove the aurora?
Thank you so kindly! 🙂
---
### Author:  [@prisoner849](https://discourse.threejs.org/u/prisoner849)
#### Post date: [April 17, 2020, 7:38pm UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/19 "2020-04-17T19:38:19Z")
@Aerion
Add a uniform with time and then use that noise function to make twinkle stars 🙂
PS I don’t know how to remove that star cluster.
---
### Author:  [@Aerion](https://discourse.threejs.org/u/Aerion)
#### Post date: [April 17, 2020, 7:40pm UTC](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578/20 "2020-04-17T19:40:25Z")
@prisoner849 or anyone else : I’m not good with shaders. How would you do it?
[Next page](https://discourse.threejs.org/t/starry-shader-for-sky-sphere/7578.md?page=2)