# How to Use three.js to Create a Transparent Alley Walkthrough？

**URL:** https://discourse.threejs.org/t/how-to-use-three-js-to-create-a-transparent-alley-walkthrough/94559
**Category:** Questions
**Tags:** materials, geometry
**Created:** [September 22, 2026, 9:57am UTC](https://discourse.threejs.org/t/how-to-use-three-js-to-create-a-transparent-alley-walkthrough/94559 "2026-09-22T09:57:43Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![twx](https://avatars.discourse-cdn.com/v4/letter/t/65b543/32.png) [@twx](https://discourse.threejs.org/u/twx)
#### Post date: [September 22, 2026, 9:57am UTC](https://discourse.threejs.org/t/how-to-use-three-js-to-create-a-transparent-alley-walkthrough/94559/1 "2026-09-22T09:57:43Z")

</div>

![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/7/6/76f71aca06f2fc78776fd0740cd905b3e0c30adc.png)Figure

Figure 1 is my implementation.Figure 2 is the effect I want to achieve.

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

---

<div class="post-metadata">

### Author: ![phil\_crowther](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/phil_crowther/32/64202_2.png) [@phil\_crowther](https://discourse.threejs.org/u/phil_crowther)
#### Post date: [September 22, 2026, 3:59pm UTC](https://discourse.threejs.org/t/how-to-use-three-js-to-create-a-transparent-alley-walkthrough/94559/2 "2026-09-22T15:59:48Z")

</div>

Model it in Blender? That seems like the easiest way, especially if you have a specific shape in mind.

Then you can either texture it in Blender and load it into three.js.

Or you can just save the geometry (with UVs mapped) and load the geometry in three.js and, at the same time, add the texture in three.js.

I used to create islands in Blender and use a transparent texture to provide a detailed coastline.