- 57
- 67 936
Washington maina
Kenya
Приєднався 8 жов 2020
Do you love amaizing looking websites?
In this channel I will show you my latest creations on all things website development. I will create tutorials and just showcase my latest projects. As always the code is free for grabs on my GitHub feel free to give a follow when you are there.
my email
washingtonmaina256@gmail.com
In this channel I will show you my latest creations on all things website development. I will create tutorials and just showcase my latest projects. As always the code is free for grabs on my GitHub feel free to give a follow when you are there.
my email
washingtonmaina256@gmail.com
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
🔗 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
3D ANIMATED Drone With AR using Model VIEWER
Переглядів 724Рік тому
3D ANIMATED Drone With AR using Model VIEWER
Source code
Thanks for this awesome video
gratse
amazing work bro
thanks😃
Awesome bro, loved this one
😆nicee
Nice work bruh💯
Excellent work! This is the evolution of landing pages. If you can, teach us how you created it. Congratulations
Amazing 😂🎉
Awesome work bro ❤❤❤
thanks😁
Heeeeey Maina😊😂 Kakumbi here👌 your game is wow ❤😊
So cool .. can you please make tutorial
May you please explain this all??
I wish you could have made a tutorial . However that's great work
Hi there, Champ. I've emailed you. Please check.
replied 😅😅
Hi could you show us a tutorial for products in 3d and added page features
Why I'm I late seeing this😭😂❤️
so coool, it's pure threejs ?
nice game, now i'm start learning threejs , nice to see you...
that's amazing game, how to make it, please share your tutorial for all. tks you.
wow, this game play on mobile?
yeah it runs on mobile
@@washingtonmaina hope you share tutorial, i'm beginer learn threejs
This is awesome, could you please help with code or tutorial on it
NICE ONE
This is beautiful
I love it mku❤
Fantastic ❤
Did you make this website on WordPress?
Smelling wawa sensei here
😃😃yep loved the tutorial so much decided to recreate it with my own models
I loved it bro.Keep shining 😊😊
still waiting for the game bro😂
😅😅soon...
Outstanding 🎉❤
Beautiful 😍❤
Ypu deserve more recognition for this ❤❤
You're so talented keep it up, this is incredible 😮😮 👏👏
This looks so detailed I can't believe it's all coded 😍😍
🎉🎉this is beautiful, love all the dedication to the details,and the soundtrack too ❤
😂😂thanks
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/
Damn this is outrageous 😮😮😮
Please make complete coding video and share all source code in description, so that fresher students are learn something from your channel👍
Amazing please I want the tutorial 🙏🙏🙏
Please make a tutorial video
its awesome im expecting more videos❤🔥
Teach us how to build this
It will be great if you create tutorials
Hello sir, can I know something about you please
Hello sir, can I know something about you please
Fantastic work broman
Very nice
Good job brother .. hopefully soon kenyans will embrace such .. still hard
Been waiting for the tutorial,,,, hoping it'll be out soon
Amazing