מה זה עולם Three.js בצ'אט של קלוד?
רוב האנשים חושבים שאנימציה תלת מימדית דורשת תוכנה כמו בלנדר, אנימטור, ושבוע של עבודה. אז מסתבר שבשביל פתיח של עשר שניות לריל, לא צריך אף אחד מהם.
Three.js היא ספריית קוד פתוח, חינמית ברישיון MIT, שמציירת תלת מימד בתוך דפדפן. משתמשים בה אתרים, משחקים ותצוגות מוצר בכל העולם (הגרסה הנוכחית היא r187, נכון לנובמבר 2026). קלוד מכיר אותה היטב, ויודע לכתוב בה סצנה שלמה: מצלמה, תאורה, חפצים ותנועה.
כשמבקשים ממנו, הוא כותב את הקוד כארטיפקט. לפי מרכז העזרה של קלוד, ארטיפקט הוא משהו שקלוד יוצר, כמו דף או כלי אינטראקטיבי קטן, שנפתח בחלון ליד השיחה. ארטיפקטים זמינים בכל המנויים, כולל החינמי. אין פלאגין, אין חיבור, ואין מה להתקין.
למה תבנית אחת עובדת לכל עולם?
הסוד הוא להפריד בין מה שמשתנה למה שלא. סצנה קולנועית טובה צריכה תמיד את אותם מרכיבים: מצלמה שזזה לאט, תאורה רכה, פרטים קטנים שזזים כדי שהעולם ירגיש חי, פלטת צבעים רגועה, ולולאה שנסגרת בלי קפיצה. אלה לא משתנים בין מפעל לנמל.
מה שמשתנה זה רק העולם עצמו. אז בתבנית יש שורה אחת שמתארת אותו, וכל השאר קבוע. ככה כל עולם חדש מקבל את אותה רמת גימור, ואתם לא צריכים לנסח מחדש את כל ההוראות בכל פעם.
ויש עוד יתרון: כשכל הסרטונים שלכם נבנו מאותה תבנית, הם נראים כמו סדרה. אותה תנועת מצלמה, אותה תאורה, אותו קצב. זה בדיוק מה שנותן לעמוד תחושה של מותג ולא של אוסף ניסיונות.
תבנית הפרומפט המלאה
זו התבנית. מדביקים אותה בשיחה חדשה בקלוד, משנים רק את מה שכתוב אחרי WORLD, ושולחים. השאר נשאר בדיוק כמו שהוא.
כתבתי אותה באנגלית כי ככה קלוד כותב את הקוד הכי מדויק. את תיאור העולם אפשר לכתוב גם בעברית, אבל באנגלית התוצאות יציבות יותר.
Build a cinematic animated 3D scene as a single HTML artifact using Three.js.
WORLD: a rocket factory at night.
Slow orbiting camera, soft volumetric lighting, small moving details (vehicles, lights, smoke), a calm color palette, 1080x1920 vertical framing, loop seamlessly after 15 seconds. No UI, no text.
Change only the WORLD line to get a new scene.מה כל חלק עושה: 1080x1920 זה יחס תמונה אנכי של ריל, כך שאין צורך לחתוך אחר כך. הלולאה של 15 שניות מאפשרת להקליט בדיוק סבב אחד ולחבר אותו לעצמו. "בלי טקסט ובלי ממשק" משאיר מקום לכותרת שתוסיפו בעריכה.
אם התוצאה הראשונה לא בדיוק מה שרציתם, לא כותבים פרומפט חדש. ממשיכים באותה שיחה: "תאט את המצלמה בחצי", "תוסיף ערפל", "שהשמים יהיו בצבע זהב". כל תיקון הוא משפט אחד.
רעיונות לעולמות לפי סוג תוכן
הנה כמה שורות WORLD מוכנות. כל אחת מחליפה את השורה בתבנית:
- פתיח לסרטון מוצר: a floating product pedestal in a dark studio with slow light sweeps. תצוגה נקייה שהמוצר שלכם נכנס אליה בעריכה.
- תוכן על עסק או מסחר: a tiny warehouse with conveyor belts and delivery vans leaving. מתאים לסרטון על לוגיסטיקה, משלוחים או צמיחה.
- תוכן על טכנולוגיה: a server room at night with glowing cables and moving data lights.
- תוכן אישי או השראה: a quiet mountain cabin in the snow with smoke from the chimney. רקע רגוע לסרטון עם קול.
ואם אתם רוצים שהעולם יציג את הנתונים האמיתיים של העסק, עם חפצים שנפתחים בלחיצה, זה כבר שימוש אחר, ועליו כתבתי במדריך לדשבורד תלת מימד לעסק.
שלוש טעויות שהורסות את הסצנה
אחרי עשרות עולמות כאלה, אלה הדברים שהכי הרבה פעמים מקלקלים את התוצאה:
לבקש יותר מדי בעולם אחד
"מפעל טילים עם עיר מסביב, ים, מטוסים וזיקוקים" נשמע מרשים, ויוצא עמוס ואיטי. עולם טוב לפתיח הוא רעיון אחד עם שניים או שלושה פרטים שזזים. את השאר משאירים לסרטון הבא.
לוותר על הלולאה
בלי השורה של הלולאה, קלוד בונה תנועה שלא חוזרת לנקודת ההתחלה, ואז הקיטוע בסוף ההקלטה בולט. השורה הזאת בתבנית בשביל זה, אל תמחקו אותה.
לתקן בשיחה חדשה
כשמשהו לא עובד, הנטייה היא לפתוח שיחה חדשה עם פרומפט אחר. עדיף להישאר באותה שיחה ולבקש תיקון אחד בכל פעם, כי קלוד כבר מכיר את הקוד שהוא כתב ומתקן אותו במקום לבנות מאפס.
איך הופכים את העולם לסרטון?
אין בצ'אט כפתור "ייצוא לווידאו" לארטיפקט כזה, אז מקליטים את המסך. זה פשוט:
- פותחים את הארטיפקט במסך מלא, כך שרואים רק את העולם.
- במק לוחצים Cmd+Shift+5 ובוחרים הקלטה של אזור. בווינדוס, כלי החיתוך מאפשר גם הקלטת מסך.
- מקליטים סבב אחד של הלולאה, קצת יותר מ-15 שניות.
- מכניסים לעורך הווידאו שלכם, חותכים לסבב אחד נקי, ומוסיפים כותרת וקול.
לאנשים במנויי Team ו-Enterprise יש גם את קלוד מושן, תבנית שמייצאת אנימציות כקובץ MP4. אבל היא בנויה לאנימציה של טקסט, גרפים וצורות, ולא לעולמות תלת מימד. לפתיחים כאלה, הקלטת מסך עובדת מצוין.
רוצים ללכת רחוק יותר, עם מודלים תלת מימדיים אמיתיים ולא רק צורות שקלוד בונה? תסתכלו על הפיכת תמונה לתלת מימד עם img2threejs ועל אתר שטס בגלילה.
חשוב לדעת לפני שמתחילים
- חינם לגמרי בצד של הספרייה: Three.js חינמית ובקוד פתוח, ואפשר להשתמש בתוצאה גם בתוכן מסחרי.
- האיכות תלויה במודל ובמכסה: במנוי החינמי תגיעו למגבלה מהר יותר, כי כל סצנה היא הרבה קוד וכל תיקון הוא עוד סיבוב.
- מחשב חזק עוזר: סצנה עם הרבה פרטים יכולה לקרטע במחשב ישן, וזה ייראה בהקלטה. אם זה קורה, תבקשו מקלוד פחות חפצים ובלי צללים.
- זה לא וידאו שנוצר ב-AI: העולם בנוי מצורות ותאורה בקוד. הוא נראה מעוצב ומסוגנן, לא כמו צילום אמיתי. בשביל פתיח, זה בדיוק היתרון.
שאלות נפוצות על אנימציה תלת מימד בקלוד
צריך להתקין משהו כדי שקלוד יבנה תלת מימד?
לא. קלוד כותב את הקוד עם ספריית Three.js ומציג את התוצאה כארטיפקט בצ'אט. אין פלאגין, אין חיבור ואין התקנה.
זה עובד במנוי החינמי?
ארטיפקטים זמינים בכל המנויים, כולל החינמי. במנוי בתשלום עם המודל החזק ביותר העולמות עשירים יותר, ותגיעו למגבלה פחות מהר.
איך מורידים את האנימציה כסרטון?
מקליטים את המסך. במק Cmd+Shift+5, בווינדוס כלי החיתוך. התבנית בונה לולאה של 15 שניות, אז מקליטים סבב אחד.
מה זה Three.js?
ספריית קוד פתוח חינמית, ברישיון MIT, שמציירת תלת מימד בתוך הדפדפן. משתמשים בה לאתרים, משחקים ותצוגות מוצר.
אפשר להשתמש בזה בתוכן מסחרי?
Three.js ברישיון MIT, שמתיר שימוש מסחרי. העולם עצמו הוא קוד שקלוד כתב בשבילכם לפי הפרומפט שלכם.
מה ההבדל מקלוד מושן?
קלוד מושן היא תבנית בתשלום ל-Team ו-Enterprise שמייצאת MP4, ובנויה לאנימציה של טקסט, גרפים וצורות. כאן מדובר בעולם תלת מימד בצ'אט רגיל, ומקליטים את המסך.