# Modify existing Codepen three.js project

**URL:** <https://discourse.threejs.org/t/modify-existing-codepen-three-js-project/14836>\
**Category:** Jobs\
**Created:** [May 1, 2020, 8:20pm UTC](https://discourse.threejs.org/t/modify-existing-codepen-three-js-project/14836 "2020-05-01T20:20:27Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mykita](https://avatars.discourse-cdn.com/v4/letter/m/977dab/32.png) [@Mykita](https://discourse.threejs.org/u/Mykita)\
**Post date:** [May 1, 2020, 8:20pm UTC](https://discourse.threejs.org/t/modify-existing-codepen-three-js-project/14836/1 "2020-05-01T20:20:27Z")

</div>

Hi,

I would like to reach out to see whether there’s anyone here that could help us modify this example to look like our logo:

https://codepen.io/davidkpiano/embed/preview/aqNZxX?height=300&slug-hash=aqNZxX&default-tabs=html,result&host=https://codepen.io

This is our logo:

 ![Artboard 1](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/2/2bcb9032e89710ce7e30e7dbd1b8da123588c73a.jpeg)

Here’s a sketch of what we’d like to achieve:

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/5/505d2fb349189512e4d2fbd242271db0344ea417.jpeg)

So it means basically changing the color of the entire cube and then add a second color to the respective squares to display the “M” shape (pink color in the sketch above). It would be very nice if these colors appeares as the flat cubes “expands” (see Codepen example).

If anyone is up for the task, kindly let me know. We’ll agree on the payment - no problem. Let me know if you prepare fixed _or hourly_(?)

---

<div class="post-metadata">

**Author:** ![marquizzo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/marquizzo/32/25192_2.png) [@marquizzo](https://discourse.threejs.org/u/marquizzo)\
**Post date:** [May 2, 2020, 12:05am UTC](https://discourse.threejs.org/t/modify-existing-codepen-three-js-project/14836/2 "2020-05-02T00:05:52Z")

</div>

You should know that this is not a Three.js project. It’s all done with about 300 HTML elements, and 500+ lines of CSS… which actually makes it more complicated IMHO.

---

<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:** [May 2, 2020, 1:55am UTC](https://discourse.threejs.org/t/modify-existing-codepen-three-js-project/14836/3 "2020-05-02T01:55:11Z")

</div>

As @marquizzo says, the example you shared is an experiment to show what can be done with pure CSS and HTML. There’s no way it could be used in production for your logo.

You can create something similar using three.js, but whoever does it will have to start from scratch.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/c/c74c5243388bbfa21a39c3e824ddba702a623dec.png) [@system](https://discourse.threejs.org/u/system)\
**Post date:** [May 31, 2020, 8:20pm UTC](https://discourse.threejs.org/t/modify-existing-codepen-three-js-project/14836/5 "2020-05-31T20:20:31Z")

</div>

Closed on May 31, 2020, 8:20pm UTC

This topic was automatically closed after 30 days. New replies are no longer allowed.