# Construction of frames with contour/profile

**URL:** <https://discourse.threejs.org/t/construction-of-frames-with-contour-profile/13490>\
**Category:** Resources\
**Tags:** buffergeometry, contour, profile, frame, geometry\
**Created:** [March 13, 2020, 2:20pm UTC](https://discourse.threejs.org/t/construction-of-frames-with-contour-profile/13490 "2020-03-13T14:20:37Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![hofk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hofk/32/44944_2.png) [@hofk](https://discourse.threejs.org/u/hofk)\
**Post date:** [March 13, 2020, 2:20pm UTC](https://discourse.threejs.org/t/construction-of-frames-with-contour-profile/13490/1 "2020-03-13T14:20:38Z")

</div>

On the basis of  
[Construction base with two scenes](https://discourse.threejs.org/t/construction-base-with-two-scenes/5695)  
(_see also under [discourse.threejs.hofk.de](https://hofk.de/main/discourse.threejs/2019/index2019.html)_)  
I have realized the construction of frames. The created geometry is exported as a complete three.js BufferGeometry Definition and can be used in own projects.

Check it out  
[https://hofk.de/main/threejs/ConstructFrame/ConstructFrame.html](https://hofk.de/main/threejs/ConstructFrame/ConstructFrame.html)  
Click **?** for help (en, de).

On Github with some exported examples. Uses a template.  
[GitHub - hofk/threejsResources: Resources for three.js](https://github.com/hofk/threejsResources) open ConstructFrame.

Enjoy it. 🙂

 ![ConstructFrame - Mozilla Firefox 2020-03-13 14.29.](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/2/2836207335d95fbc3785d0f6aab9378d7531dfdb.png)

 ![ConstructFrame - Mozilla Firefox 2020-03-13 14.39.](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/8/84714ed1f4336154c1455c9ca1c6537f2814548d.png)

 ![ExportedFrames - Mozilla Firefox 2020-03-13 15.09.](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/f/f88df54059e3406d21322c8b8e0c9a08e1140b44.png)

![ConstructFrame - Google Chrome 2020-03-13 15.33.00](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/6/64a153d9e5a2aed3fe4f949bdd9aee48a062f361.png)