ठीक।
तो चलो यहाँ शुरू हो जाओ।
और इस वीडियो Paperchase की स्थापना हो रही है और कुछ सरल सरल एनिमेशन कर रही पर ध्यान दिया जाएगा।
तो कोई ऑडियो बस अभी तक।
पहली बात मैं कहना होगा कि मैं एक नया निर्देशिका मैं बनाया में हूँ।
मैंने कहा कि यहाँ में निर्देशिका लगता है।
तो यकीन है कि आप इस वीडियो के लिए जरूरी यह करना चाहते हैं क्योंकि आप ध्वनियों खेल नहीं होगा की जरूरत नहीं है कि सुनिश्चित करें।
लेकिन अगर आप के साथ पालन करना चाहते हैं एक निर्देशिका सुनिश्चित करें कि आप खींच सकते हैं या प्रतिलिपि इसे में फ़ोल्डर लगता है कि कर सकते हैं।
अगली बात तुम क्या करने की जरूरत है हमारे फाइल कर तो मैं एक फ़ाइल सही निर्देशिका में इसे बचाने के लिए कर दूँगा और मैं सिर्फ यह हर बार हलकों फोन करता हूँ है।
वैसे मैं बेशक बस ऐसे ही के हमारे ज टिम एल कंकाल में और हम इसे उस पर अब के लिए छोड़ देंगे।
तो चलो बस वास्तव में कुछ भी नहीं देखा जाना चाहिए इसे खोलने के लिए करते हैं।
अब हम कागज प्रतिभा को जाने दिया।
फिर मैं वास्तव में इस एक प्यार करता हूँ।
लेकिन हम इस से दूर स्थानांतरित करने के लिए जा रहे हैं और हम शुरू करने के लिए डाउनलोड करने के लिए जाने के लिए जा रहे हैं।
और पहली बात तो हम क्या करेंगे बस जो मैं वास्तव में पहले से ही किया है नवीनतम संस्करण डाउनलोड किया जाता है।
तो जब आप उस के साथ कर रहे हैं यह इस तरह दिखेगा।
और पहली बात यह है कि हम क्या कर सकते हैं सिर्फ उदाहरण निर्देशिका में एक नज़र रखना है।
की एनिमेटेड एनिमेटेड स्टार पर एक नज़र रखना।
बहुत मजेदार चारों ओर खेलने के साथ यह मुझे चक्कर आ तो मैं उस बंद बंद करने के लिए जा रहा हूँ बनाता है।
लेकिन आप के रूप में अच्छी तरह से अन्य लोगों में से कुछ पर एक नज़र ले जा सकते हैं।
कैंडी क्रश।
तो वहाँ कुछ शांत एनीमेशन आप नहीं कर सकते।
वहाँ एक छोटी भौतिकी यहाँ शामिल है।
और क्या हम क्या ज़रूरत है।
इस शांत लाइन एनीमेशन और अन्य लोगों की एक पूरी गुच्छा आप कर रहे हैं।
मैं वास्तव में यह एक तरह लंबन प्रभाव के इस तरह आप अपने माउस ले जाएँ।
ठीक।
तो आप यह कर रही घंटे खर्च कर सकते हैं।
वहाँ महान उदाहरण आप उनमें से किसी को खोल सकते हैं अगर आप चाहते हैं की बहुत सारी है।
यह कैसे काम करता है पर एक नजर डालें।
तो चलो कि अंतरिक्ष से एक पहली बात यह है कि हम कागज J.S सहित रहे हैं देखेंगे कि को देखो ..
हम निश्चित रूप से उस फ़ाइल को पुस्तकालय जैसे हम जे क्यूरे के लिए की जरूरत की जरूरत है।
लेकिन वहाँ कुछ है कि आप से पहले जो कि हम एक स्क्रिप्ट प्रकार पाठ स्लेश कागज स्क्रिप्ट के बराबर होती है कि नहीं देखा है।
तो वहाँ फ़ाइल की एक विशेष प्रकार या एक स्क्रिप्ट है कि हम कागज स्क्रिप्ट एक डोमेन विशिष्ट भाषा है जो मूल रूप से यह एक भाषा है कि विशेष रूप से paperchase के लिए किया जाता है कि कहा जाता है के बारे में कुछ है।
तो यह है कि कुछ काम करेंगे जब तक कि हम Paperchase को शामिल किया है नहीं है।
और फिर आप भी इस कैनवास विशेषता कैनवास कैनवास के बराबर होती है देखते हैं।
तो इस तरह की अजीब क्या एक कैनवास यह एक वृद्ध स्तोत्र तत्व है।
तो यह वास्तव में, जहां सब कुछ हम करते हैं कि है।
मैं तुम्हें यह अभी निरीक्षण दिखाता हूँ।
यह काम संस्करण या अंतिम संस्करण है।
अगर मैं एक बार देख लेने के पहले आप को दिखाने के लिए कि यह कैसे काम करता है।
फिर अगर मैं एक नज़र रखना है और मैं इस काले रंग की पृष्ठभूमि का निरीक्षण यह शरीर नहीं है।
यह कुछ कैनवास और कैनवास नामक एक एचएमओ तत्व यह है कि मूल रूप से एनिमेशन और ग्राफिक्स करने के लिए एक जगह के रूप में कार्य करता है।
तो अगर मैं एक नज़र डी.एन. को कैनवास देख सकते हैं के लिए जाना है कि जावास्क्रिप्ट में एक पटकथा होना करने के लिए ग्राफिक्स आकर्षित करने के लिए इस्तेमाल किया जा सकता प्रत्येक धुआं भांग तत्व को एक वृद्ध गंध पांच जोड़े।
तो यह है कि वास्तव में यह सब है।
यह कैनवास है कि जावास्क्रिप्ट बिना अपने दम पर यह वास्तव में एक बात नहीं करता है में एक तत्व है।
लेकिन फिर हम जाने के लिए और इसे यहाँ आयत यह हरे रंग का एक 3 डी आकार यहाँ बनाने के इस एनीमेशन करना बनाने की तरह बातें कहने के लिए जावास्क्रिप्ट के जोड़ सकते हैं और हम जावास्क्रिप्ट के साथ सभी ऐसा करते हो।
तो कागज जे.एस. एक कैनवास तत्व का उपयोग करता है।
यह मंच है जहाँ यह सब ग्राफिक्स के रूप में सभी एनिमेशन में कहते हैं यह है।
इसलिए हम अपने पेज पर एक कैनवास के रूप में आप देख सकते हैं इस अंतरिक्ष उदाहरण के लिए की जरूरत है।
अगर मैं बहुत तह तक जाने के शरीर में एक ही बात यहीं एक कैनवास है और यह आईडी कैनवास और भी पृष्ठभूमि काला करने के लिए सेट करने के लिए बराबर है।
इसलिए पहचान पत्र के बराबर कैनवास यहीं इस लाइन से मेल खाती है।
कैनवास कैनवास के बराबर होती है।
तो हम बस इस पत्र स्क्रिप्ट फ़ाइल या इस पत्र स्क्रिप्ट स्क्रिप्ट क्या आईडी देखने के लिए कह रहे हैं जो उदाहरण है कि अभी नामित लेकिन कैनवास में लिए।
इसलिए हम बहुत कुछ इस तरह करते जा रहे हैं।
लेकिन इससे पहले कि हम वहाँ हो हम यह सुनिश्चित करने की जरूरत है कि हम पेपर शामिल हां।
तो जब आप डाउनलोड करने के लिए जाना।
और नहीं बल्कि उदाहरण खोलने की तुलना में हम अनुक्रमित देखने के लिए जा रहे हैं और फिर हम या तो लेने के पुरुषों के कागज पूर्ण या कागज भरा हुआ है और यहाँ पूर्ण एक समझ सकते हैं।
तो मैं तो कागज Dasch भरा है लेकिन हमें तो हमारे स्वयं के अनुप्रयोग में हम उस शामिल करने के लिए सुनिश्चित करने की आवश्यकता हमारी निर्देशिका में है कि अधिक कॉपी करने के लिए जा रहा हूँ।
तो स्रोत है कि बस और बचाने की तरह कागज Dasch पूर्ण japes बराबर होती है।
और फिर हम क्या करेंगे सिर्फ क्रोम में पृष्ठ ताज़ा है।
यकीन है कि हम एक त्रुटि नहीं मिलता है।
महान।
इसलिए यह फाइल पाया बस ठीक है।
अब हम कागज प्रतिभा के डॉक्स के लिए जाना है और ट्यूटोरियल को देखो तो मैं वास्तव में इस पर जल्दी से नहीं किया करते हैं।
लेकिन मुझे क्या कागज अर्जी है का वर्णन पढ़ा करना चाहते हैं।
तो यह एक खुला स्रोत वेक्टर ग्राफिक्स पटकथा रूपरेखा है कि मेरे पांच कैनवास को उम्र के शीर्ष पर चलता है।
यह एक साफ दृश्य ग्राफ स्लेश दस्तावेज़ ऑब्जेक्ट मॉडल और शक्तिशाली कार्यक्षमता का एक बहुत बनाने और वेक्टर ग्राफिक्स और bezier घटता सभी बड़े करीने से एक अच्छी तरह से डिजाइन सुसंगत और स्वच्छ प्रोग्रामिंग इंटरफेस में लिपटे के साथ काम करने के लिए प्रदान करता है।
इसलिए एक कौर की तरह।
असल में यह पुस्तकालय एनीमेशन पुस्तकालय ग्राफिक्स पुस्तकालय ड्राइंग एक लात गधा है।
यह वास्तव में बहुत लोकप्रिय है।
इसलिए यह एक प्रश्न है, जहां यह बहुत ज्यादा एक डोम हेरफेर पुस्तकालय है पसंद नहीं है नहीं है वहाँ से बाहर उनमें से कुछ कर रहे हैं।
एक घटना से निपटने के पुस्तकालय।
एनीमेशन का एक बहुत वहाँ से बाहर ग्राफिक्स बातों में रहे हैं लेकिन कागज है मैं कह रहा यह सबसे अधिक लोकप्रिय है बहुत आश्वस्त हूँ है।
ठीक है तो ट्यूटोरियल के लिए वापस जाने के लिए और शुरू हो रही है पर एक नज़र रखना।
मैं हाँ कागज के साथ काम शुरू हो रही है लगता है।
हाँ।
और हम नीचे स्क्रॉल करें और यहां उनके उदाहरण पर एक नज़र रखना होगा।
तो क्या हम कर सकते में इस पूरे काम की नकल है।
लेकिन मैं इसे एक समय में एक टुकड़ा करने के लिए इतना है कि आप देखते हैं कि यह कैसे काम करता है चाहता हूँ।
तो चलो इस कैनवास को कॉपी करके शुरू अभी पूरी लाइन को कॉपी करते हैं और हम अपने शरीर में डाल दिया जाएगा।
तो कैनवास आई.डी. अपने कैनवास के बराबर होती है और अगर मैं पृष्ठ ताज़ा हम सब पर कुछ भी नहीं देख सकेंगे।
हम उम्मीद करते हैं कि हम देखना होगा कि वहाँ एक कैनवास वहाँ है, लेकिन अगर हम वापस जाने के लिए चलो इस स्क्रिप्ट पाठ या प्रकार की नकल क्योंकि पाठ आकार के कागज स्क्रिप्ट कैनवास अपने कैनवास है।
और हम यहाँ में है कि डाल दिया और पेस्ट करते हैं।
तो अगर हम यहाँ क्या हो रहा है वहाँ कुछ अच्छी टिप्पणी है को देखने का कहना है कि यह एक लाइन आकर्षित करने के लिए एक कागज जी एस रास्ता बनाता है।
इसलिए हम एक रास्ता बनाने के लिए और आप यहां वाक्य रचना का एक बहुत देखना है कि आप कभी नहीं देखा है जा रहे हैं।
और फिर यही तो बात है।
मुद्दा यह है कि मैं कुछ नई चीजों को देखने के लिए डॉक्स पढ़ने के लिए मजबूर कर रहा हूँ।
यह मैं की इस भावना को आप असंवेदनशील नहीं जानता कि मैं क्या कर रहा हूँ इससे पहले कि मैं नहीं जानता कि यह कैसे काम करता है मैं इस कोड को कभी नहीं देखा जा सकता है।
यही कारण है कि पुस्तकालय के बिंदु की तरह है।
तुम्हें पता है कि यह विशेष रूप से एनिमेशन की तरह कुछ करने के लिए काम करता है की जरूरत नहीं है।
बस खुशी है कि किसी और आप के लिए यह ख्याल रख रही है हो सकता है।
मैं निश्चित रूप से यह मेरे जीवन के समय की एक बहुत बचाया हूँ।
इसलिए हम एक चर करने के लिए यहाँ इसे बचाने के लिए एक नया रास्ता बनाने के लिए।
हम काला हो स्ट्रोक रंग बदलने के लिए और फिर हम 100 अल्पविराम 100 पर शुरू करने के लिए एक बिंदु बनाने के लिए और फिर हम उस शुरू करने के लिए हमारे रास्ते ले जाते हैं और फिर हम एक लाइन शुरू करने के लिए प्लस 100 एक्स और नकारात्मक 50 y आकर्षित।
तो मैं तुम्हें दिखाता हूँ कि वास्तव में क्या करता है, लेकिन यह एक लाइन 100 100 से शुरू खींचता है और फिर यह है कि लाइन ले जाता है या यह 300 अल्पविराम से 50 पहला बिंदु बाहर से जोड़ता है।
तो अगर हम एक बार देख लेने के लिए अगर हम ताजा कर रहे हैं यकीन है कि सब कुछ काम कर रहा है।
हम एक लाइन के साथ खत्म होता है।
तो जब आप कुछ इस तरह नई है सबसे अच्छी बात चारों ओर खेलने के लिए है।
इसलिए इस बदलने की कोशिश।
इसलिए यह लाल है और शुरू अब 0 100 है।
वहाँ हम हम सिर्फ हमारी लाइन ले जाया जाना या के यह कुछ होना करने के लिए 500 की तरह अधिक कठोर परिवर्तन करते हैं।
तो आप दिन भर इस के साथ आसपास खेल सकते हैं।
लेकिन क्या मैं वास्तव में बाहर बात करना चाहते हैं कि हम एक कागज स्क्रिप्ट स्क्रिप्ट बना रहे हैं पाठ नहीं तो यह जावास्क्रिप्ट कागज स्क्रिप्ट है और हम इस कैनवास विशेषता कैनवास स्थापित कर रहे हैं अपने कैनवास जो नाम या आईडी है कि हम इसे सौंपा है के बराबर होती है।
तो ये मैच है और उस की सारी बात सिर्फ जहां चीजें आकर्षित करने के लिए इस पत्र स्क्रिप्ट फ़ाइल बता रहा है।
क्या कैनवास का उपयोग करने के लिए।
इसलिए हम बहुत थोड़ा अधिक के आसपास खेल सकते हैं।
और मैं अत्यधिक है कि आप वीडियो रोकने के लिए और एक बार देख लेने पर ट्यूटोरियल कुछ अन्य चीजों की कोशिश की सिफारिश करेंगे।
तो मैं सिर्फ पथ के पूर्वनिर्धारित आकार की दिशा में बात करेंगे जो कि हम क्या उपयोग होगा।
हम यहाँ अपने आवेदन के साथ हलकों बनाने जा रहे हैं।
तो यह है कि हम क्या करने की आवश्यकता होगी क्या है।
चलो बस यहीं इस कोड की नकल इतनी पैट नया रास्ता डॉट चक्र और फिर आप इसे एक चक्र बनाने के लिए एक बिंदु देना है।
और फिर त्रिज्या ऐसा लग रहा है।
तो तुम वहाँ एक व्याख्या है तो यह एक केंद्र बिंदु x 100 y 70 और 50 के एक त्रिज्या और फिर एक रंग भरने की जरूरत है देख सकते हैं।
तो चलो एक नज़र रखना हमारे कोड के नीचे करने के लिए इस कॉपी और देखते हैं क्या होता है।
जो तुम क्या जे एस और इसी तरह के पुस्तकालयों के साथ एक बहुत कुछ कर की तरह है।
तुम बस प्रयोग।
तो चलो त्रिज्या बदलने के 10 होना करने के लिए करते हैं।
तुम वहाँ जाओ।
इसलिए हम भी सिर्फ एक लाइन के नीचे इस कॉपी करके एक और चक्र कोशिश कर सकता है।
चलो यह वर सर्कल कॉल 2 बराबरी नया रास्ता डॉट करते हैं।
और चलो यह एक सच में बड़े और बैंगनी रंग बनाते हैं।
इसलिए नए बिंदु और चलो यह 50 पर डाल दिया।
एक 50 आओ और यह बहुत बड़ा होने जा रहा है।
तो यह है कि यह 300 के दायरे चक्र को भरने के लिए देने के लिए और फिर रंग बैंगनी रंग के बराबर होती है।
बस यह कि ताज़ा की तरह।
और तुम हम उस विशाल चक्र है कि आप वास्तव में नहीं बता सकते हैं कि यह कितना बड़ा है, क्योंकि हमारे कैनवास तक हमारे स्क्रीन की पूरी चौड़ाई नहीं लिया है के साथ खत्म होता देख सकते हैं।
तो चलो कि आगे क्या करना है क्योंकि हम जानते हैं कि हम अपने कैनवास पूरी चौड़ाई को लेने के लिए चाहते हैं चाहते हो।
तो मैं जाने के लिए और एक नया स्टाइल शीट बना तो मैं लिंक टैग जोड़ा यहां एक Tref सर्कल डॉट एसएस जो अस्तित्व में नहीं है बराबर कर देंगे।
और फिर एक फ़ाइल सर्किल STUT बुलाया आकलन देखते हैं और हम क्या करेंगे 100 प्रतिशत के साथ कैनवास में जोड़ने के लिए बचाने के लिए करते हैं।
और हम भी यह काले रंग का एक पृष्ठभूमि दे।
और अगर हम ताजा कर रहे हैं जैसा कि आप देख सकते हैं कि हम बंद कर रहे हैं, लेकिन हम कुछ चीजें हैं।
जिनमें से पहला यह है कि हमारे शरीर वास्तव में सभी तरह से नीचे जाना नहीं करता है।
इसलिए हमारे कैनवास चौड़ाई के जब 100 प्रतिशत तक ले जाता है।
लेकिन फिर भी अगर हम अभी यह 100 प्रतिशत ऊंचाई देने के लिए यह वास्तव में रास्ता है कि हम यह चाहते हैं बदलने के लिए नहीं जा रहा है।
तो फिर हम भी इस मार्जिन हम से छुटकारा पाने के लिए चाहते हैं कि लोगों की है।
तो बजाय बहुत अधिक समय खर्च के ऊपर जा रहा है कि मैं सिर्फ तुम्हें दिखाता हूँ कि हम क्या करने की जरूरत।
शून्य होने के लिए अच्छी तरह से सिर्फ सेट ऊंचाई 100 प्रतिशत और मार्जिन होने के लिए।
और अगर मैं अब पृष्ठ ताज़ा यह पूर्ण स्क्रीन लेता है।
तो अगर आप विस्तार में और अधिक जाने के लिए और समझने के लिए वास्तव में हम क्यों कि शरीर का निरीक्षण किया था इससे पहले कि हम में इस कोड को जोड़ने और फिर uncommented शरीर को फिर से निरीक्षण किया और आप देखेंगे कि क्या होता है चाहता हूँ।
असल में हम सिर्फ यकीन है कि शरीर पूरी चौड़ाई और ऊंचाई तक ले जाता है बना रहे हैं और वहाँ कोई मार्जिन जिसका मतलब है कि हमारे कैनवास के रूप में तो अच्छा है कि पूरे स्थान को लेने के लिए विस्तार होगा है।
ठीक।
तो क्या अब हम एक कैनवास बनाया है कि वास्तव में पिछले बात मैं इस वीडियो में क्या करेंगे।
मैं अभी कैसे कागजी कार्रवाई के हम कागज स्क्रिप्ट लिपियों के लिए लागू करना चाहते थे।
हम इसे एक कैनवास दे और फिर हम यहाँ में कुछ कोड है कि आप पहले कभी नहीं देखा है डाल दिया।
यह मैंने किया है की एक बहुत पहले कभी नहीं देखा जब तक मैं इस वीडियो बनाया है या जब तक मैं इस वीडियो के लिए इस परियोजना को बनाया है।
मैं निश्चित रूप से यह पहले देखा है।
इस सटीक वीडियो।
लेकिन मुद्दा यह है कि यह नई बात है।
और यही कारण है कि हम यह कर रहे हैं।
यह कोड redox लेते हैं और मूल रूप में इसे कॉपी और इसे बदलने के लिए सक्षम होने के लिए एक बहुत महत्वपूर्ण कौशल है।
महान।
तो अगले वीडियो में मैं आपको एक त्वरित वैकल्पिक व्यायाम दे दिया जाएगा तो अगर तुम सिर्फ परियोजना को पाने के लिए और शैक्षिक सीखने के अनुभव में जो कुछ भी तुम इसे कॉल करना चाहते छोड़ना चाहते।
लेकिन आप केवल अदायगी आगे जाने के अगले वीडियो को छोड़ की तरह करने के लिए मिलता है।
मैं सुझाव है कि आप इसे हालांकि करते।
हम सबसे प्रभावशाली बात बनाने के लिए नहीं जा रहे हैं, लेकिन मैं आपको कुछ हलकों के साथ एक व्यायाम करने के लिए जा रहा हूँ।
बहुत ही रोमांचक।
मुझे पता है।
ठीक।
फिर मिलते हैं।