# 3D fps portfolio using react-three-fiber (give suggestions please)

**URL:** <https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203>\
**Category:** Showcase\
**Tags:** fps, models, blender, textures, gltf, threejs, react-three-fiber\
**Created:** [October 27, 2021, 3:31pm UTC](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203 "2021-10-27T15:31:35Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![VinayMatta63](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/vinaymatta63/32/21887_2.png) [@VinayMatta63](https://discourse.threejs.org/u/VinayMatta63)\
**Post date:** [October 27, 2021, 3:31pm UTC](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203/1 "2021-10-27T15:31:35Z")

</div>

Hey Everyone, I recently discovered three.js and have since been using it with react.

This is the first full project I have made using three.js and although it is still not complete I think it is presentable as it is.  
So basically I made my portfolio with fps game like movement and interactive elements using react-three-fiber.  
EDIT: Added Red-Light, Green-Light game from Squid Games.  
PLEASE DO LEAVE YOUR FEEDBACK AND SUGGESTIONS.  
(Its valuable for making improvements)

 ![portfolio](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/e/7/e708e4b88265f1fd4bb3fa0acccf39834c9895d0.png)  
 ![Screenshot 2021-11-12 at 11.59.52 AM](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/b/7/b7e08d385330aa538fef0bac165cb6a9fd50db7e.jpeg)

Link to live project : [Vinay Matta (vinay-matta.web.app)](https://vinay-matta.netlify.app/)  
Link to Project Github: [VinayMatta63/threejs-portfolio: 3D Game-like Portfolio made using Three.js, React.js, Blender Models and React-Three-Fiber with interactive elements. (github.com)](https://github.com/VinayMatta63/threejs-portfolio)

---

<div class="post-metadata">

**Author:** ![Raghav\_gupta](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/raghav_gupta/32/22071_2.png) [@Raghav\_gupta](https://discourse.threejs.org/u/Raghav_gupta)\
**Post date:** [November 23, 2021, 9:08am UTC](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203/2 "2021-11-23T09:08:12Z")

</div>

Great work man!!

---

<div class="post-metadata">

**Author:** ![VinayMatta63](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/vinaymatta63/32/21887_2.png) [@VinayMatta63](https://discourse.threejs.org/u/VinayMatta63)\
**Post date:** [November 24, 2021, 6:41am UTC](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203/3 "2021-11-24T06:41:22Z")

</div>

Thanks a lot !

---

<div class="post-metadata">

**Author:** ![tinotibaldo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/tinotibaldo/32/22060_2.png) [@tinotibaldo](https://discourse.threejs.org/u/tinotibaldo)\
**Post date:** [November 25, 2021, 1:18am UTC](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203/4 "2021-11-25T01:18:31Z")

</div>

I’ve won the squid game 😉

---

<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:** [November 25, 2021, 4:29am UTC](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203/5 "2021-11-25T04:29:19Z")

</div>

Reminds me of something 🤔

> **[Threejs journey - CodeSandbox](https://codesandbox.io/s/threejs-journey-ni6v4)**
>
> The last scene from Bruno Simons Threejs journey in react-three-fiber

---

<div class="post-metadata">

**Author:** ![VinayMatta63](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/vinaymatta63/32/21887_2.png) [@VinayMatta63](https://discourse.threejs.org/u/VinayMatta63)\
**Post date:** [November 25, 2021, 4:46am UTC](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203/6 "2021-11-25T04:46:56Z")

</div>

Had to get some help for models 😅, not a 3D designer

---

<div class="post-metadata">

**Author:** ![Dangeagle](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/dangeagle/32/22563_2.png) [@Dangeagle](https://discourse.threejs.org/u/Dangeagle)\
**Post date:** [December 2, 2021, 4:25am UTC](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203/7 "2021-12-02T04:25:46Z")

</div>

I make the game like you, but I can’t walk when I look at the ground at 90 degrees. however, you can do that so you can show me how to fix it. plz

---

<div class="post-metadata">

**Author:** ![Dangeagle](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/dangeagle/32/22563_2.png) [@Dangeagle](https://discourse.threejs.org/u/Dangeagle)\
**Post date:** [December 2, 2021, 4:30am UTC](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203/8 "2021-12-02T04:30:38Z")

</div>

I make the game like you, but I can’t walk when I look at the ground at 90 degrees. however, you can do that so you can show me how to fix it. plz

---

<div class="post-metadata">

**Author:** ![VinayMatta63](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/vinaymatta63/32/21887_2.png) [@VinayMatta63](https://discourse.threejs.org/u/VinayMatta63)\
**Post date:** [December 3, 2021, 4:48am UTC](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203/9 "2021-12-03T04:48:01Z")

</div>

I can help you for sure. Sent a reply over mail.

---

<div class="post-metadata">

**Author:** ![uma\_shankar](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/uma_shankar/32/31371_2.png) [@uma\_shankar](https://discourse.threejs.org/u/uma_shankar)\
**Post date:** [November 25, 2022, 4:52pm UTC](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203/10 "2022-11-25T16:52:46Z")

</div>

What License is this ? License not mentioned on Github ?

---

<div class="post-metadata">

**Author:** ![VinayMatta63](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/vinaymatta63/32/21887_2.png) [@VinayMatta63](https://discourse.threejs.org/u/VinayMatta63)\
**Post date:** [November 25, 2022, 5:23pm UTC](https://discourse.threejs.org/t/3d-fps-portfolio-using-react-three-fiber-give-suggestions-please/31203/11 "2022-11-25T17:23:57Z")

</div>

I haven’t licensed it since it is my portfolio and I have’t even worked on it for quite some time, although I am thinking of refining it soon.