# Why Editor ground grid lines show and hide?

**URL:** <https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307>\
**Category:** Questions\
**Tags:** editor\
**Created:** [October 17, 2019, 4:08pm UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307 "2019-10-17T16:08:31Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![fselcukcan](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fselcukcan/32/7568_2.png) [@fselcukcan](https://discourse.threejs.org/u/fselcukcan)\
**Post date:** [October 17, 2019, 4:08pm UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/1 "2019-10-17T16:08:31Z")

</div>

Is it me or the grid lines in default ground you see in [https://threejs.org/editor](https://threejs.org/editor) always shows and hide after certain camera angles and distances? (actually no ground is shown in SCENE tab only a Camera and a Scene)  
Actually it can be improved to be better looking if not the most necessary feature to have.

In addition, can it be inspectable like the **Camera** and **Scene** or is there a reason for that this ground does not show up in the Editor?

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [October 17, 2019, 5:22pm UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/2 "2019-10-17T17:22:18Z")

</div>

> [@fselcukcan](#):
>
> Is it me or the grid lines in default ground you see in [three.js editor](https://threejs.org/editor) always shows and hide?

I’m afraid I can’t reproduce this. Can you make a screenshot or video of this glitch?

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fselcukcan/32/7568_2.png) [@fselcukcan](https://discourse.threejs.org/u/fselcukcan)\
**Post date:** [October 18, 2019, 9:04am UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/3 "2019-10-18T09:04:53Z")

</div>

It is something like that. After a certain angle and distance some lines are hidden.

 ![13](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/c/cdc834c9a79e71906a754133fda93c5f4ec9d242.png)  
 ![58](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/8/8b633e0d60e0f868d09487653c627b71299b18a3.png)

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [October 18, 2019, 9:28am UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/4 "2019-10-18T09:28:36Z")

</div>

The grid is rendered as 1px wide lines. Depending on the screen’s resolution and/or GPU (driver) effects like that are inevitable.

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fselcukcan/32/7568_2.png) [@fselcukcan](https://discourse.threejs.org/u/fselcukcan)\
**Post date:** [October 18, 2019, 10:57am UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/5 "2019-10-18T10:57:15Z")

</div>

I think that should not be the case. It should be doable like I can see it work in the babylonjs playground. I thought maybe we can do this here too. Ideas?

 ![49](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/a/a206aaa58c1d85f5295feca4ea1f3e71ab0e7d88.jpeg)

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [October 18, 2019, 11:00am UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/6 "2019-10-18T11:00:46Z")

</div>

It works probably because of the darker background.

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fselcukcan/32/7568_2.png) [@fselcukcan](https://discourse.threejs.org/u/fselcukcan)\
**Post date:** [October 18, 2019, 3:07pm UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/7 "2019-10-18T15:07:59Z")

</div>

Trying that yielded in same result.

 ![28](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/2/2946eff13d80514385252ac6f81e20890f9efb01.png)

---

<div class="post-metadata">

**Author:** ![Fyrestar](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fyrestar/32/52793_2.png) [@Fyrestar](https://discourse.threejs.org/u/Fyrestar)\
**Post date:** [October 18, 2019, 3:56pm UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/8 "2019-10-18T15:56:58Z")

</div>

> [@fselcukcan](#):
>
> ![49](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/a/a206aaa58c1d85f5295feca4ea1f3e71ab0e7d88.jpeg)
> 
> Ekran Resmi 2019-10-18 ÖS 1.51.49.jpg1160×560 155 KB

That looks suspiciously like 😄

> [@THREE.InfiniteGridHelper (anti-aliased)](https://discourse.threejs.org/t/three-infinitegridhelper-anti-aliased/8377):
>
> Here’s a infinite anti-aliased grid helper which fades out in distance. It doesn’t rely on lines, instead uses a single quad, so you can have a very dense huge grid without creating lines you can also change on the fly. new THREE.InfiniteGridHelper(size1, size2, color, distance); (current version 1, updating soon) [[image] ](https://mevedia.com/share/InfiniteGridHelper.jpg)

So if it’s rendered on a quad it isn’t the same as lines. It could be a issue on your machine. Does the issue appear in other browsers?

---

<div class="post-metadata">

**Author:** ![looeee](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/looeee/32/59_2.png) [@looeee](https://discourse.threejs.org/u/looeee)\
**Post date:** [October 18, 2019, 4:16pm UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/9 "2019-10-18T16:16:09Z")

</div>

I’ve tested this on Chrome windows and Brave Android, but I can’t reproduce it.

---

<div class="post-metadata">

**Author:** ![mrdoob](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mrdoob/32/22417_2.png) [@mrdoob](https://discourse.threejs.org/u/mrdoob)\
**Post date:** [October 18, 2019, 4:57pm UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/10 "2019-10-18T16:57:35Z")

</div>

What renderer do you have selected?

![59%20PM](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/c/c718cd3e42070225ddba31849f1e7a756a5ed8a6.png)

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fselcukcan/32/7568_2.png) [@fselcukcan](https://discourse.threejs.org/u/fselcukcan)\
**Post date:** [October 21, 2019, 10:08am UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/11 "2019-10-21T10:08:25Z")

</div>

No, it doesn’t appear on other browsers. I am on a mac and Chrome.

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fselcukcan/32/7568_2.png) [@fselcukcan](https://discourse.threejs.org/u/fselcukcan)\
**Post date:** [October 21, 2019, 10:10am UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/12 "2019-10-21T10:10:47Z")

</div>

That was the original selections.  
 ![26](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/4/4548e72732e382b25b1666449cc43c440d033840.png)

Selecting same options as in your ss does not seem to change the result:

 ![02](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/e/e4b1a54d4ffe68085096b5efe0492bc63ec73b39.png)

---

<div class="post-metadata">

**Author:** ![mrdoob](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mrdoob/32/22417_2.png) [@mrdoob](https://discourse.threejs.org/u/mrdoob)\
**Post date:** [October 24, 2019, 9:55pm UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/13 "2019-10-24T21:55:39Z")

</div>

That’s very weird.  
What OS is that with? What graphics card?

---

<div class="post-metadata">

**Author:** ![fselcukcan](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fselcukcan/32/7568_2.png) [@fselcukcan](https://discourse.threejs.org/u/fselcukcan)\
**Post date:** [October 26, 2019, 8:13pm UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/14 "2019-10-26T20:13:49Z")

</div>

macOS 10.13.6 High Sierra  
Intel HD Graphics 3000 384 MB  
Chrome

---

<div class="post-metadata">

**Author:** ![Fyrestar](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fyrestar/32/52793_2.png) [@Fyrestar](https://discourse.threejs.org/u/Fyrestar)\
**Post date:** [October 26, 2019, 8:24pm UTC](https://discourse.threejs.org/t/why-editor-ground-grid-lines-show-and-hide/10307/15 "2019-10-26T20:24:49Z")

</div>

> [@fselcukcan](#):
>
> Intel HD Graphics

😨

I honestly think this is some driver issue/something locally, intel graphics glitches in many ways as i experienced on various machines. In some cases WebGL rejects it even completely. I always suggest developers as well as consumers to always avoid onboard graphics.