בלוג
תמונה אחת של חפץ, ומודל תלת ממד חי שבנוי רק מקוד
# תמונה אחת של חפץ, ומודל תלת ממד חי שבנוי רק מקוד
יש לכם תמונה של אופניים, אוזניות או תיבת אוצר. רוצים שזה יסתובב בתלת ממד בדף אינטרנט. הדרך הרגילה: אמן תלת ממד, Blender, או לקנות מודל מוכן. היום יש דרך אחרת: נותנים לסוכן קוד לבנות את החפץ מאפס ב-Three.js, רק עם קוד.
בלי קובץ מודל. בלי סריקה. המודל בנוי מצורות בסיסיות (קופסאות, גלילים, עקומות), גיאומטריה שנוצרת בקוד ו-shaders, הכול קוד שרץ בדפדפן.
## למה לבנות מקוד ולא מקובץ
- **זה זז.** למודל מקוד יכולים להיות חלקים אמיתיים: גלגל שמסתובב, מכסה שנפתח, מפרק שמתכופף. מודל שמורידים הוא בדרך כלל חתיכה אחת קפואה.
- **זה קל.** כמה קילובייט של קוד במקום קובץ מודל כבד.
- **משנים אותו במילים.** "תאריך את הידית", "תעשה אותו שחור מט". הסוכן משנה את הקוד.
## איך השיטה עובדת
הטריק הוא לא לבקש הכול בבת אחת. תוצאות טובות מגיעות מבנייה בסבבים, ובדיקה של כל סבב מול התמונה לפני שממשיכים:
1. **קודם רשימת פרטים.** לפני שכותבים קוד, הסוכן רושם כל פרט קטן שגורם לחפץ להיראות כמו עצמו: ברגים, פינות מעוגלות, לוגו, שריטות, חלקים מבריקים או מט.
2. **שלד גס.** רק צורות כלליות, כדי לתפוס את הגודל והפרופורציות.
3. **מבנה וצורה.** חלקים אמיתיים, עם צירים איפה שדברים אמורים לזוז.
4. **חומרים.** מתכת, פלסטיק, גומי, בד, כל אזור בנפרד.
5. **תאורה וליטוש.** ואז בדיקה אחרונה.
אחרי כל סבב הסוכן מרנדר את המודל, מסתכל עליו ליד התמונה, ומתקן מה שלא מתאים. הלולאה הזאת היא מה שגורם לזה לעבוד.
פרויקט קוד פתוח בשם img2threejs אורז את כל השיטה הזאת כסקיל ל-Claude Code, Codex או OpenCode, עם בדיקות איכות בין השלבים. אפשר גם להריץ את אותו רעיון ידנית עם כל סוכן קוד.
## פרומפט להתחלה
```
הנה תמונת רפרנס של [חפץ]. תבנה אותו מחדש כמודל Three.js פרוצדורלי בקובץ TypeScript אחד שמחזיר THREE.Group. רק צורות בסיסיות, גיאומטריה שנוצרת בקוד ו-shader materials. בלי קבצי מודל חיצוניים.
תעבוד בסבבים ותעצור אחרי כל אחד כדי להראות לי רינדור ליד התמונה:
1. תרשום כל פרט מזהה שאתה רואה (צורות, פינות, ברגים, לוגו, חומרים, בלאי).
2. שלד גס עם פרופורציות נכונות.
3. חלקים אמיתיים עם צירים לכל מה שזז ([חלקים שזזים]).
4. חומרים לכל אזור.
5. תאורה ודף הדגמה פשוט עם מצלמה שמסתובבת.
בכל סבב, תגיד מה עדיין לא מתאים לתמונה ותתקן לפני שממשיכים.
```
## איפה זה עובד הכי טוב
- **חפצים קשיחים** (גאדג'טים, כלי עבודה, רהיטים, כלי רכב, אביזרים) יוצאים הכי טוב.
- **דמויות ופנים אמיתיות** הרבה יותר קשים. תמונה אחת לא מראה את הגב או את הצדדים, אז מצפים לתוצאה מסוגננת, או נותנים עוד זוויות.
- **מוצרים לחנות או לדף נחיתה**: גרסה מסתובבת בתלת ממד של המוצר, בלי אמן תלת ממד.
## שאלות נפוצות
**צריך לדעת Three.js?** לא. צריך לדעת להריץ את הדף שהסוכן בונה ולהגיד מה נראה לא בסדר.
**כמה זמן זה לוקח?** חפץ פשוט: דקות. חפץ מפורט: כמה סבבים. הבדיקה בין הסבבים היא מה שלוקח זמן, וגם מה שנותן את האיכות.
**אפשר כל תמונה?** משתמשים בתמונות של חפצים שלכם או שיש לכם זכויות עליהם. תמונה נקייה, רקע חלק ותאורה טובה נותנים את התוצאה הכי טובה.
