Playcanvas पर मेरा विकास अनुभव

क्या पाठकों के बीच ऐसे लोग हैं जिन्होंने कम से कम अपने कानों से सुना है कि वेबलॉग एप्लिकेशन को एक संपादक के साथ विकसित करने के लिए एक निश्चित 3 डी इंजन है जो केवल ब्राउज़र में एकता के समान है? विषय बेहद अलोकप्रिय है, लेकिन मैं लगभग 2 साल पहले ऐसे लोगों में से एक बन गया। और अब मैं अपने अनुभव को साझा करना चाहता था, बल्कि अपनी निराशाओं को भी। लेख उन समस्याओं पर चर्चा करेगा जो आप इस संपादक का उपयोग करते समय शुरू करेंगे। मैं तुरंत एक आरक्षण कर दूंगा, जिसकी तुलना मैंने अन्य मौजूदा 3D इंजनों जैसे कि तीन.js या Babylon.js से नहीं की, मैं केवल संपादक और स्क्रिप्ट API को स्पर्श करूंगा।

सभी ऑनलाइन

जब आप सुनते हैं कि कई लोग मंच पर काम कर सकते हैं और वास्तविक समय में सभी बदलाव परियोजना के बाकी प्रतिभागियों को दिखाई देते हैं, तो पहला विचार जो मन में आता है: "वाह, शांत!"।

वास्तव में, यह पता चला है कि विभिन्न लोग अलग-अलग कार्यों पर काम करते हैं और सभी को डिबगिंग के लिए अपने स्वयं के कैमरे की आवश्यकता होती है। आपका दृष्टिकोण जिससे आप दृश्य का परीक्षण करना चाहते हैं। और यह सुपर असुविधाजनक है। मंच पर, किसी ने एक ऑफ़लाइन मोड बनाने का सुझाव दिया, लेकिन डेवलपर्स का मानना ​​है कि यह संपादक की आधारशिला है, और यह कि सर्वर पर किसी भी परिवर्तन को तुरंत बचाया जाता है, ताकि आप किसी भी समय किसी भी डिवाइस से प्रोजेक्ट पर वापस आ सकें। हाँ, यह सुविधाजनक है जब आप किसी प्रोजेक्ट पर अकेले काम करते हैं। खैर, इंटरनेट के बिना भी काम नहीं कर सकता।

सामान्य तौर पर, टीम वर्क के लिए संपादक पूरी तरह से अनुपयुक्त है।

मैं अभी भी इस समस्या का समाधान नहीं देखता हूं।

इतिहास को बदलो

कुछ समय पहले तक, मुझे इस तथ्य से बहुत तकलीफ थी कि आप इस परियोजना को किसी भी प्रकार से जोड़ नहीं सकते। एक बार यह किया जा सकता है (केवल स्क्रिप्ट के लिए), लेकिन अब इस फ़ंक्शन को विरासत माना जाता है, क्योंकि दोस्तों ने कुछ बिंदु पर स्क्रिप्टिंग एपीआई को फिर से लिखा।

हालांकि! एक बार फिर, संपादक में Ctrl-S दबाकर, मैंने यह चित्र देखा:

वाह, क्या यह शिष्टाचार ही है?

ठीक है, एक समस्या हल होने लगती है। यह अभी भी बहुत काम करता है, लेकिन कम से कम आप वापस रोल कर सकते हैं, जो महत्वपूर्ण है। और ब्रंच भी बनाते हैं। मुझे इसकी आदत डालनी होगी, सामान्य तौर पर।

shaders

Playcanvas में कोई भी shader संपादक नहीं है। कोई पाठ, कोई नोड - नहीं। लेकिन वहाँ केवल ट्यूटोरियल में shaders का उल्लेख है एक नियमित स्क्रिप्ट है जहाँ shader फ़ाइलों को विशेषताओं के माध्यम से स्थानांतरित किया जाता है। अच्छा, तो भी। लेकिन यह सुपर असुविधाजनक है। हालांकि, मैंने इसका डेमो तैयार किया कि यह वास्तव में कैसा दिखता है।

सबसे पहले, आपको पहले से शेडर को संकलित करने का ध्यान रखना होगा, अन्यथा पहली बार सामग्री दृश्य पर दिखाई देती है, एक अप्रिय फ्रिज़ होगा।

दूसरे, संपादक में मापदंडों को खींचना पूरी कहानी है। आपको उन्हें कम से कम 3 स्थानों पर घोषित करने और उनमें से प्रत्येक को बदलने के लिए सदस्यता लेनी होगी ताकि उन्हें शेडर में स्थानांतरित किया जा सके।

तीसरे, संपादक में छाया नहीं दिख रही है।

सामान्य तौर पर, संपादक में केवल 2 सामग्रियां होती हैं: मानक पीबीआर और फोंग। सुखद से - आप धातु और स्पेक्युलर के बीच पाइपलाइन की चमक का चयन कर सकते हैं।

यह है कि मैं समस्या का हल कैसे देखता हूं:

यहां आप तीसरा विकल्प कस्टम जोड़ सकते हैं, जहां आप shader कोड के साथ फाइलें अपलोड कर सकते हैं, जिसे आप केवल पार्स कर सकते हैं और सभी समान चरों को खींच सकते हैं और बदलते समय स्वचालित रूप से उन्हें shader में स्थानांतरित कर सकते हैं। यह इतना आसान है! केवल सोचने वाली बात यह है कि vec3 / vec4 न केवल एक वेक्टर है, बल्कि एक रंग भी है।

यह संभव है कि डेवलपर्स अपना नोड संपादक तैयार कर रहे हैं, जिसमें आप अपनी सामग्री एकत्र कर सकते हैं, इसलिए इस विषय पर अभी तक कोई काम नहीं किया गया है। हालांकि, मुझे एक भी मील का पत्थर नहीं मिला।

स्क्रिप्ट

मैं समझता हूं कि संपादक के पास एक अल्प सुविधा सेट क्यों है। लेकिन इसे संपादक में निष्पादन योग्य स्क्रिप्ट द्वारा हल किया जा सकता है। यह एक चेकमार्क जोड़ने के लिए पर्याप्त है, जिसमें संपादक के अंदर स्क्रिप्ट का उपयोग शामिल होगा। यह प्लेकेनवास-इंजन पर भी लिखा गया है, क्यों नहीं?

जीवन से एक उदाहरण।

मुझे किसी तरह इस तरह ऊंचाई के नक्शे से एक इलाके को उत्पन्न करने की आवश्यकता थी

ठीक है, हर किसी को संपादक में इस तरह के फ़ंक्शन की आवश्यकता नहीं होती है, मुझे पता चला कि सीपीयू स्तर पर एक नियमित प्लेट के शीर्षों को कैसे हेरफेर किया जाए (यानी जेएस का उपयोग करते हुए, वर्टेक्स शेडर नहीं) और एक स्क्रिप्ट लिखी जो एक मानचित्र को स्वीकार करता है और एक वैध इलाके का निर्माण करता है। लेकिन संपादक में, यह दिखाई नहीं देता है! इस पर मकान और पेड़ कैसे लगाएं? यह पहला उदाहरण है जो दिमाग में आता है।

कोड संपादक

लेखन के समय, आप केवल कोड को ऑनलाइन संपादित कर सकते हैं, और कोडमिरर संस्करण 5.19.0 को संपादक के रूप में चुना जाता है। मुझे नहीं पता था कि 2 साल पहले कौन सा संस्करण था, लेकिन एक भावना है कि इसे कभी भी अपडेट नहीं किया गया है। आखिरकार, यह सितंबर 2016 का संस्करण है।

उससे कुछ भी अलौकिक की अपेक्षा न करें। हमें सामान्य उदात्त-एटम-वीएसकोड को छोड़ना होगा। हॉटकीज़ और मल्टीकोरसोर समर्थन के एक जोड़े हैं, लेकिन यह सब है। यहां तक ​​कि shader फ़ाइलों में, आप Ctrl- / का उपयोग करके एक पंक्ति नहीं बता सकते हैं। सामान्य तौर पर, जीएलएसएल के लिए बिल्कुल कोई सुविधाएं नहीं हैं। Pechalka।

आदर्श

संपादक केवल 3 प्रकार के मॉडल का समर्थन करता है, दस्तावेज़ीकरण को देखते हुए:

मॉडल जैसे FBX, COLLADA, obj

लेकिन! किसी कारण से, glTF को संपादक में लोड नहीं किया जा सकता है, हालांकि लंबे समय से तैयार लोडर है , इसके अलावा, संपादक के डेवलपर्स से। और हाँ, यदि आप इसे इंजन के साथ उपयोग कर सकते हैं masochist तीनों को प्यार करो।

PLO

बुरी खबर।

ठीक है, क्रम में:

ES6

संपादक को शपथ ग्रहण से रोकने के लिए, आपको फ़ाइल की शुरुआत में निम्न जोड़ना होगा:

// jshint esversion: 6 

फ़ोरम में, डेवलपर्स स्पष्ट रूप से स्पष्ट करते हैं कि वर्ग समर्थन की योजना भी नहीं है । हालांकि यह 16-17 वां वर्ष है, लेकिन यह वास्तव में प्रासंगिक था। मुझे उम्मीद है कि डेवलपर्स के मन में कुछ बदलाव आएगा।

फ़ाइलें

... एक बार में पार्स करना। इसका मतलब यह है कि एक फ़ाइल में बेस क्लास को परिभाषित करना और दूसरे से विरासत में प्राप्त करना, आपको एक त्रुटि मिलती है:

उसी समय, दृश्य स्वयं ठीक काम करता है। आश्चर्य नहीं, क्योंकि स्क्रिप्ट स्क्रिप्ट पार्सर के विपरीत, ब्राउज़र सभी फाइलों को ध्यान में रखता है ...

ठीक है, मैंने पूरी कक्षा श्रृंखला को एक फ़ाइल में संग्रहीत करने के विचार के साथ रखा। लेकिन संपादक अभी भी नाखुश है:

मैंने स्क्रिप्ट को बनाने के लिए बेस स्क्रिप्टटाइप को ओवरराइड करने की कोशिश की, जो उससे विरासत में मिली। मैंने हार मान ली, यह पूरी तरह से बेकार है। यदि आप गहराई से खुदाई करते हैं और देखते हैं कि संपादक में स्क्रिप्ट पार्सर की व्यवस्था कैसे की जाती है, तो आप विशेषताओं को निर्धारित करने के लिए एक नकली तरीका पा सकते हैं:

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

परिणाम

सामान्य तौर पर, संपादक के पास पर्याप्त समस्याएं हैं और वे काफी गंभीर हैं। मैं व्यावसायिक विकास के लिए इसकी अत्यधिक अनुशंसा करता हूं। लेकिन फिर भी, मैं उससे प्यार करूंगा, क्योंकि कोई विकल्प नहीं हैं।
मैंने इलेक्ट्रॉन और ओपन प्लेकेनवास / इंजन पर आधारित अपने ऑफ़लाइन संपादक को लिखने की भी कोशिश की, लेकिन उत्साह केवल एक महीने के काम के लिए पर्याप्त था। हो सकता है कि किसी दिन मैं जारी रखूं, क्योंकि हर बार जब भी मैं इस इंजन में वापस आता हूं, मैं इसे लेना चाहता हूं और इसे अपने तरीके से करता हूं।

पुनश्च: विषय कैसे दिलचस्प है? क्या आपको इंजन पर, शेडर्स पर, स्क्रिप्ट पर किसी भी ट्यूटोरियल की आवश्यकता है ..? शायद इस इंजन पर वीआर / एआर के बारे में कुछ बताएं?