Washington maina
Washington maina
  • 57
  • 67 936
3D CAR CONFIGURATOR IN THREEJS
this is a Car 3D configurator built on top rendercodeninja's code linked down below in the credit. i love the bugatti shiron so i decided to dedicate this website to it. feel free to fork the project and use it in your own way both personal and commercial. credit is appreciated but not necessary. the models have been downloaded from sketchfab so check the readme files for credits. am working on a lot more projects so stay tuned for more.
🔗 Check it out live: car-configurator-topaz.vercel.app/
🔗 Source code: github.com/washington254/car-configurator
If you find this project useful, I’d appreciate your support with a like and a comment. Your feedback helps me create better content and improve my projects.
🌟 Show Some Love: Don’t forget to like and subscribe
Connect with Me:
Twitter: Washing50752362
GitHub: github.com/washington254
also reach out via email if you have any projects or inquiries
I always welcome your recommendations and ideas. Feel free to share your thoughts and suggestions in the comments. I’m eager to see what you have in mind!
The project was created using ThreeJS WebGL library with model formats in glTF. Disclaimer This is a non-commercial demo project and is not affiliated with or endorsed by Bugatti Automobiles S.A.S. or its parent companies.
All images, designs, and models of the Bugatti Chiron used in this project are the intellectual property of Bugatti Automobiles S.A.S. This project is purely for educational and demonstrative purposes, showcasing WebGL and 3D modeling capabilities. No commercial use is intended, and all rights to the Bugatti name, logo, and vehicle design belong to Bugatti Automobiles S.A.S. and their respective owners.
For any inquiries related to the Bugatti brand, please visit their official website at www.bugatti.com.
Credits Special thanks to Bugatti Automobiles S.A.S. and their talented team for creating the Bugatti Chiron, a masterpiece of automotive design and engineering.
Model credit "Bugatti Chiron SuperSport 300+" (skfb.ly/oSvsN) by WARENTERTAINMENT™ is licensed under Creative Commons Attribution (creativecommons.org/licenses/by/4.0/).
Source code credit This project was built on top of a WebGL Car Configurator by RendercodeNinja, licensed under MIT. You can find the original project here: github.com/RendercodeNinja. Many thanks to the author for their incredible work
Переглядів: 290

Відео

CLOTH 3D CONFIGURATOR IN THREEJS
Переглядів 952 місяці тому
this is a clothes 3d configurator built with threejs and react three fiber. i was heavily inspired by xavier's presentation on why 3d websites suck. but i wasn't able to implement the wiggle bones. that will come soon after i learn it for now i love the way it looks and am ok with it. feel free to fork the project and use it in your own way both personal and commercial. credit is appreciated bu...
THREEJS WEB BROWSER GAME
Переглядів 2352 місяці тому
this is my first attempt at creating a game with threejs and react three fiber. so the game is built on top of the ecctrl and its using the rapier physics engine. the game is a low poly city with different buildings found from various parts. the credits will be in the description. i was inspired a lot from @swifterik sketchbook game so i decided to use his model. of course you can easily change...
FOREST SIMULATION IN THREEJS
Переглядів 733 місяці тому
this is built from Anderson manici's forest component. from the video here ua-cam.com/video/skXnq1Q4ngo/v-deo.html the project also has postprocessing and it showcases how to use the component on a live enviroment. here are the links 🔗 Check it out live: forest-house.vercel.app/ 🔗 Source code: github.com/washington254/Forest-house If you find this project useful, I’d appreciate your support wit...
Boids Flocking Simulation and Volumetric Clouds with Three.js & React
Переглядів 973 місяці тому
this is built from the boids flocking tutorial from wawa sensei but with birds. there is also an ocean shader and then volumetric clouds from anderson mancini's code. i am working on each individual elements since am planning to use each of them for an upcoming project so make sure you subscribe to see that. the website code and link is down below 🔗 Check it out live: flying-flamingos.vercel.ap...
TOURISM WEBSITE with NEXTJS
Переглядів 2983 місяці тому
this is a bit different from what i normally upload. i was learning nextjs and typescript and i figured the best way to do it is by creating a project. so this is my attempt at it. i made it from an awesome template by shabrina github.com/shabrina12 if you like to see more react or nextjs content make sure to write it down in the comment section. hope you like it 🔗 Check it out live: nextjs-tra...
REALISTIC OCEAN WATER with R3F and THREEJS
Переглядів 1983 місяці тому
this project is about creating realistic water with a water shader from threejs i am using it as a part of my game but i thought it would be cool if i gave it out as it's own thing from a youtube video. feel free to fork it and use it from your project also big thanks to @0xca0a for the orginial code 🔗 Check it out live: r3f-ocean.vercel.app/ 🔗 Source code: github.com/washington254/r3f-ocean If...
REAL ESTATE website with THREEJS and R3F
Переглядів 3613 місяці тому
this is a slider created using Three.js and React Three Fiber. the project is my final version of the tutorial from Wawa Sensei. would like to apologize the video is a bit laggy so i had to cut short a lot of footage. but you can checkout the website for yourself from the links here 🔗 Check it out live: real-estate-threejs.vercel.app/ 🔗 Source code: github.com/washington254/real-estate-threejs ...
3D BOOK Three.js & React
Переглядів 2063 місяці тому
this is a 3D book sliders created using Three.js and React Three Fiber. the project is inspired by the brilliant tutorial from Wawa Sensei. 🔗 Check it out live: threejs-book.vercel.app/ 🔗 Source code: github.com/washington254/THREEJS-BOOK In this video, you’ll learn how to: Set up a Three.js project with React Three Fiber Create and customize a 3D book slider Implement smooth animations and tra...
THREEJS REALISM EFFECT BY obeqz
Переглядів 863 місяці тому
realism-effects is collection of the following effects for three.js: SSGI,Motion Blur,TRAA,Ambient Occlusion,SSR (Screen-Space Reflections) the project is made from obeqz realism effect github.com/0beqz/realism-effects/ and it uses postprocessing to do everything here is the website live realism-effect.vercel.app/ and the source code github.com/washington254/realism-effect i would appreciate a ...
Model Texture Transition And Procedural Radial Noise WebGL,THREEJS
Переглядів 6885 місяців тому
This WebGL experiment explores two visual effects: a texture transition on a 3D can model and a procedural radial noise field. The model's texture transitions vertically with a noise effect at the seam. In the background, a ring of pulsing noise emanates from the center, extending beyond the screen's edges. The full tutorial and code can be found in codrops [Article on Codrops](tympanus.net/cod...
FLYING AIRPLANE WITH REACT THREE FIBER
Переглядів 1915 місяців тому
This is a flying airplane through clouds that moves everytime you scroll. it was made by following wawa sensei's tutorial on youtube checkout his channel. if a lot of you ask i will pin it in the first comment... so make sure you comment. in a few months i will begin doing full tutorials(assuming i buy a good mic).. where i'll teach everything i have learn over the years, so make sure you subsc...
MORPHING PARTICLES with THREEJS
Переглядів 5396 місяців тому
This is a particle system created with threejs and GSAP.. i used the code from MisterPrada's morph particle system so all credit goes to him. i just made small tweaks to it you can checkout everything in the readme. thanks make sure you like and subscribe here is the live website morph-particles-ten.vercel.app mysocials Washing50752362 github.com/washington254 feel free to tell me a...
THREEJS CUBE INSTANCING
Переглядів 1006 місяців тому
This is the result of the tympanus tutorial on threejs instancing with interactive mouse movement.. Daniel goes into depth on how to acheive the effect with threejs so i highly recommend you read through it.. here is the link tympanus.net/codrops/2023/12/13/creating-an-interactive-mouse-effect-with-instancing-in-three-js/ you can find the link in my github mysocials Washing50752362 ...
Ring Configurator with THREEJS and WEBGL
Переглядів 1,1 тис.7 місяців тому
this is a website i made using THREEJS, webgi and GSAP scrolltrigger, i used the source code from @andersonmancini and just edited it a bit .. i would like to thank him for the code and the amaizing work he does for the threejs community.. please checkout his work on youtube you can checkout the link here ring-config-minified.vercel.app/ here are my socials my socials Washing5075236...
BLUE STAR with Solar winds using THREEJS, WEBGL
Переглядів 537 місяців тому
BLUE STAR with Solar winds using THREEJS, WEBGL
CRYPTO SCAM website with THREEJS and NEXTJS
Переглядів 26511 місяців тому
CRYPTO SCAM website with THREEJS and NEXTJS
EARTH with multiple Cities with threejs
Переглядів 219Рік тому
EARTH with multiple Cities with threejs
BEAUTIFULL WEBGL textures with THREEJS
Переглядів 167Рік тому
BEAUTIFULL WEBGL textures with THREEJS
BLUE STAR with WEBGL and THREEJS
Переглядів 177Рік тому
BLUE STAR with WEBGL and THREEJS
3D FLYING PLANE GAME
Переглядів 142Рік тому
3D FLYING PLANE GAME
MY 3D PORTFOLIO
Переглядів 394Рік тому
MY 3D PORTFOLIO
THREEJS CAR CONFIGURATOR
Переглядів 531Рік тому
THREEJS CAR CONFIGURATOR
3D HAUNTED HOUSE
Переглядів 122Рік тому
3D HAUNTED HOUSE
Breathing ORB TUTORIAL with ANIMEJS
Переглядів 278Рік тому
Breathing ORB TUTORIAL with ANIMEJS
PARALLAX scrolling portfolio
Переглядів 3 тис.Рік тому
PARALLAX scrolling portfolio
Beautiful Portfolio Website
Переглядів 152Рік тому
Beautiful Portfolio Website
CSS clock and THREEJS clock
Переглядів 195Рік тому
CSS clock and THREEJS clock
3D ANIMATED Drone With AR using Model VIEWER
Переглядів 724Рік тому
3D ANIMATED Drone With AR using Model VIEWER
Edit a shoe in 3D with THREEJS
Переглядів 769Рік тому
Edit a shoe in 3D with THREEJS

КОМЕНТАРІ

  • @deeptilodhi6927
    @deeptilodhi6927 9 днів тому

    Source code

  • @aabirsabil4393
    @aabirsabil4393 Місяць тому

    Thanks for this awesome video

  • @JamesDeng-q4z
    @JamesDeng-q4z Місяць тому

    gratse

  • @JamesDeng-q4z
    @JamesDeng-q4z Місяць тому

    amazing work bro

  • @dr_mike_code
    @dr_mike_code Місяць тому

    Awesome bro, loved this one

  • @RoseMoses-HOUSEKING
    @RoseMoses-HOUSEKING Місяць тому

    Nice work bruh💯

  • @LorenzoLuizdaRocha
    @LorenzoLuizdaRocha 2 місяці тому

    Excellent work! This is the evolution of landing pages. If you can, teach us how you created it. Congratulations

  • @beatricemungai9002
    @beatricemungai9002 2 місяці тому

    Amazing 😂🎉

  • @julianvelez6563
    @julianvelez6563 2 місяці тому

    Awesome work bro ❤❤❤

  • @estherkakumbi1848
    @estherkakumbi1848 2 місяці тому

    Heeeeey Maina😊😂 Kakumbi here👌 your game is wow ❤😊

  • @imenaway
    @imenaway 2 місяці тому

    So cool .. can you please make tutorial

  • @1anu_ra-dha.
    @1anu_ra-dha. 2 місяці тому

    May you please explain this all??

  • @jas-mw4fo
    @jas-mw4fo 2 місяці тому

    I wish you could have made a tutorial . However that's great work

  • @AwaisHashmi
    @AwaisHashmi 2 місяці тому

    Hi there, Champ. I've emailed you. Please check.

  • @Towelmaker123
    @Towelmaker123 2 місяці тому

    Hi could you show us a tutorial for products in 3d and added page features

  • @rmdave88
    @rmdave88 2 місяці тому

    Why I'm I late seeing this😭😂❤️

  • @HuynhLuong227
    @HuynhLuong227 2 місяці тому

    so coool, it's pure threejs ?

  • @thanhcong99812
    @thanhcong99812 2 місяці тому

    nice game, now i'm start learning threejs , nice to see you...

  • @tranghoang9575
    @tranghoang9575 2 місяці тому

    that's amazing game, how to make it, please share your tutorial for all. tks you.

  • @HuynhLuong227
    @HuynhLuong227 2 місяці тому

    wow, this game play on mobile?

    • @washingtonmaina
      @washingtonmaina 2 місяці тому

      yeah it runs on mobile

    • @HuynhLuong227
      @HuynhLuong227 2 місяці тому

      @@washingtonmaina hope you share tutorial, i'm beginer learn threejs

  • @anilgahlot4390
    @anilgahlot4390 2 місяці тому

    This is awesome, could you please help with code or tutorial on it

  • @rockyroi-e6b
    @rockyroi-e6b 2 місяці тому

    NICE ONE

  • @Giirdeng
    @Giirdeng 3 місяці тому

    This is beautiful

  • @Giirdeng
    @Giirdeng 3 місяці тому

    I love it mku❤

  • @Giirdeng
    @Giirdeng 3 місяці тому

    Fantastic ❤

  • @diamondring7899
    @diamondring7899 3 місяці тому

    Did you make this website on WordPress?

  • @clarityvibe
    @clarityvibe 3 місяці тому

    Smelling wawa sensei here

    • @washingtonmaina
      @washingtonmaina 3 місяці тому

      😃😃yep loved the tutorial so much decided to recreate it with my own models

  • @Giirdeng
    @Giirdeng 3 місяці тому

    I loved it bro.Keep shining 😊😊

  • @rmdave88
    @rmdave88 3 місяці тому

    still waiting for the game bro😂

  • @beatricemungai9002
    @beatricemungai9002 3 місяці тому

    Outstanding 🎉❤

  • @beatricemungai9002
    @beatricemungai9002 3 місяці тому

    Beautiful 😍❤

  • @beatricemungai9002
    @beatricemungai9002 3 місяці тому

    Ypu deserve more recognition for this ❤❤

  • @beatricemungai9002
    @beatricemungai9002 3 місяці тому

    You're so talented keep it up, this is incredible 😮😮 👏👏

  • @beatricemungai9002
    @beatricemungai9002 3 місяці тому

    This looks so detailed I can't believe it's all coded 😍😍

  • @beatricemungai9002
    @beatricemungai9002 3 місяці тому

    🎉🎉this is beautiful, love all the dedication to the details,and the soundtrack too ❤

  • @washingtonmaina
    @washingtonmaina 3 місяці тому

    the video is a bit laggy and i could not get lots of footage so i encourage you to view the website from here real-estate-threejs.vercel.app/

  • @Goldencodmwww
    @Goldencodmwww 3 місяці тому

    Damn this is outrageous 😮😮😮

  • @taranewstime6909
    @taranewstime6909 4 місяці тому

    Please make complete coding video and share all source code in description, so that fresher students are learn something from your channel👍

  • @abdellaouikhoubaib3987
    @abdellaouikhoubaib3987 4 місяці тому

    Amazing please I want the tutorial 🙏🙏🙏

  • @s-qc9ns
    @s-qc9ns 4 місяці тому

    Please make a tutorial video

  • @abishek1808
    @abishek1808 4 місяці тому

    its awesome im expecting more videos❤‍🔥

  • @mileslegend
    @mileslegend 5 місяців тому

    Teach us how to build this

  • @nimrahqureshi8381
    @nimrahqureshi8381 5 місяців тому

    It will be great if you create tutorials

  • @AjaySharma-fm4of
    @AjaySharma-fm4of 5 місяців тому

    Hello sir, can I know something about you please

  • @AjaySharma-fm4of
    @AjaySharma-fm4of 5 місяців тому

    Hello sir, can I know something about you please

  • @Giirdeng
    @Giirdeng 5 місяців тому

    Fantastic work broman

  • @margaretk9727
    @margaretk9727 5 місяців тому

    Very nice

  • @akurwa
    @akurwa 5 місяців тому

    Good job brother .. hopefully soon kenyans will embrace such .. still hard

  • @StephenGutu-g2v
    @StephenGutu-g2v 5 місяців тому

    Been waiting for the tutorial,,,, hoping it'll be out soon

  • @Giirdeng
    @Giirdeng 6 місяців тому

    Amazing