{"id":3051,"date":"2025-06-24T19:32:47","date_gmt":"2025-06-24T19:32:47","guid":{"rendered":"https:\/\/www.yazilimperver.com\/?p=3051"},"modified":"2025-06-24T19:32:47","modified_gmt":"2025-06-24T19:32:47","slug":"arac-sdl3-ilk-adimlar-ii","status":"publish","type":"post","link":"https:\/\/www.yazilimperver.com\/index.php\/2025\/06\/24\/arac-sdl3-ilk-adimlar-ii\/","title":{"rendered":"[ARA\u00c7] SDL3 \u0130lk Ad\u0131mlar \u2013 II"},"content":{"rendered":"

Merhaba sevgili yaz\u0131l\u0131mperver dostlar\u0131m yaz\u0131lar\u0131m\u0131za h\u0131z kesmeden devam ediyoruz. SDL ile ilgili ilk yaz\u0131mda, kuruluma bakm\u0131\u015ft\u0131k ve sonras\u0131nda da; kaynak y\u00f6netimi, olaylar\u0131n kotar\u0131lmas\u0131, g\u00f6rselle\u015ftirme ve bu nesnelerin olu\u015fturulmas\u0131na y\u00f6nelik kabiliyetlere g\u00f6z atm\u0131\u015ft\u0131k. Bu yaz\u0131mda kalan konulara da de\u011finip temel SDL3 uygulamam\u0131z\u0131 tamamlayaca\u011f\u0131z in\u015fallah. E\u011fer ilk yaz\u0131m\u0131 hen\u00fcz okumad\u0131ysan\u0131z a\u015fa\u011f\u0131daki ba\u011flant\u0131ya bir g\u00f6z atman\u0131z\u0131 rica ediyorum:<\/p>\n

[ARA\u00c7] SDL3 \u0130lk Ad\u0131mlar – I<\/strong><\/a><\/p>\n

Evet temel kabiliyetlere bakt\u0131ktan sonra son olarak g\u00f6rselle\u015ftirme ve kalan k\u0131s\u0131mlara bak\u0131yor olaca\u011f\u0131z.<\/p>\n

G\u00f6rselle\u015ftirme (Strateji \u00d6r\u00fcnt\u00fcs\u00fc)<\/strong><\/span><\/h3>\n

Elbette, SDL kulland\u0131\u011f\u0131n\u0131z zaman yapaca\u011f\u0131n\u0131z ilk \u015fey muhtemelen, ekrana bir \u015feyler \u00e7izdirmek olacakt\u0131r. \u015eimdi s\u0131ra geldi, i\u015fin en heyecanl\u0131 k\u0131s\u0131mlar\u0131na \ud83d\ude42<\/p>\n

Daha \u00f6nceki yaz\u0131lar\u0131mda da bahsetti\u011fim gibi, SDL sizlere platformdan ba\u011f\u0131ms\u0131z bir alt yap\u0131 sunmakta ve her ne kadar OpenGL ya da DirectX kadar olmasa da, temel \u00e7izim kabiliyetleri sunmaktad\u0131r. Bu \u00f6rne\u011fimiz i\u00e7in temel \u00e7izim kabiliyetlerine, daire, dikd\u00f6rtgen ve \u00fc\u00e7gen \u00e7izimine bak\u0131yor olaca\u011f\u0131z (\u0130leride resim ve di\u011fer ileri seviye API’lere de bak\u0131yor olabiliriz).<\/p>\n

Bu tarz \u00e7izimleri, SDL’in sundu\u011fu, SDL_RenderFillRect<\/em> , SDL_RenderPoint<\/em> ve SDL_RenderGeometry <\/em>API’lerini kullanarak yap\u0131yor olaca\u011f\u0131z. API’leri \u00f6zellikle bu s\u0131rada verdim. Basitten daha karma\u015f\u0131k \u015fekillerin \u00e7izimi i\u00e7in kullan\u0131labilecek en \u00f6nemli API’ler bunlar. Basit bir uygulama i\u00e7in bu API’leri kullanarak, gerekli \u00e7izimleri yapabilirsiniz. Biz \u00f6rne\u011fimizde bunu bir ad\u0131m \u00f6teye ta\u015f\u0131may\u0131 hedefliyoruz ve bu kapsamda da strateji \u00f6r\u00fcnt\u00fcs\u00fcn\u00fc kullan\u0131yor olaca\u011f\u0131z.<\/p>\n

Peki nedir strateji tasar\u0131m \u00f6r\u00fcnt\u00fcs\u00fc? Temelde bu \u00f6r\u00fcnt\u00fc, bizlere, bir i\u015flevin ya da i\u015flemin, farkl\u0131 yollarla, esnek ve geni\u015fleyebilir bir mimari ile yap\u0131labilmesine olanak sa\u011flar. Yine bu \u00f6r\u00fcnt\u00fc de, “Gang of four” taraf\u0131ndan yaz\u0131lan kitapta ge\u00e7en ve davran\u0131\u015fsal (“behavioral”) \u00f6r\u00fcnt\u00fclere girmektedir. A\u015fa\u011f\u0131da bu \u00f6r\u00fcnt\u00fcye y\u00f6nelik genel s\u0131n\u0131f diyagram\u0131n\u0131 bulabilirsiniz:<\/p>\n

<\/p>\n

Farkl\u0131 \u015fekil \u00e7izimleri, bizim i\u00e7in stratejiler<\/em> olacak (bu ba\u011flamda temel s\u0131n\u0131f\u0131 RenderStrategy<\/em>). A\u015fa\u011f\u0131da bu aray\u00fcze y\u00f6nelik kod par\u00e7as\u0131n\u0131 da g\u00f6rebilirsiniz:<\/p>\n

class RenderStrategy {\r\npublic:\r\n    virtual ~RenderStrategy() = default;\r\n    virtual void Render(SDL_Renderer* renderer, const Transform& transform) = 0;\r\n};<\/pre>\n
Her bir stratejinin, buradaki Render API’sini ger\u00e7eklemesini bekliyoruz. A\u015fa\u011f\u0131da, dikd\u00f6rtgen i\u00e7in bunun nas\u0131l yap\u0131ld\u0131\u011f\u0131n\u0131 g\u00f6rebilirsiniz. Temel \u00e7izim i\u015flevleri, bu strateji s\u0131n\u0131flar\u0131 i\u00e7erisinde ger\u00e7ekle\u015ftiriliyor olacak.<\/p>\n
class RectangleRenderer : public RenderStrategy {\r\nprivate:\r\n    SDL_Color mColor;\r\n    int32_t mWidth, mHeight;\r\npublic:\r\n    RectangleRenderer(SDL_Color color, int32_t width, int32_t height);    \r\n    void Render(SDL_Renderer* renderer, const Transform& transform) override {\r\n        SDL_SetRenderDrawColor(renderer, mColor.r, mColor.g, mColor.b, mColor.a);\r\n        SDL_FRect rect = {\r\n            transform.mX - (mWidth * transform.mScaleX) \/ 2.0f, \r\n            transform.mY - (mHeight * transform.mScaleY) \/ 2.0f, \r\n            mWidth * transform.mScaleX, \r\n            mHeight * transform.mScaleY\r\n        };\r\n        SDL_RenderFillRect(renderer, &rect);\r\n    }\r\n};\r\n<\/pre>\n
Bizim i\u00e7in\u00a0Context\u00a0<\/em>ise, bile\u015fen temel s\u0131n\u0131f\u0131ndan t\u00fcretti\u011fimiz,\u00a0RenderComponent,\u00a0<\/em>s\u0131n\u0131f\u0131m\u0131z olacak. A\u015fa\u011f\u0131da da, bu s\u0131n\u0131fa y\u00f6nelik kod par\u00e7as\u0131n\u0131 g\u00f6rebilirsiniz:<\/p>\n
class RenderComponent \r\n    : public Component {\r\nprivate:\r\n    std::unique_ptr<RenderStrategy> mStrategy;\r\n\r\npublic:\r\n    RenderComponent(std::unique_ptr<RenderStrategy> strategy);    \r\n    void SetStrategy(std::unique_ptr<RenderStrategy> strategy);    \r\n    void Render(Renderer& renderer) override;\r\n};<\/pre>\n
G\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi, kullan\u0131lacak strateji belirlendikten sonra,\u00a0Render\u00a0<\/em>API’si ile ilgili \u00e7izimleri yap\u0131yor olaca\u011f\u0131z.<\/p>\n
Peki bu s\u0131n\u0131f\u0131m\u0131z\u0131 kim kullan\u0131yor olacak? Bu s\u0131n\u0131flara y\u00f6nelik nesnelerimizi ise, bir \u00f6nceki yaz\u0131mda bahsetti\u011fim\u00a0GraphicalObject\u00a0<\/em>nesnelerine, bile\u015fen olarak ekliyor olaca\u011f\u0131z ve i\u015fimiz bitecek. Bu bile\u015fen de, yine ilgili yaz\u0131da bahsetti\u011fimiz fabrika s\u0131n\u0131flar marifeti ile ger\u00e7ekle\u015ftirilecek.<\/p>\n
Peki, bu noktada strateji \u00f6r\u00fcnt\u00fcs\u00fcn\u00fcn bize faydalar\u0131 neler diye bakacak olursak:<\/p>\n