יצירת 3D אינטרנט Apps & גרפיקה עם Whitestorm.js

משחקי רשת יש דרך ארוכה הודות WebGL ו APIs HTML5 קשורים. ספריית קוד פתוח הבולטת ביותר עבור 3D הוא שלוש.

בעוד Three.js הוא חזק, זה גם מורכבת כדי ללמוד מאפס. במקום זאת, אתה יכול לאסוף את Whitestorm.js, מסגרת קוד פתוח עבור 3D גרפיקה באינטרנט. זה משתמשת Three.js כמו הטכנולוגיה הבסיסית כדי לעזור לך לבנות מהר וליצור אפקטים 3D מציאותי בדפדפן.

Whitestorm מגיע עם שלה מנוע הפיזיקה שלו שנבנה על גבי שלוש. זה מאפשר לך ליצור כוח משיכה ריאלי ואפקטים דומים אחרים שבו אובייקטים אינטראקציה & להגיב זה לזה.

ו Whestestorm הוא מודולרי לחלוטין, כך שיש לך שליטה מלאה על אילו תכונות נטענות לתוך הדף. הוא משתמש ספריית פיזיקה נכנס לתוך תמיכה מלאה באינטרנט.

הנה קטע קוד בסיסי יוצר סביבה Three.js חדשה באמצעות Whitestorm.

 (WHS.app.ElementModule (), // לצרף ל- DOM חדש WHS.app.SceneModule (), // יוצר יוצר שלושה חדשים WHS.app.CameraModule (), // יוצר פרספקטיבה לדוגמה מופע חדש WHS.app.RenderingModule () / יוצר מופע WebGLRenderer]); app.start (); / / אנימציה אנימציה 

אתה יכול באופן טבעי הוסף מודולים משלך ואפילו ליצור plugins / רכיבים בנה את ספריית ברירת המחדל. קוד JS תומך ב- ECMAScript 6 ויש לתמוך בכל השינויים העתידיים בשפה.

גיאומטריה, פיזיקה, ו תנועה כולם התגלגלו לספרייה אחת. Whitestorm הוא באמת העתיד של 3D אנימציה עבור האינטרנט.

אתה יכול למצוא הרבה קודים לדוגמה ב ריטו GitHub יחד עם הורד קישורים א סייר קבצים. להיות הזהיר הספרייה היא ענק אז יש הרבה מה לעשות. אפילו התיעוד ארוך Tutorials למתחילים.

אבל עם אלה מסמכים, אתה יכול ללמוד הכל 3D טרנספורמציות ל debugging ו 3D אנימציה מפורט.

למידע נוסף, בקר באתר הראשי ועיין בכמה דוגמאות חיות לראות Whitestorm בפעולה. אם אתה מעז מספיק כדי לצלול פנימה, ולאחר מכן להוריד עותק של הספרייה מ GitHub או באמצעות npm ולהתחיל ליצור כמה יישומי אינטרנט מתוק 3D.