The easiest way to ADD a 3D MODEL to your website | HTML CSS only | 5 minutes tutorial
HTML-код
- Опубликовано: 20 окт 2024
- Today we will learn together how to add a 360 degrees 3d model to our website in HTML and CSS in only 5 minutes.
Github code for download:
github.com/iza...
Instagram:
/ izabela.grosu
/ website_by_izabela
Links used in tutorial:
Free domain and hosting 000webhost: ro.000webhost....
Free Sketchfab for 3d model: sketchfab.com/...
Music:
• 5 minutes Upbeat and H...
This was easy to follow and recreate with my own model! Thank you for the clear tutorial!!
Edit: THERE'S AN "AR" MODE THAT WORKS ON IPHONE!!! This wasn't mentioned in the video, but I noticed via testing and hadn't considered this as an option for my project, but it's so perfect! You have no idea how much I appreciate this tutorial! Made my week!!!
Thank you so much!! You helped me finish my assignment lol. It works flawlessly.
It's working fine. Thank you so much for the video. 🙏🏻🙏🏻
Thank you soo much)) Finally I found the way to load a model))
Hai this is very helpful when i tried to insta js on my own i cant install using this video finally i did thanks so much
thank you very much
Very clear and short! Thanks a lot Izabela!
Your work is so amazing and helpful,
but i need some help, I want a gltf file animation on hover please guide me how can i do that
bro thank you so much keep hardworking best content 😍😍😍
how do you display mmd models? or pmx files?
hi it works well. But when i change the 3d model it doesn't change.It shows the old one. How do i change the 3d model
Hi! You need to modify scene.gtlf in
with the name of your file and then reupload index.html on 000webhost.com. It may take a while for it to be reuploaded. If you have any question please ask me!
@@izabelutza01 Thanks. I'll try it and comment
@@izabelutza01 Hi I tried uploading. And it works. But how do I get those files to locally save on my system. Again if I run the old file I get the old model. How to I download these new file with the new 3d model that I've changed.
@@tharaniv6267 If you modified the files directly on webhost you need to check the file you want to download from webhost and then, after you checked the file you want to download, please press the second button from left to right(on top of the second button write download so please press this button for the file to be downloaded on your computer/local). For the second problem (the 3d model remains the same) please check if you changed the name on index.html on webhost with the file you want to put on your site and if the name of the gtlf is the same please delete the original gtlf and bin files from webhost and upload the new ones that you try to put on your website. I hope this will help you!
And if you want to upload the new files please login to the webhost press "manage website" on ro.000webhost.com/members/website/list then on dashboard go to files - press file manager - upload files - public_html and you will find your files that you uploaded
its good but next time please type the code instead of letting the viewer just copy it
Thanks bro 🙂
Is there any way to this code work for "AR" in android like iOS?
PBR Physical Based Material is not working? Any solution for HDRI?
Best one.We neednt use three js
DOPE man
Is it work if we open it with android?
I want to know how to make just a horizontal rotation to 3d model in website?