मुखपृष्ठ » टूलकिट » Whitestorm.js के साथ 3 डी वेब ऐप्स और ग्राफिक्स बनाएं

    Whitestorm.js के साथ 3 डी वेब ऐप्स और ग्राफिक्स बनाएं

    वेब गेम्स धन्यवाद करने के लिए एक लंबा रास्ता तय किया है WebGL तथा संबंधित HTML5 API. 3 डी के लिए सबसे प्रमुख ओपन सोर्स लाइब्रेरी है Three.js.

    जबकि तीन .js शक्तिशाली है, यह भी है खरोंच से जानने के लिए जटिल. इसके बजाय, आप कर सकते हैं Whitestorm.js उठाएं, एक खुला स्रोत फ्रेमवर्क 3 डी वेब ग्राफिक्स के लिए बनाया गया है। यह तीन.js का उपयोग करता है एक अंतर्निहित तकनीक के रूप में आप तेजी से निर्माण और ब्राउज़र में यथार्थवादी 3 डी प्रभाव बनाने में मदद करने के लिए.

    व्हाइटस्टॉर्म इसके साथ आता है खुद का भौतिकी इंजन तीन.js प्रतिपादन के शीर्ष पर बनाया गया। यह आपको यथार्थवादी गुरुत्वाकर्षण और अन्य समान प्रभाव पैदा करने देता है जहां वस्तुएं आपस में बातचीत और प्रतिक्रिया करें.

    और व्हाइटस्टॉर्म है पूरी तरह से मॉड्यूलर, इसलिए आपके पास पूरा नियंत्रण है कि कौन सी सुविधाएँ पृष्ठ में भरी हुई हैं। इसका उपयोग करता है बुलेट भौतिकी पुस्तकालय के लिए जावास्क्रिप्ट में पोर्ट किया गया वेब पर पूर्ण समर्थन.

    यहाँ कोड का एक बुनियादी स्निपेट है जो एक नया Three.js वातावरण बनाता है व्हाइटस्टॉर्म का उपयोग करना.

     const app = new WHS.App ([new WHS.app.ElementModule (), // DOM नया WHS.app.SceneModule (), // से संलग्न करें, यह THREE.Scene आवृत्ति नया WHS.app.CameraModule (), // बनाता है। PerspectiveCamera उदाहरण नई WHS.app.RenderingModule () // बनाता है WebGLRenderer उदाहरण]); app.start (); // रन एनीमेशन 

    आप स्वाभाविक रूप से कर सकते हैं अपने खुद के मॉड्यूल जोड़ें और भी प्लगइन्स / घटक बनाएं डिफ़ॉल्ट लायब्रेरी से बनाया गया। जेएस कोड ECMAScript 6 का समर्थन करता है और भाषा को आने वाले सभी परिवर्तनों का समर्थन करना चाहिए.

    ज्यामिति, भौतिक विज्ञान, तथा प्रस्ताव सभी एक पुस्तकालय में लुढ़के। व्हिटस्टॉर्म वास्तव में वेब के लिए 3 डी एनीमेशन का भविष्य है.

    तुम खोज सकते हो बहुत सारे सैंपल कोड साथ GitHub रेपो में लिंक डाउनलोड करें और ए फ़ाइल ब्राउज़र. चेतावनी दी है कि पुस्तकालय है विशाल तो वहाँ से गुजरने के लिए बहुत कुछ है। यहां तक ​​कि प्रलेखन भी है लंबा ट्यूटोरियल नौसिखिये के लिए.

    लेकिन उन डॉक्स से आप सब कुछ सीख सकते हैं 3 डी परिवर्तन सेवा मेरे डीबगिंग और विस्तृत 3 डी एनीमेशन.

    अधिक जानने के लिए, मुख्य साइट पर जाएँ और कुछ लाइव उदाहरणों के माध्यम से ब्राउज़ करें कार्रवाई में व्हाइटस्टॉर्म देखें. यदि आप में गोता लगाने के लिए पर्याप्त साहस कर रहे हैं, तो लाइब्रेरी की एक प्रति डाउनलोड करें गिटहब से या npm के माध्यम से और कुछ मीठे 3 डी वेब ऐप बनाना शुरू करें.