# LCD panel like terminal window with thin instances + typewriter demo

**URL:** <https://forum.babylonjs.com/t/lcd-panel-like-terminal-window-with-thin-instances-typewriter-demo/22378>\
**Category:** Demos and projects\
**Created:** [July 15, 2021, 12:03am UTC](https://forum.babylonjs.com/t/lcd-panel-like-terminal-window-with-thin-instances-typewriter-demo/22378 "2021-07-15T00:03:15Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [July 15, 2021, 12:03am UTC](https://forum.babylonjs.com/t/lcd-panel-like-terminal-window-with-thin-instances-typewriter-demo/22378/1 "2021-07-15T00:03:15Z")

</div>

Guys, back again with some thin instances stuff!

I thought about creating a mandelbrot visualization but it was painfully slow on the CPU. So I’ve created a 3D terminal window with rastered fonts.  
Check out the PG:

[https://playground.babylonjs.com/#5PHDKG#86](https://playground.babylonjs.com/#5PHDKG#86)

So there is only one step left to create a BabylonJS 3D Asciinema player 🖖 Anyone interested in doing it? 😃

Have a great day/night!

R.

EDIT: Guys, we can gain much more performance by not setting the thin instances buffer again and again as I did it originally, but we can call `thinInstancesBufferUpdate()`. We can use the `thinInstancesPartailBufferUpdate` to be even more faster. The only change in code is:

```auto
    drawChar(char: string, x: number, y: number) {
        const segmentData = this._charmap.get(char)
        if (!segmentData) {
            return
        }

        this.updateSegment(x, y, segmentData)
   added -> this._prefabMesh.thinInstanceBufferUpdated("color")
   removed -> // this.setThins(false, true)
    }

```

New PG: [https://playground.babylonjs.com/#5PHDKG#87](https://playground.babylonjs.com/#5PHDKG#87)

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [July 15, 2021, 12:06am UTC](https://forum.babylonjs.com/t/lcd-panel-like-terminal-window-with-thin-instances-typewriter-demo/22378/2 "2021-07-15T00:06:22Z")

</div>

I love your demos, please keep em coming !!!

Between old school computers and Matrix, you definitely know how to be sure I ll like them 🙂

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [July 15, 2021, 12:09am UTC](https://forum.babylonjs.com/t/lcd-panel-like-terminal-window-with-thin-instances-typewriter-demo/22378/3 "2021-07-15T00:09:06Z")

</div>

Thanks a lot! It’s my pleasure to entertain you! 😃  
I need to rest for a week or two now, because I started to dream about 3D objects. I am not joking! 😃 So back in a week, two and hopefully I will manage to do some more cool stuff! 🙂

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [July 15, 2021, 12:12am UTC](https://forum.babylonjs.com/t/lcd-panel-like-terminal-window-with-thin-instances-typewriter-demo/22378/4 "2021-07-15T00:12:19Z")

</div>

How cool it would be to have a BabyloJS demo scene!! 🖖 🕹

---

<div class="post-metadata">

**Author:** ![musk](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/musk/32/17156_2.png) [@musk](https://forum.babylonjs.com/u/musk)\
**Post date:** [July 15, 2021, 1:53am UTC](https://forum.babylonjs.com/t/lcd-panel-like-terminal-window-with-thin-instances-typewriter-demo/22378/5 "2021-07-15T01:53:50Z")

</div>

Thanks for your continuous updates. I learned a lot from your demos

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [July 15, 2021, 6:38am UTC](https://forum.babylonjs.com/t/lcd-panel-like-terminal-window-with-thin-instances-typewriter-demo/22378/6 "2021-07-15T06:38:08Z")

</div>

Hello,  
I’m happy to hear that! You are welcome!  
R.