Your Product to 3D and create an Interactive Website

This is How I Turned a Toy Truck Photo into a 3D Interactive Website (No Code Needed)

In this quick tutorial, I’ll show you how I took one photo of a toy truck and turned it into a full website with a 3D interactive model — no coding, no design experience, just smart tools and a clear process.

📺 Watch the full video here:
👉 https://youtu.be/0UhBVRsd41o

---

Step 1: Took a Clean Photo

I started with one photo of a plastic toy truck. Then I used ChatGPT image generation to create 4 views — front, back, Left, and right.
Tip: If you have your own product, take 4 photos from different angles with good lighting and a clean background.

---

Step 2: Created a 3D Model

I used Tencent Hunyan 3D to generate a 3D file.
Go here: https://3d-models.hunyuan.tencent.com
Translate it in English.
Upload your images, wait a few seconds, and download the .glb file. Done.

---

Step 3: Imported the Model in Spline

Then I opened https://spline.design, imported the 3D file, and scaled it to fit the screen. Once it looked right, I exported it and copied the iframe embed link.
Don’t worry about the code — Spline gives you everything. If one embed code doesn’t work, try another. Most AI website builders will auto-detect it anyway.

---

Step 4: Generated the Website

Now I went to Lovable.dev and gave it a clear prompt to create a clean product website.
I included the Spline embed code in the prompt and told it: “This is a 3D iframe preview. Place it on the site.”

After some tweaks, I had my website.
🟦 Junotoy Truck Website

Do you want the Entire prompt i used to generate the website?
Click Here

---

Bonus: AI Talking Avatar

Also in the video, I used Tencent VideoAvatar to generate a realistic video of a person talking — from just one photo.
Try it here: https://hunyuanvideo-avatar.github.io
The tool is part of Tencent’s Hunyuan AI project.

---

Want to Learn All This in Detail?

This is just one of the tools we cover in my ChatGPT & AI Mastercourse by Sayed Johon.
Real examples, real workflows — no fluff.
📘 Course link: https://peeai.com/courses/chatgpt-mastercourse/

---

🔗 Watch the full step-by-step process here:
🎥 https://youtu.be/0UhBVRsd41o

That’s it. Simple tools, clear steps, real results. Try it with your own product.