🚠 🤳 🧥 एसडीएल 2 पर सबक: पाठ 4 - टूटती पीएनजी ♈️ 👩‍🚀 ↕️

सभी को नमस्कार! यह एसडीएल 2 में चौथा पाठ है। मैंने दो पाठों को एक में मिलाने का फैसला किया, क्योंकि मूल में वे छोटे हैं। लेकिन उन्हें यहां और यहां पाया जा सकता है । खैर, सबक शुरू करते हैं।

सबसे पहले, हम तय करेंगे कि हम क्या करेंगे। आज हम सीखेंगे कि किसी अन्य एक्सटेंशन (BMP) की छवियों को कैसे अपलोड करें, अर्थात्: PNG। कार्य को गति देने और छवि का आकार बदलने के लिए छवि को एक अलग प्रारूप में फिर से बनाएँ। हम इस छवि के साथ काम करेंगे:

स्थापना

तो, पहले हम सीखते हैं कि पीएनजी कैसे डाउनलोड करें। मानक SDL 2 सुविधा सेट में, एक गैर BMP प्रारूप छवि का कोई अपलोड नहीं है। एक अलग प्रारूप डाउनलोड करने के लिए, आपको एक्सटेंशन इंस्टॉल करना होगा।

यहाँ निर्देश हैं:

विंडोज

आप इस पृष्ठ पर जाएं और विकास लाइब्रेरी अनुभाग से ZIP या TAR.GZ अभिलेखागार डाउनलोड करें। अनपैक करें और उन्हें संकलक के साथ फ़ोल्डर में फेंक दें।

लिनक्स

यदि आपका सिस्टम डेबियन का उपयोग करता है, तो आपको इन आदेशों को दर्ज करने की आवश्यकता है:

apt-cache search libsdl2-image apt-get install libsdl2-image-dev

यदि यलोडॉग अपडेटर, संशोधित का उपयोग किया जाता है, तो आप इन आदेशों को दर्ज करते हैं:

 yum search SDL2_image-devel yum  SDL2_image-devel

मैक ओएस

DMG फ़ाइल डाउनलोड करें और रीडमी पढ़ें।

एक कोड लिखना

SDL_image सेट करने के बाद , हम कोड लिखना शुरू करते हैं। सबसे पहले, हमेशा की तरह, हम पुस्तकालयों से जुड़ेंगे, खिड़की के आकार निर्धारित करेंगे और 3 वैश्विक चर बनाएंगे।

 #include <SDL2/SDL.h> #include <SDL2/SDL_image.h> #include <iostream> const int SCREEN_WIDTH = 640; const int SCREEN_HEIGHT = 480; SDL_Window *win = NULL; SDL_Surface *scr = NULL; SDL_Surface *flower = NULL;

ध्यान दें कि मैंने SDL_image.h को अलग से जोड़ा है, क्योंकि यह एक अलग लाइब्रेरी है।

अगला, हम 3 कार्यों को लिखते हैं, जो हमें ज्ञात हैं, जिसमें हम हमेशा की तरह कुछ जोड़ेंगे और बदलेंगे।

Init ()

 bool init() { if (SDL_Init(SDL_INIT_VIDEO) != 0) { std::cout << "Can't init video: " << SDL_GetError() << std::endl; return false; } int flags = IMG_INIT_PNG; if ( !( IMG_Init( flags ) & flags ) ) { std::cout << "Can't init image: " << IMG_GetError() << std::endl; return false; } win = SDL_CreateWindow(" PNG", SDL_WINDOWPOS_UNDEFINED, SDL_WINDOWPOS_UNDEFINED, SCREEN_WIDTH, SCREEN_HEIGHT, SDL_WINDOW_SHOWN); if (win == NULL) { std::cout << "Can't create window: " << SDL_GetError() << std::endl; return false; } scr = SDL_GetWindowSurface(win); return true; }

यहाँ हमने SDL_image मॉड्यूल के इनिशियलाइज़ेशन को जोड़ा। इसे आरंभीकृत करने के लिए, पहले एक अंतर चर बनाएं, हमारे पास झंडे हैं , और उन सभी झंडों को सहेजें जिन्हें आप आरंभीकरण के लिए उपयोग करना चाहते हैं।

सभी झंडों की सूची

SDL_INIT_PNG - PNG छवि डाउनलोडर को इनिशियलाइज़ करता है;
SDL_INIT_JPG - जेपीजी इमेज डाउनलोडर को इनिशियलाइज़ करता है;
SDL_INIT_TIF - TIF छवि डाउनलोडर को इनिशियलाइज़ करता है;

इसके बाद, हम यह शर्त लिखते हैं:

 if ( !( IMG_Init( flags ) & flags ) )

IMG_Init () फ़ंक्शन उन झंडों को लौटाता है जो इसे आरंभ करने में सक्षम थे। अगर उसने झंडे वापस कर दिए, लेकिन जो हम चाहते थे वह गायब था, हम एक त्रुटि लौटाते हैं। बहुत सरल है। इसके अलावा, ध्यान दें कि मैं SDL_GetError के बजाय IMG_GetError का उपयोग करता हूं , क्योंकि हम SDL_image मॉड्यूल के फ़ंक्शन में एक त्रुटि की तलाश में हैं, SDL_GetError नहीं।

मैं यह भी नोट करना चाहता हूं कि मैंने वापस जाने के लिए बूल प्रकार का उपयोग करने का फैसला किया है - यह अधिक तर्कसंगत तरीका है।

आइए अपने कार्यक्रम को लिखना जारी रखें, लोड () फ़ंक्शन लिखें, जिसमें हम एक पीएनजी छवि लोड करते हैं और इसे परिवर्तित करते हैं।

भार

 bool load() { flower = IMG_Load("flower.png"); if (flower == NULL) { std::cout << "Can't load: " << IMG_GetError() << std::endl; return false; } flower = SDL_ConvertSurface(flower, scr->format, NULL); if (flower == NULL) { std::cout << "Can't convert: " << SDL_GetError() << std::endl; return false; } return true; }

यहां हम नए IMG_Load फ़ंक्शन के साथ छवि अपलोड करते हैं। इसका कार्य SDL_LoadBMP के समान है और परिणाम समान है - यह SDL_Surface वर्ग का एक उदाहरण देता है। लोडिंग के दौरान त्रुटियों को खोजने के लिए, हम IMG_GetError का उपयोग करते हैं ।

यह रूपांतरित होने का समय है। पहला, थोड़ा सिद्धांत। कुछ लोग जानते हैं, लेकिन जब कोई छवि डाउनलोड करता है, तो उसे 24 बिट प्रारूप में डाउनलोड किया जाता है, और अधिकांश आधुनिक डिस्प्ले 32 बिट प्रारूप में होते हैं। और हर बार जब हमने स्क्रीन पर छवि प्रदर्शित की, तो इसे पहले 32 बिट प्रारूप में फिर से तैयार किया गया। सरल कार्यक्रमों के लिए, यह कोई फर्क नहीं पड़ता है, लेकिन जब किसी प्रकार की बड़ी परियोजना बनाते हैं, तो यह प्रदर्शन को बहुत प्रभावित करेगा, इसलिए हम ले जाएंगे और छवियों को लोड करने के चरण में हम उन्हें प्रदर्शन प्रारूप में रीमेक करेंगे। SDL_ConvertSurface फ़ंक्शन मदद करेगा। यह 3 मान लेता है: जिस सतह को हम प्रारूपित करना चाहते हैं, वह प्रारूप जिसे हम प्रारूपित करना चाहते हैं, और झंडे। हम फूल छवि को प्रारूपित करना चाहते हैं, इसे पहला पैरामीटर पास करते हैं। दूसरा पैरामीटर खिड़की की सतह का प्रारूप है, हम झंडे का उपयोग नहीं करेंगे। यह फ़ंक्शन सतह की एक प्रति लौटाता है, जिसे हम तुरंत फूल को सौंपते हैं। त्रुटियों को खोजने के लिए, हम SDL_GetError () फ़ंक्शन लेते हैं, क्योंकि हम पहले से ही सतहों के साथ काम कर रहे हैं, और वे SDL से हैं , और SDL_image से नहीं।

आगे हम क्विट फ़ंक्शन लिखते हैं, इसमें केवल एक फ़ंक्शन जोड़ें।

छोड़ना

 void quit() { SDL_FreeSurface(flower); SDL_FreeSurface(scr); SDL_DestroyWindow(win); SDL_Quit(); IMG_Quit(); }

हमने SDL_image मॉड्यूल को अनइंस्टाल्यूट करने के लिए IMG_Quit जोड़ा।

मुख्य

अब सबसे सरल चीज बनी हुई है - मुख्य कार्य।

 int main (int argc, char ** args) { if (!init()) { system("pause"); quit(); return 1; } if (!load()) { system("pause"); quit(); return 1; }

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

  SDL_Rect bg_flower; bg_flower.w = SCREEN_WIDTH; bg_flower.h = SCREEN_HEIGHT; bg_flower.x = 0; bg_flower.y = 0;

उसके बाद, वर्ग SDL_Rect का ऑब्जेक्ट बनाएं । हमें छवि को फैलाने के लिए इसकी आवश्यकता होगी। यदि आप ध्यान दें, तो फूल की छवि खिड़की की तुलना में 4 गुना छोटी है (2 गुना पतली और 2 गुना कम), और हमें इसे खिड़की पर खींचने की आवश्यकता है। तो आयत की चौड़ाई में bg_flower खिड़की की चौड़ाई का मान लिखें, और ऊंचाई में - खिड़की की ऊंचाई। निर्देशांक 0 पर सेट करें, ताकि छवि ऊपरी बाएँ कोने में प्रदर्शित हो।

आकार बदलने के साथ छवियों को प्रदर्शित करने के लिए, एक विशेष कार्य है। यह इस तरह दिखता है:

  SDL_BlitScaled(flower, NULL, scr, &bg_flower);

इसके 4 अर्थ लगते हैं। पहली वह छवि है जिसे हम प्रदर्शित करना चाहते हैं, दूसरा वह आयत है जिसे हम इस छवि से काटना चाहते हैं (यदि हम पूरी छवि लेना चाहते हैं, तो हम NULL लिखते हैं), तीसरी वह सतह है जिस पर हम चित्र प्रदर्शित करना चाहते हैं, और चौथा एक ही आयत है, आयाम और निर्देशांक जिनमें से हम छवि को फैलाने या संपीड़ित करने के लिए लेते हैं।

अगला, बस स्क्रीन की सतह को अपडेट करें, देरी सेट करें, बाहर निकलें और 0 लौटें।

  SDL_UpdateWindowSurface(win); SDL_Delay(2000); quit(); return 0; };

यहीं पर हमारा कार्यक्रम समाप्त होता है। इस चमत्कार को संकलित करने के लिए, आपको -lSDL2_image को एक अन्य संकलन विकल्प के रूप में जोड़ना होगा।

और इस पर हम आज के लिए समाप्त हो जाएंगे। यहाँ कोड हमें मिला है:

 #include <SDL2/SDL.h> #include <SDL2/SDL_image.h> #include <iostream> const int SCREEN_WIDTH = 640; const int SCREEN_HEIGHT = 480; SDL_Window *win = NULL; SDL_Surface *scr = NULL; SDL_Surface *flower = NULL; bool init() { if (SDL_Init(SDL_INIT_VIDEO) != 0) { std::cout << "Can't init video: " << SDL_GetError() << std::endl; return false; } int flags = IMG_INIT_PNG; if ( !( IMG_Init( flags ) & flags ) ) { std::cout << "Can't init image: " << IMG_GetError() << std::endl; return false; } win = SDL_CreateWindow(" PNG", SDL_WINDOWPOS_UNDEFINED, SDL_WINDOWPOS_UNDEFINED, SCREEN_WIDTH, SCREEN_HEIGHT, SDL_WINDOW_SHOWN); if (win == NULL) { std::cout << "Can't create window: " << SDL_GetError() << std::endl; return false; } scr = SDL_GetWindowSurface(win); return true; } bool load() { flower = IMG_Load("flower.png"); if (flower == NULL) { std::cout << "Can't load: " << IMG_GetError() << std::endl; return false; } flower = SDL_ConvertSurface(flower, scr->format, NULL); if (flower == NULL) { std::cout << "Can't convert: " << SDL_GetError() << std::endl; return false; } return true; } void quit() { SDL_FreeSurface(flower); SDL_FreeSurface(scr); SDL_DestroyWindow(win); SDL_Quit(); IMG_Quit(); } int main (int argc, char ** args) { if (!init()) { system("pause"); quit(); return 1; } if (!load()) { system("pause"); quit(); return 1; } SDL_Rect bg_flower; bg_flower.w = SCREEN_WIDTH; bg_flower.h = SCREEN_HEIGHT; bg_flower.x = 0; bg_flower.y = 0; SDL_BlitScaled(flower, NULL, scr, &bg_flower); SDL_UpdateWindowSurface(win); SDL_Delay(2000); quit(); return 0; };

सबको बाय!

<< पिछला पाठ || अगला पाठ >>

एसडीएल 2 पर सबक: पाठ 4 - टूटती पीएनजी

स्थापना

एक कोड लिखना

मुख्य

More articles: