مرکز انجمنهای تخصصی

آموزش گرافیک با استفاده از کتابخانه Graphics.h در زبان ++C بدون نیاز به استفاده از DOS Box

با سلام خدمت دوستان گل سنترالی

همان طور که میدانید زبان C (توضیحات بیشتر در [External Link Removed for Guests]) یکی از زبان های بسیار قدرتمند برنامه نویسی کامپیوتری است که در سال 1972 توسط پرفسور Dennis Ritchie (توضیحات بیشتر در [External Link Removed for Guests]) در آزمایشگاه بِل ساخته شد که در دسته زبان های برنامه نویسی سطح میانی قرار میگیرد و نسخه بعدی آن که این زبان برنامه نویسی را کامل کرد زبان ++C است که توسط Bjarne Stroustrup (توضیحات بیشتر در [External Link Removed for Guests]) دانمارکی در سال ۱۹۷۹ در آزمایشگاه‌های بِل ساخته شد. در زبان ++C ویژگی کلاس نویسی (OOP) و ویژگی های دیگری نیز به زبان C اضافه شد این زبان دارای کاربردهای فوق العاده ای در دنیای کامپیوتر است زیرا دسترسی تقریبا مستقیمی به سخت افزار و منابع سیستم دارد حتی شما میتوانید از دستورات زبان Assembly (توضیحات بیشتر در [External Link Removed for Guests]) در کنار دستورات این زبان قدرتمند استفاده کنید فقط اِنقدری اشاره کنم که نرم افزارهای قدرتمندی چون Matlab (نرم افزاری فوق العاده قدرتمند در زمینه محاسبات ریاضی ، هسته Matlab برای سرعت و کارایی بالا به زبان سی نوشته شده‌ است ولی رابط گرافیکی آن به زبان جاوا پیاده سازی گشته‌ است) , [COLOR=#0c0c0c]Autodesk   (مایا یکی از پیشرفته‌ترین نرم‌افزارهای انیمیشن و مدل سازی سه بعدی است که به طور گسترده در استودیوهای فیلم سازی، انیمیشن و همین طور صنعت بازی‌های رایانه‌ای استفاده می‌شود البته از دو زبان دیگر MEL , Python نیز در ساخت این برنامه قدرتمند استفاده شده است) و نرم افزار محبوب Adobe Photoshop (یک پردازشگر گرافیکی قدرتمند است که بدست شرکت Adobe گسترش یافته و برای ایجاد، ترکیب، ویرایش، بازسازی و یا دگرگونی عکس‌ها و نگاره‌ها بکار می‌رود) و نرم افزارهای بی شمار دیگر که توسط این زبان تولید شده اند.

خب بنده در این تایپک قصد دارم آموزش راه اندازی و کار با گرافیک و رسم اشکال گرافیکی دو بعدی (2D) توسط هِدر فایل Graphics.h (این روش تقریبا منسوخ شده ولی برای شروع کار با گرافیک مفید است) که نسبت به کتاب خانه های DirectX و OpenGL دارای سادگی فوق العاده ای است در زبان ++C را تا جایی که بتوانم توضیح بدم. البته دوستان روش های حرفه ای و تخصصی تری در این زمینه توسط ابزار های دیگر قابل انجام است ولی ما در این جا فقط قصد داریم آموزشی ارائه ای کنیم که مقدمه ای باشد برای کارهای جالب تر ، حرفه ای تر و تخصصی تر و در ضمن از استادان خودم در انجمن سنترال کلوبز خواهشمندم بنده را در این زمینه یاری کنند و هر یک از دوستان عزیز سنترالی سوالی در این رابطه داشتند میتوانند به صورت پیام خصوصی برای بنده ارسال کنند و من نیز در صورت دانستن جواب حتما ایشان را راهنمایی میکنم.

باتشکر از شما

با سلام
فکر میکنم بحث خوبیه .گرافیک و قدرت برنامه نویسی سی همراه بشه با هم.حتی زبان های پیشرفته امزوری هم الان دارند استفاده می کنند از این قدرت مثلا بحث +GDI در #c که اگه بتونید آموزش بدید بسیار مفید هست حتی در ساخت پروژه های معمولی

خب برای شروع نیاز به یک کامپایلر خوب و تحت ویندوز داریم پس برای این کار از کامپایلر "++Dev-C" استفاده میکنیم شما میتوانید ورژن 4.9.9.2 این کامپایلر را از [External Link Removed for Guests] دانلود کنید.

بعد از اینکه دانلود کامپایلر تمام شد نصبش کنید بعد از نصب اجراش کنید. (کامپایلر "++Dev-C" خیلی خوب و قدرتمنده من شخصا تمام برنامه های زبان C و ++C را در این برنامه پیاده سازی میکنم)

محیط کامپایلر "++Dev-C" :



و بعدش از [External Link Removed for Guests] پوشه فشرده شده Libraries دانلود کنید پس از این که دانلود تمام شد پوشه را از حالت فشرده خارج کنید(با نرم افزار WinRAR). داخل این پوشه دو فایل به نام های graphics و libbgi موجود است.

فایل graphics کپی کرده و به محل نصب کامپایلر بروید اگر کامپایلر را در درایو پیش فرض نصب کرده باشید به این آدرس بروید C:\Dev-Cpp\include در غیر این صورت به جایی که کامپایلر را نصب کرده اید بروید و پوشه Include [COLOR=#000000]را باز کرده و فایل  graphics را در داخلش پیست کنید.

بعد از این کار فایل libbgi را کپی کرده و در محل نصب کامپایلر داخل پوشه lib (اگر در داخل پوشه Include قرار دارید برای دیدنش یک بار کلید Back را بزنید) پیست کنید.


خب این مرحله به پایان رسید حالا باید کامپایلر را برای انجام برنامه نویسی آماده کنیم برای این کار مراحل زیر را دنبال کنید :

از منوی Start یا از صفحه Desktop روی Shortcut کامپایلر "++Dev-C" کلیک کنید تا برنامه اجرا شود.

حالا از منوی File گزینه New -> Project را کلیک کرده و از پنجره باز شده گزینه Empty project را انتخاب و در قسمت Project options گزینه C++ Project را تیک زده و Ok کنید (در ضمن میتوانید نامی دلخواه برای فایل Project خودتان انتخاب کنید). بعد از این که Ok کردید پنجره ای جهت ذخیره فایل Project باز میشود فایل را در محلی مناسب ذخیره کنید(سعی کنید در یک پوشه جداگانه باشد).

خب بعد از این که کار ذخیره سازی را انجام دادید به سراغ پنل سمت چپ کامپایلر برید و از تَب Project روی نام فایل Project که ایجاد کردید کلیک راست کرده و گزینه New file را انتخاب کنید یک فایل برای نوشتن کدهای مورد نظر به صورت زیر مجموعه ی فایل Project ایجاد میشود.

بعد از این مرحله از صفحه کلید، کلید Alt + p را فشرده تا پنجره Project options باز شود. از پنجره باز شده تَب Parameters را بزنید و بعد در قسمت ظاهر شده داخل لیست باکس Linker آیتم های زیر را کپی پیست کنید (به همین شکل با خط تیره بدون کمی یا کاستی - اینها یکسری کتابخانه هستند که باید به فایل Project متصل بشن) :

-lbgi
-lgdi32
-lcomdlg32
-luuid
-loleaut32
-lole32

بعد از این کار پنجره را Ok کنید حالا از منوی File گزینه Save (کلیدهای ترکیبی Ctrl + s) را زده و فایلی را که زیر مجموعه فایل Project قرار دادید را در کنار فایل Project خودتان ذخیره کنید(میتوانید نامش را بصورت دلخواه تغییر دهید فقط دست به فرمت فایل نزنید). خب این مرحله نیز به شکر خدا به پایان رسید حالا کامپایلر را ببندید.

خوب دوستان عزیز این مراحل یخورده حوصله بر بود ولی به لطف خدا به پایان رسید با انجام دقیق و صحیح مراحل بالا شما پروژه خود را آماده نوشتن دستورات و توابع گرافیکی کردید.

انشاءالله ادامه آموزش ها در روزهای متوالی ماه مبارک رمضان.

موفق و پیروز باشید دوستان

  الله الرحمن الرحیم

  سلام خدمت شما دوستان عزیز انشاءالله نماز و روزهاتون مورد قبول حق تعالی واقع شده باشد التماس دعا

با بخش دوم از آموزش گرافیک کامپیوتری در زبان برنامه نویسی ++C در خدمتتون هستم. در این قسمت قصد داریم یک View یا Viewport با استفاده از هِدر فایل graphics برای رسم اشکال گرافیکی تولید کنیم.

قبل از انجام هر کاری نیاز به دانستن یکسری اطلاعات جزئی در زمینه گرافیک (2D - دو بعدی) کامپیوتری داریم. در زیر مواردی همراه با توضحیات آورده شده است :

مانیتور گرافیکی (Graphics monitor) :

مانیتورهای مورد استفاده در سیستم های خانگی، مانیتورهای گرافیکی هستند. سطح داخلی صفحه مانیتورها، دارای یک سری سلول هاست که به رنگ های قرمز، سبز و آبی حساس هستند. همچنین هر مانیتور، دارای سطرهای افقی است که با دقت در مانیتور می توانید آنها را ملاحظه کنید. در داخل مانیتور (منظور مانیتور های لامپ اشعه کاتدی است به اختصار CRT)، یک تفنگ الکترونیکی وجود دارد که با حرکت خود منجر به نوشتن داده های تصویری در روی سطح داخل صفحه مانیتور می شود. نوشتن داده های تصویر در مانیتور از چپ به راست و از بالا به پایین صورت می گیرد. به این صورت که تفنگ الکترونیکی از گوشه بالایی سمت چپ مانیتور کار خود را آغاز کرده و پس از تاباندن اشعه به سلول های سطراول، به سطر دوم مانیتور رفته و همین کار را تا سطر آخر ادامه می دهد. سپس تفنگ الکترونیکی دوباره به سطر اول رفته و این روند را تکرار می کند. به این عمل، احیای تصویر (Refresh) می گوییم.توجه نمایید ساختار و فناوری به کار رفته در مانیتورهای LCD و LED با صفحه نمایش CRT کاملا متفاوت است.

نمایی از ساختار لامپ تصویر CRT :




پیکسل (Pixel) :

مخفف واژه های Picture Element است که به معنای عنصر تصویری میباشد. اجزائی که با کنار هم قرار گرفتن، یک تصویر گرافیکی را میسازند یا کوچکترین واحد سازنده تصویر که غالبا بشکل مربع میباشد و حاوی اطلاعات رنگی است. تصویری که توسط پیکسل ایجاد شود بیت مپ (Bitmap) یا رستر(Raster) گفته می شود. هرچه تعداد پیکسل ها بیشتر باشد کیفیت تصویر بالاتر خواهد رفت. پیکسل ها عرض و ارتفاع ندارند(ثابت هستند) و فقط شامل یک سری اطلاعات می باشند. یک تصویر دیجیتال شامل سه مقدار عددی RGB می باشد (آبی،سبز،قرمز) که رنگ را مشخص می کند. در پیکسل هر مقدار از این رنگ ها توسط 8 بیت از اطلاعات مشخص می شوند. 3 ردیف 8 بیتی 24 بیت می شود.در گذشته از پالت های رنگ به جای سه تایی های RGB استفاده میشد. پالت ها شامل 256 رنگ بودند. با پیشرفت تکنولوژی، سه تایی های RGB جایگزین پالت ها شدند و به دلیل افزایش وسعت طیف رنگها( 16 یا 32 میلیون رنگ)، منجر به افزایش قابل ملاحظه ای در کیفیت گرافیک کامپیوتری شدند.
هر 8 بیت می تواند شامل 256 مقدار باشد (0-255) برای مثال (250,160,5) به معنی : قرمز = 250، سبز = 160 و آبی = 5 می باشد که یک پیکسل نارنجی را مشخص می کند.

نمایی از پیکسل ها در یک صفحه نمایش CRT :

  
دوستان توضیحات و مطالب بالا گوشه کوچکی از دنیای گرافیک کامپیوتری بودند. ناگفته نماند در زمینه ی گرافیک کامپیوتری کتاب های زیادی نگاشته شده است و مطالب فراوان و گوناگونی وجود دارد ولی در این جا به همین مطالب اکتفا میکنیم.


خب برگردیم به سراغ کار اصلیمون، برای شروع کامپایلر "++Dev-C" را اجرا کنید. از منوی File گزینه ی Open project or file (کلیدهای ترکیبی Ctrl + O) را کلیک کنید و بعد در پنجره باز شده فایل پروژه ای که در مرحله قبل آماده کردیم را یافته و باز کنید.

توجه : فایل های پروژه ای کامپایلر "++Dev-C" آیکونی بشکل زیر دارند :



پس از اینکه فایل پروژه را باز کردید طبق شکل زیر از پنل سمت چپ برنامه روی تَب Project کلیک کرده تا نام فایل پروژه باز شده نمایان شود حالا روی + کنار اسم فایل پروژه کلیک کنید تا فایل زیر مجموعه پروژه که در قسمت اول ساختیم نمایش یابد و بعد روی آن کلیک کنید تا باز شود :



حالا باید در این فایل قطعه کدهای زیر را وارد کنیم :

[HR]
  <include <graphics.h#

()int main
}
;return 0
{  
[HR]
- دستور اول یک ماکرو است (ماکرو : دستورات پیش پردازنده) که باعث میشه فایل هِدر graphics.h به فایل برنامه ضمیمه بشه تا ما بتوانیم از توابع داخل آن در برنامه خودمان بهره ببریم.
- دستور دوم تابع ()main است که در برنامه های نوشته شده در زبان برنامه نویسی ++C به عنوان بدنه اصلی برنامه شناخته میشود (البته در مواردی استثنائی از این تابع استفاده نمیشود مانند برنامه های نوشته شده توسط Win32 API). هیچ برنامه ای در وجود ندارد که فاقد این تابع باشد. بنابراین، تابع ()main یکی از اجزای مهم برنامه های زبان C به حساب میاید.
- دستور سوم یعنی return 0 باعث میشود اگر برنامه یعنی تابع ()main درست اجرا شد مقداری به سیستم عامل برگردانده شود تا سیستم عامل متوجه گردد که برنامه با موفقیت به پایان رسیده است.

برای این که بتوانیم یک Viewport یا همان پنجره ای برای رسم اشکال گرافیکی تولید کنیم باید از تابعی به اسم ()initwindow استفاده کنیم.(تابع دیگری به اسم ()initgraph موجود است ولی به دلایلی بهتره از این تابع استفاده کنیم)

ساختار پارامترهای ورودی تابع ()initwindow به شکل زیر است :

( int initwindow ([COLOR=#0070c0]int width ,int height ,const char* title ,int left ,int top ,bool dbflag ,bool closeflag 

توضیحات :

[COLOR=#0070c0]width : [COLOR=#0c0c0c]عرض پنجره تولید شده برحسب پیکسل از نوع صحیح ( )

   [COLOR=#0070c0]height :[COLOR=#0c0c0c] طول پنجره تولید شده  [COLOR=#0070c0][COLOR=#0c0c0c] برحسب پیکسل   از نوع صحیح ( )

 [COLOR=#0070c0]title : [COLOR=#0c0c0c]عنوان پنجره تولید شده از نوع رشته ای با تخصیص حافظه ی پویا و بصورت ثابت (  *const char)

[COLOR=#0070c0]left  [COLOR=#0070c0]:[COLOR=#0c0c0c] موقعیت عرضی(  X[COLOR=#0070c0][COLOR=#0c0c0c]) پنجره در صفحه نمایش   از نوع صحیح ( )

 [COLOR=#0070c0]top  [COLOR=#0070c0]:[COLOR=#0c0c0c]   [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت طولی(  Y[COLOR=#0070c0][COLOR=#0c0c0c]) پنجره در صفحه نمایش   از نوع صحیح ( ) 

[COLOR=#0070c0]dbflag  [COLOR=#0070c0]:[COLOR=#0c0c0c] اگر مقدار [COLOR=#0070c0]true بگیرد بصورت اتوماتیک بافری دوبل(دو برابر) به پنجره تولید شده اختصاص میدهد    [COLOR=#0070c0][COLOR=#0c0c0c]از نوع بولی   ( )

 [COLOR=#0070c0]closeflag [COLOR=#0070c0]  [COLOR=#0070c0]:[COLOR=#0c0c0c] اگر مقدار [COLOR=#0070c0]false بگیرد دکمه close پنجره غیر فعال     [COLOR=#0070c0][COLOR=#0c0c0c]از نوع بولی   (  )  



خیلی خب حالا کد تابع مقداردهی شده زیر را بعد از آکولاد باز شده تابع ()main و بالای دستور return 0 قرار دهید :

;( initwindow ([COLOR=#0070c0]400 ,400 ,"Viewport" ,300 ,200 

و بعد از این عمل دستورات زیر را به ترتیب در زیر تابع ()initwindow قرار دهید :

;()getch

;()closegraph

تابع ()getch باعث میشود برنامه پس از اجرا منتظر دریافت کارکتری از صفحه کلید بماند و پنجره تولید شده بصورت آنی بسته نشود.(توجه : اگر کلیدی را از صفحه کلید در حین اجرا بودن برنامه بفشارید برنامه بسته میشود)

تابع ()closegraph این تابع سیستم را از حالت گرافیکی خارج می کند و کلیه حافظه هایی را که در اختیار این کار قرار گرفته است را به سیستم عامل بر میگرداند.(آزاد میکند)

حالا باید کد شما به شکل زیر درآمده باشد :

[HR]
  <include <graphics.h#

()int main
}
;( initwindow (400 ,400 ,"Viewport" ,300 ,200
;()getch
;()closegraph
;return 0
{  
[HR]
پس از انجام دقیق و صحیح مراحل بالا برای دیدن نتیجه کار کلیک F9 را از صفحه کلید بفشارید تا برنامه ای که نوشتید کامپایل و بعد اجرا شود.

نتیجه حاصل از انجام مراحل بالا :



خب خسته نباشید این قسمت نیز به پایان رسید امیدوارم از این آموزش لذت برده باشید.

انشاءالله ادامه آموزش ها در روزهای متوالی ماه مبارک رمضان.

موفق و پیروز باشید دوستان

  الله الرحمن الرحیم

  عرض سلام خدمت دوستان گرامی، نماز روزه هاتون مورد قبول حق تعالی

با بخش سوم از آموزش گرافیک کامپیوتری در زبان برنامه نویسی ++C در خدمتتون هستم. در این قسمت قصد داریم پنجره کنسول (Console window) را غیر فعال کرده و نیز طریقه رسم پیکسل (Pixel) در صفحه نمایش را بیاموزیم.

خب اگر دقت کنید موقع اجرا برنامه ای که در بخش دوم نوشتیم علاوه بر پنجره گرافیکی یک کنسول مشکی رنگ در پشت این پنجره ظاهر میشه. از این کنسول میتوان استفاده های زیادی در برنامه های گرافیکی و غیر گرافیکی کرد ولی شاید بعضی از دوستان از وجود این کنسول راضی نباشند پس برای برطرف کردن این مشکل باید کنسول را مخفی کنیم برای انجام این کار باید دستوارت مشخص شده با رنگ بنفش را به کد برنامه ای که در قسمت قبل نوشتیم اضافه کنیم تا کدمون بشکل زیر در بیاد. برای شروع کار فایل پروژتون که در مراحل قبلی ساختید را باز کنید.(طریقه باز کردن فایل پروژه در مرحله قبل توضیح داده شد) :

[HR]
  define _WIN32_WINNT 0x0500 #
<include <graphics.h#

()int main
}
;()HWND Handle = GetConsoleWindow
;( ShowWindow(Handle ,SW_HIDE
;( initwindow (400 ,400 ,"Viewport" ,300 ,200
;()getch
;()closegraph
;return 0
{  
[HR]
توضیحات :  
  _WIN32_WINNT 0x0500 # : این یک ثابت از نوع ماکرو (ماکروها : دستورات پیش پردازنده هستند) است. برای اینکه بتوانیم از تابع   ()GetConsoleWindow (توجه : این تابع هیچ پارامتر ورودی ندارد) استفاده کنیم نیاز به تعریف این ثابت داریم.

(HWND Handle = GetConsoleWindow([COLOR=#0070c0]void  : با این دستور دستگیره پنجره کنسول (Window handle) جاری را توسط متغیری به اسم Handle که از نوع  [COLOR=#0070c0]HWND (مخفف : Handle , Window)   [COLOR=#000000]است (نوع  HWND [COLOR=#000000]چهار بایت فضاء اشغال میکند و برابر است با نوع       )   در اختیار میگیریم تا بتوانیم کنسول را کنترل کنیم.(توجه : تابع ()GetConsoleWindow از توابع API ویندوز است و در فایل Kernel32.dll ویندوز قرار دارد)

( ShowWindow([COLOR=#0070c0]HWND hWnd ,int nCmdShow  : توسط این تابع پنجره کنسول را کنترل میکنیم به این طریق که متغیر Handle را که در دستور قبل ساختیم و مقداردهی کردیم در پارامتر ورودی اول این تابع قرار میدهیم و از طریق پارامتر دوم همین تابع کنترلش میکنیم. پارامتر ورودی دوم این تابع میتواند مقادیر ثابت از پیش تعیین شده زیر را بپذیرد (توجه : تابع ()ShowWindow از توابع API ویندوز است و در فایل User32.dll ویندوز قرار دارد) :

1 - SW_HIDE : پنجره را مخفی میکند. (معادل عددی این دستور عدد 0 است، یعنی شما میتوانید بجای دستور SW_HIDE از عدد 0 استفاده کنید)

2 - SW_SHOW : پنجره مخفی شده را ظاهر میکند. (معادل عددی این دستور عدد 5 است)

3 - SW_MAXIMIZE : پنجره را تا جایی که ممکن است عریض و بزرگ میکند. (معادل عددی این دستور عدد 3 است)

4 - SW_MINIMIZE : پنجره را کوچک کرده و آن را در نوار وظیفه (Taskbar) قرار میدهد. (معادل عددی این دستور عدد 4 است)

5 - SW_RESTORE : اگر پنجره جاری روی حالات 3 و 4 باشد توسط این دستور به حالت عادی بر میگردد. (معادل عددی این دستور عدد 9 است)

و...

همان طور که ملاحظه میکنید من از دستور اول یعنی SW_HIDE استفاده کردم تا پنجره کنسول هنگام اجرا برنامه مخفی بشه.

بعد از انجام این کارها کلیدهای Ctrl + F9 را همزمان از صفحه کلید بفشارید تا تغییرات جدید اعمال شود.

خب نوبت به رسم پیکسل (Pixel) رسید. برای انجام این کار ما از تابعی به اسم ()putpixel استفاده میکنیم.

ساختار پارامترهای ورودی تابع ()putpixel به شکل زیر است :

( void putpixel([COLOR=#0070c0]int x ,int y ,int color 

توضیحات :

[COLOR=#0070c0]x : [COLOR=#0c0c0c]موقعیت عرضی پیکسل در پنجره گرافیکی برحسب پیکسل از نوع صحیح ( )   
[COLOR=#0070c0]
y : [COLOR=#0c0c0c]موقعیت طولی پیکسل در پنجره گرافیکی برحسب پیکسل از نوع صحیح ( )   

[COLOR=#0070c0]color : [COLOR=#0c0c0c]رنگ پیکسل در پنجره گرافیکی را مشخص میکند که برای این پارامتر میتوانید از اعداد 0 تا 15 استفاده کنید که هر یک، یک رنگ منحصر به فرد تولید میکنند البته بجای این اعداد میتوانید از تابع   ()COLOR [COLOR=#0070c0][COLOR=#0c0c0c]استفاده نمایید که شرح این تابع را در ادامه ی همین آموزش خواهیم گفت و یا میتوانید از مقادیر ثابت زیر استفاده کنید.   [COLOR=#0070c0][COLOR=#0c0c0c]از نوع صحیح  [COLOR=#0070c0][COLOR=#0c0c0c]( )   

[HR]
  [HIGHLIGHT=#00b0f0]     [HIGHLIGHT=#0070c0]BLUE  [HIGHLIGHT=#00b050]GREEN  [HIGHLIGHT=#00b0f0]CYAN [HIGHLIGHT=#00b0f0]  [HIGHLIGHT=#00b0f0]  

[HIGHLIGHT=#d8d8d8]   RED  [HIGHLIGHT=#5f497a]MAGENTA  [HIGHLIGHT=#938953]BROWN  [HIGHLIGHT=#d8d8d8]LIGHTGRA [HIGHLIGHT=#d8d8d8]Y [HIGHLIGHT=#d8d8d8]  

[HIGHLIGHT=#b8cce4]  [HIGHLIGHT=#7f7f7f]DARKGRAY  [HIGHLIGHT=#548dd4] [HIGHLIGHT=#548dd4]  [HIGHLIGHT=#92d050]LIGHTGREEN  [HIGHLIGHT=#b8cce4] 

      [HIGHLIGHT=#d99694]LIGHTRED  [HIGHLIGHT=#b2a2c7]LIGHTMAGENTA  [HIGHLIGHT=#ffff00]YELLOW        
[HR]
ساختار پارامترهای ورودی تابع ()COLOR به شکل زیر است :

( int putpixel([COLOR=#0070c0]int r ,int g ,int b 

توضیحات :

[COLOR=#0070c0]r : [COLOR=#0c0c0c]تعیین رنگ قرمز در رنگ اصلی، عددی بین 0 تا 255(256 رنگ) از نوع صحیح ( )   

[COLOR=#0070c0]g :  [COLOR=#0070c0][COLOR=#0c0c0c]تعیین رنگ سبز در رنگ اصلی، عددی بین 0 تا 255(256 رنگ) از نوع صحیح ( )   

[COLOR=#0070c0]b :  [COLOR=#0070c0][COLOR=#0c0c0c]تعیین رنگ آبی در رنگ اصلی، عددی بین 0 تا 255(256 رنگ) از نوع صحیح ( )   


خب حالا مثال هایی از مطالب بالا میزنیم :

مثال اول : رسم یک پیکسل سبز رنگ در حالت عادی (کد رنگ بنفش)

[HR]
   define _WIN32_WINNT 0x0500 #
<include <graphics.h#

()int main
}
;()HWND Handle = GetConsoleWindow
;( ShowWindow(Handle ,SW_HIDE
;( initwindow (400 ,400 ,"Viewport" ,300 ,200
[COLOR=#7030a0];( 10, 200, 300)putpixel  
;()getch
;()closegraph
;return 0
[COLOR=#c00000] {     اجرای کد بالا :



[HR]

مثال دوم : رسم یک پیکسل زرد رنگ با رنگ های جعبه رنگ (کد رنگ بنفش)

[HR]
    define _WIN32_WINNT 0x0500 #
<include <graphics.h#

()int main
}
;()HWND Handle = GetConsoleWindow
;( ShowWindow(Handle ,SW_HIDE
;( initwindow (400 ,400 ,"Viewport" ,300 ,200
;( putpixel(300 ,200 ,YELLOW
;()getch
;()closegraph
;return 0
[COLOR=#c00000] {     اجرای کد بالا :



[HR]

مثال سوم : رسم یک پیکسل سفید رنگ با رنگ تولید شده توسط تابع ()COLOR (کد رنگ بنفش)

[HR][HR]
    define _WIN32_WINNT 0x0500 #
<include <graphics.h#

()int main
}
;()HWND Handle = GetConsoleWindow
;( ShowWindow(Handle ,SW_HIDE
;( initwindow (400 ,400 ,"Viewport" ,300 ,200
;( (255,255,255)putpixel(300 ,200 ,COLOR
;()getch
;()closegraph
;return 0
[COLOR=#c00000] {     اجرای کد بالا :



[HR]

حالا یک مثال جالب : رسم نقاط اتصال ضلع های یک 5 ضلعی توسط یک آرایه دو بعدی(ماتریس) و تابع ()putpixel :

[HR]
 define _WIN32_WINNT 0x0500 #
<include <graphics.h#

()int main
}
;()HWND Handle = GetConsoleWindow
;( ShowWindow(Handle ,SW_HIDE
;( initwindow (400 ,400 ,"Viewport" ,300 ,200

{300,150}} = [int Points[5][2
{250,200},
{350,200},
{270,250},
;{{330,250},

[COLOR=#7030a0];( [COLOR=#7030a0]++ [COLOR=#7030a0]for( int a=0; a<5; a 
;( putpixel(Points[a][0] ,Points[a][1] ,14

;()getch
;()closegraph
;return 0
[COLOR=#c00000] {   اجرای کد بالا :



[HR]
در صورت داشتن مشکل میتوانید به بنده پیام خصوصی بزنید تا کمکتان کنم.

خب دوستان خسته نباشید این قسمت نیز به پایان رسید. مبحث گرافیک کامپیوتری اونم با زبان قدرتمند ++C خیلی شیرینه در ضمن دوستان اگر فرصتی بود بعد از این سری آموزش ها، آموزش OpenGL در ++C را نیز شروع میکنیم که خیلی جالبه. امیدوارم از این آموزش لذت برده باشید.

التماس دعا در این روزهای عزیز

انشاءالله ادامه آموزش ها در روزهای متوالی ماه مبارک رمضان.

موفق و پیروز باشید دوستان

توجه : هر گونه کپی برداری از این تایپک و مطالب آموزشی آن تنها با درج نام سایت [COLOR=#ffc000]www.centralclubs.com مجاز است. با تشکر فراوان از  .

سلام دوستان

متاسفانه نحوه چیدمان متن کدها(کدهای قرار گرفته در بین دو خط) فقط در مرورگر فایرفاکس بدرستی قابل دیدنه ولی در بقیه مرورگرها دچار بهم ریختگی میشه، سعی میکنم در ادامه آموزش ها کدها را بصورت عکس آپلود کنم تا قابل فهم باشه و مشکلی در اجرای برنامه ها پیش نیاد.

با تشکر از شما

  الله الرحمن  
با عرض سلام خدمت دوستان عزیز

با بخش چهارم از آموزش گرافیک کامپیوتری در زبان برنامه نویسی ++C در خدمتتون هستم. در این قسمت قصد داریم نحوه رسم یک دایره(Circle)، مارپیچ(Helix) و یک تابش ساده(Glow) را با استفاده از تابع ()putpixel بیاموزیم.

برای شروع کامپایلر مورد نظر را باز کرده و فایل پروژتون را باز کنید (تمامی این مراحل در بخش های قبلی گفته شد).


مثال اول : رسم یک دایره تو خالی توسط توابع ()cos() ، sin و تابع ()putpixel :

[HR]
   
توضیحات کدهای شماره گذاری شده در تصویر :

دستور 1 : این دستور هِدر فایل math را به برنامه ضمیمه میکند تا ما بتوانیم از توابع ()cos() ، sin استفاده کنیم. توجه این هِدر فایل شامل توابع مهم ریاضی است در ضمن شما میتوانید توابع استاندارد ریاضی خود را به آن بیافزایید و آن را در برنامه هایتان صدا بزنید.

دستور 2 : در این دستور چند متغیر با نام های مشخص(نکته : همیشه سعی کنید نام هایی برای متغیرها در برنامه انتخاب کنید که کارایی آن متغیر را بیان کند این کار باعث میشه خوانایی برنامتون بالا بره) از نوع صحیح (int) تعریف کردیم که کار کردشان به شرح زیر است :

X_Position : موقعیت عرضی نقطه مرکز دایره را مشخص میکند.

Y_Position : موقعیت طولی نقطه مرکز دایره را مشخص میکند.

X : موقعیت عرضی هر یک از پیکسل های تولید کننده دایره را مشخص میکند.(توجه این متغیر توسط خود برنامه مقداردهی میشود)

Y : موقعیت طولی هر یک از پیکسل های تولید کننده دایره را مشخص میکند.(توجه این متغیر توسط خود برنامه مقداردهی میشود)

Radius : شعاع دایره را مشخص میکند.


دستور 3 : یک حلقه For که اَندیس آن از 0 (درجه) شروع شده و شرط آن تا زمانی است که اَندیس به مقدار 360(درجه) برسه، گام حلقه هم مقدار کمتر یک دادیم چون باعث میشه فاصله بین هر دو تا پیکسل کم بشه و پیکسل ها بهم نزدیک بشن.

دستور 4 : شروع دستورات درون حلقه.

دستور 5 : این دستور در واقع یک فرمول ریاضی است که باعث میشه موقعیت عرضی(X) هر یک از پیکسل های سازنده دایره(Circle) مشخص و تولید بشه.(توجه متغیر Degree(درجه) توسط حلقه در حال تغییره).

دستور 6 : این دستور در واقع یک فرمول ریاضی است که باعث میشه موقعیت طولی(Y) هر یک از پیکسل های سازنده دایره(Circle) مشخص و تولید بشه.(توجه متغیر Degree(درجه) توسط حلقه در حال تغییره).

دستور 7 : در این دستور تابع ()putpixel را با مقادیری که در فرمول های بالا به دست آموردیم مقداردهی میکنیم تا شروع به رسم پیکسل نماید(توجه این دستور حتما باید داخل حلقه For قرار گیرد).

دستور 8 : پایان دستورات درون حلقه.

توجه : من در این مثال فراموش کردم بعد تابع ()getch، تابع ()closegraph را برای آزاد کردن فضای اختصاص یافته به این کار را قرار بدم شما حتما این تابع را به دستورات اضافه کنید.

نتیجه اجرای دستورات بالا :



[HR][HR]



مثال دوم : رسم یک مارپیچ توسط توابع ()cos() ، sin و تابع ()putpixel :

[HR]
   
توضیحات کدهای شماره گذاری شده در تصویر :

دستور 1 : در اینجا متغیر Radius را نیز به حلقه For اضافه کرده ایم(توجه کنید متغیر بیرون از حلقه حذف شده است) تا بصورت اتوماتیک مقدارش افزایش یابد در ضمن هر چه گام متغیر Radius را کم و زیاد کنید مارپیچ کوچک یا بزرگ میشود.

دستور 2 : شروع دستورات درون حلقه.

دستور 3 : این دستور در واقع یک فرمول ریاضی است که باعث میشه موقعیت عرضی(X) هر یک از پیکسل های سازنده مارپیچ(Helix) مشخص و تولید بشه البته برای تولید مارپیچ به قسمت Degree * 3.14 / 180 نیاز است مگر نه نتیجه کار چیز دیگری میشه.(توجه متغیر Degree(درجه) توسط حلقه در حال تغییره).

دستور 4 : این دستور در واقع یک فرمول ریاضی است که باعث میشه موقعیت طولی(Y) هر یک از پیکسل های سازنده مارپیچ(Helix) مشخص و تولید بشه البته برای تولید مارپیچ به قسمت Degree * 3.14 / 180 نیاز است مگر نه نتیجه کار چیز دیگری میشه.(توجه متغیر Degree(درجه) توسط حلقه در حال تغییره).

دستور 5 : پایان دستورات درون حلقه.

توجه : من در این مثال فراموش کردم بعد تابع ()getch، تابع ()closegraph را برای آزاد کردن فضای اختصاص یافته به این کار را قرار بدم شما حتما این تابع را به دستورات اضافه کنید.

نتیجه اجرای دستورات بالا (مارپیچ با سه دور 360 درجه -> 1080 درجه) :



[HR]



مثال سوم : رسم یک تابش(Glow) توسط حلقه های For پیازی(تودرتو)، توابع ()cos() ، sin و تابع ()putpixel :

[HR]
 
 
توضیحات :

تمام فرآیند ساخت این تابش توسط حلقه خارجی کنترل میشه چه در بلور(Blur) شدن تابش(Glow) و چه در رسم دایره های پی در پی با شعاع های متفاوت. سعی کنید این الگوریتم را ردیابی(Trace) کنید. در ضمن توسط گام حلقه خارجی یعنی Radius+=0.1 شما میتوانید کیفیت(Quality) تابش(Glow) را کم یا زیاد کنید. مثلا مقدار Radius+=0.9 باعث میشود کیفیت تابش به پایین ترین حد خود برسد امتحانش کنید و نتیجه را ببینید.

نتیجه اجرای دستورات بالا با کیفیت 0.1 :



[HR]
خب این قسمت از آموزش ها نیز به پایان رسید امیدوارم لذت برده باشید. در قسمت های بعدی سعی میکنم توابع دیگر و کاربرد هایشان را بازگو کنم.

انشاءالله ادامه آموزش ها در روزهای متوالی ماه مبارک رمضان.

موفق و پیروز باشید دوستان

توجه : هر گونه کپی برداری از این تایپک و مطالب آموزشی آن تنها با درج نام سایت [COLOR=#ffc000]www.centralclubs.com مجاز است. با تشکر فراوان از  .

  الله الرحمن الرحیم

  عرض سلام خدمت شما دوستان گرامی، تاعات و عبادات شما مورد قبول حق تعالی

با بخش پنجم از آموزش گرافیک کامپیوتری در زبان برنامه نویسی ++C در خدمتتون هستم. در این بخش میخواهیم چندین توابع از پیش نوشته شده موجود در هِدر فایل graphics که برای رسم خط(Line)، مستطیل(Rectangle)، دایره(Circle)، بیضی(Ellipse)، کمان(Arc) و چند ضلعی(Polygon) استفاده میشوند را مورد بررسی قرار دهیم و کاربرد دو تابع ()setcolor و ()cleardevice را نیز شرح دهیم. در ضمن آموزش ساخت یک طیف رنگی(Gradient، حتما در نرم افزار فتوشاپ دیدیدش) را نیز بیاموزیم.

خب دوستان کامپایلر مورد نظر را برای برنامه نویسی آماده کنید(برای اطلاعات بیشتر به بخش های قبلی مراجعه کنید).

[HR]
   
توضیحات دستورات بالا :

دستور 1 : از تابع ()line جهت رسم خط استفاده میشود که پارامترهای ورودی آن به شرح زیر است :

 ( void line([COLOR=#0070c0]int x1 ,int y1 ,int x2 ,int y2  

[COLOR=#0070c0]x1 : [COLOR=#0c0c0c]موقعیت عرضی نقطه اول تشکیل دهنده ی پاره خط از نوع صحیح ( )

   [COLOR=#0070c0]y1 :[COLOR=#0c0c0c]   [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت طولی نقطه اول تشکیل دهنده ی پاره خط از نوع صحیح ( )   

[COLOR=#0070c0]x2 : [COLOR=#0c0c0c]موقعیت عرضی نقطه دوم تشکیل دهنده ی پاره خط از نوع صحیح ( )

   [COLOR=#0070c0]y2 :[COLOR=#0c0c0c]   [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت طولی نقطه دوم تشکیل دهنده ی پاره خط از نوع صحیح ( )   



دستور 2 : از تابع ()rectangle جهت رسم مستطیل و مربع استفاده میشود که پارامترهای ورودی آن به شرح زیر است :

 ( void rectangle([COLOR=#0070c0]int left, int top, int right, int bottom  

 [COLOR=#0070c0]left  [COLOR=#0070c0] : [COLOR=#0c0c0c]موقعیت عرضی نقطه بالا سمت چپ شکل از نوع صحیح ( )

    [COLOR=#0070c0]top  [COLOR=#0070c0] :[COLOR=#0c0c0c]   [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت طولی نقطه بالا سمت چپ شکل از نوع صحیح ( )   

 [COLOR=#0070c0]right  [COLOR=#0070c0] :  [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت عرضی نقطه پایین سمت راست شکل از نوع صحیح ( )   [COLOR=#0070c0][COLOR=#0c0c0c]

   [COLOR=#0070c0]bottom  [COLOR=#0070c0] :[COLOR=#0c0c0c]   [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت طولی نقطه پایین سمت راست شکل از نوع صحیح ( )   [COLOR=#0070c0][COLOR=#0c0c0c]
  


دستور 3 : از تابع ()circle جهت رسم دایره استفاده میشود که پارامترهای ورودی آن به شرح زیر است :

 ( void circle  ([COLOR=#0070c0]int x ,int y ,int radius  

 [COLOR=#0070c0]x  [COLOR=#0070c0] : [COLOR=#0c0c0c]موقعیت عرضی نقطه مرکز شکل دایره از نوع صحیح ( )

    [COLOR=#0070c0]y  [COLOR=#0070c0] :[COLOR=#0c0c0c]   [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت طولی نقطه مرکز شکل دایره از نوع صحیح ( )   

 [COLOR=#0070c0]radius  [COLOR=#0070c0] :  [COLOR=#0070c0][COLOR=#0c0c0c]شعاع شکل دایره از نوع صحیح ( )   [COLOR=#0070c0][COLOR=#0c0c0c]
  [COLOR=#0070c0][COLOR=#0c0c0c]
  

دستور 4 : از تابع ()ellipse جهت رسم بیضی استفاده میشود که پارامترهای ورودی آن به شرح زیر است :

 ( void ellipse([COLOR=#0070c0]int x, int y, int stangle, int endangle, int xradius, int yradius  

 [COLOR=#0070c0]x  [COLOR=#0070c0] :  [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت عرضی نقطه مرکز شکل   [COLOR=#0070c0][COLOR=#0c0c0c]بیضی   [COLOR=#0070c0][COLOR=#0c0c0c]از نوع صحیح ( )   [COLOR=#0070c0][COLOR=#0c0c0c]

   [COLOR=#0070c0]y  [COLOR=#0070c0] :[COLOR=#0c0c0c]   [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت طولی نقطه مرکز شکل بیضی از نوع صحیح ( )   

 [COLOR=#0070c0]stangle  [COLOR=#0070c0] :  [COLOR=#0070c0][COLOR=#0c0c0c]درجه شروع([COLOR=#0070c0]Start angle) رسم خط سازنده شکل بیضی از نوع صحیح(int)   [COLOR=#0070c0][COLOR=#0c0c0c]

   [COLOR=#0070c0]endangle  [COLOR=#0070c0] :[COLOR=#0c0c0c]   [COLOR=#0070c0][COLOR=#0c0c0c]درجه پایان([COLOR=#0070c0]End angle) رسم خط سازنده شکل بیضی از نوع صحیح(int)   [COLOR=#0070c0][COLOR=#0c0c0c]

   [COLOR=#0070c0]xradius  [COLOR=#0070c0] :[COLOR=#0c0c0c]   [COLOR=#0070c0][COLOR=#0c0c0c]شعاع افقی شکل بیضی از نوع صحیح ( )   [COLOR=#0070c0][COLOR=#0c0c0c]

   [COLOR=#0070c0]yradius  [COLOR=#0070c0] :[COLOR=#0c0c0c]   [COLOR=#0070c0][COLOR=#0c0c0c]شعاع عمودی شکل بیضی از نوع صحیح ( )   [COLOR=#0070c0][COLOR=#0c0c0c]
  [COLOR=#0070c0][COLOR=#0c0c0c]
  

دستور 5 : از تابع ()arc جهت رسم کمان استفاده میشود که پارامترهای ورودی آن به شرح زیر است :

 ( void arc([COLOR=#0070c0]int x, int y, int stangle, int endangle, int radius  

 [COLOR=#0070c0]x  [COLOR=#0070c0] :  [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت عرضی نقطه مرکز شکل کمان   [COLOR=#0070c0][COLOR=#0c0c0c]از نوع صحیح ( )   [COLOR=#0070c0][COLOR=#0c0c0c]

   [COLOR=#0070c0]y  [COLOR=#0070c0] :[COLOR=#0c0c0c]   [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت طولی نقطه مرکز شکل   [COLOR=#0070c0][COLOR=#0c0c0c]کمان   [COLOR=#0070c0][COLOR=#0c0c0c]از نوع صحیح ( )   

 [COLOR=#0070c0]stangle  [COLOR=#0070c0] :  [COLOR=#0070c0][COLOR=#0c0c0c]درجه شروع([COLOR=#0070c0]Start angle) رسم خط سازنده شکل    [COLOR=#0070c0][COLOR=#0c0c0c]کمان   [COLOR=#0070c0][COLOR=#0c0c0c]از نوع صحیح( )   [COLOR=#0070c0][COLOR=#0c0c0c]

   [COLOR=#0070c0]endangle  [COLOR=#0070c0] :[COLOR=#0c0c0c]   [COLOR=#0070c0][COLOR=#0c0c0c]درجه پایان([COLOR=#0070c0]End angle) رسم خط سازنده شکل    [COLOR=#0070c0][COLOR=#0c0c0c]کمان   [COLOR=#0070c0][COLOR=#0c0c0c]از نوع صحیح( )   [COLOR=#0070c0][COLOR=#0c0c0c]

   [COLOR=#0070c0]radius  [COLOR=#0070c0] :[COLOR=#0c0c0c]   [COLOR=#0070c0][COLOR=#0c0c0c]شعاع شکل کمان از نوع صحیح ( )   [COLOR=#0070c0][COLOR=#0c0c0c]



  دستور 6 : یک آرایه تَک بُعدی(List)[COLOR=#0070c0][COLOR=#0c0c0c] است که اگر دقت کنید طول آرایه مشخص نشده است([COLOR=#0070c0][  آرایه]    int Points[COLOR=#0070c0][COLOR=#0c0c0c]) به این نوع آرایه ها، آرایه با طول نامشخص میگویند.(توجه : این نوع آرایه بصورت اتوماتیک تعداد عنصرهای خود را تشخیص داده و متناسب با آن حافظه([COLOR=#0070c0]RAM) مورد نیاز را تخصیص میدهد).در این مثال این آرایه مقداردهی اولیه شده است، به ترتیب از اولین عنصر تا آخرین عنصر آرایه دوتا دوتا موقعیت عرضی(x) و طولی(y) یک نقطه هستند پس با این حساب ما در اینجا 6 نقطه مشخص داریم.


   
دستور 7 : از تابع ()drawpoly جهت رسم چند ضلعی از جمله مثلث استفاده میشود که پارامترهای ورودی آن به شرح زیر است :

 ( void drawpoly  ([COLOR=#0070c0]int n_points, int* points  

 [COLOR=#0070c0]n_points  [COLOR=#0070c0] : [COLOR=#0c0c0c][COLOR=#0c0c0c]تعداد نقاط سازنده ی چند ضلعی از نوع صحیح (int)

    [COLOR=#0070c0]points  [COLOR=#0070c0] : [COLOR=#0c0c0c]آرایه ای که در دستور بالایی ساختیم و مقداردهی کردیم را باید اینجا صدا بزنیم تا تابع   ()drawpoly [COLOR=#0c0c0c]نقاط تعیین شده را رسم و بین آنها با خط ارتباط برقرار کند.(ستاره ای که بعد از نوع آرایه آمده است نشان دهنده این است که این پارامتر اشاره گر([COLOR=#0070c0]Pointer) است) از نوع   [COLOR=#0070c0][COLOR=#0c0c0c] ( )   



نتیجه اجرای دستورات بالا :


[COLOR=#0070c0][COLOR=#0c0c0c]
  [HR]  


حالا نوبت به توضیح توابع ()setcolor و ()cleardevice میرسه :

[HR][HR] 
 
توضیحات دستورات بالا :

دستور 1 : اگر خوب در توابع توضیح داده شده مثال بالا دقت کرده باشید متوجه شدید که در این توابع پارامتری برای تنظیم رنگ شکل در نظر گرفته نشده است پس باید راهی برای تنظیم رنگ این شکل ها وجود داشته باشد، راه حل استفاده از تابع ()setcolor قبل از رسم یک شکل است و اگر ما قبل هر یک از توابع بالا که برای رسم اشکال اصلی هندسی استفاده میشوند از این تابع استفاده کنیم رنگ شکل تنظیم میشود. پارامتر ورودی این تابع به شرح زیر است(توجه تابع ()COLOR که در پارامتر ورودی تابع ()setcolor قرار گرفته است در بخش سوم توضیح داده شد) :

 ( void circle  ([COLOR=#0070c0]int color  

 [COLOR=#0070c0]color  [COLOR=#0070c0] : [COLOR=#0c0c0c]از این پارامتر برای تعیین رنگ استفاده میشود. از نوع صحیح ( )



   دستور 2 : همان طور که مشاهده میکنید این دستور غیر فعال است(بصورت کامنت درج شده است، برای درج کامنت در زبان C و ++C میتوانید از علامت های دابل اِسلَش و اِسلَش ستاره برای شروع و از ستاره اِسلَش برای پایان توضیحات استفاده کنید مثال : Your comment // و /* Your comment */ توصیه من به دوستان این است که همیشه در داخل برنامه هاشون از توضیحات استفاده کنند مخصوصاً در برنامه های بزرگ چون این کار باعث میشه خوانایی برنامشون بالا بره) ولی اگر اون دوتا اِسلَش( // ) قبل از دستور را بردارید تابع شناخته میشود و توسط کامپایلر ترجمه و به کد اصلی برنامه اضافه میشود.خب کاربرد این تابع چیست؟ تابع ()cleardevice کل پنجره گرافیکی را پاک و موقعیت جاری را به (0,0) منتقل میکند. من در این مثال از اجرای کردن این تابع صرف نظر کردم شما حتما امتحانش کنید، در قسمت های بعد برای ساخت پویانمایی(Animation) لازمش داریم.


نتیجه ی اجرای دستورات بالا :



[HR]


رسیدیم سراغ ساخت طیف رنگ(Gradient) :

[HR]
    :

الگوریتم بالا تشکیل شده از حلقه های For پیازی(Nested loop حلقه های تو در تو) و اَندیس هر دو حلقه از 0 شروع به افزایش کرده تا شرط حلقه نقض شود و چون ما در تابع ()COLOR برای هر رنگ مجاز به وارد کردن عددی بین 0 تا 255 بودیم(256 رنگ متفاوت) شرط پایان حلقه ها را 255 گذاشتیم که سرجمع میشه 256(خود صفر هم حساب میشه)، تابع ()putpixel هم متناسب با مقادیر b , a شروع به رسم پیکسل های ردیفی میکند و چون طول(Height) و عرص(Width) پنجره را مقدار 256 قرار دادیم کل پنجره را پر میکند.(توجه : این طیف رنگی(Gradient) شامل 65536 رنگ متفاوت است، 65536 = 256 * 256)

نتیجه اجرای دستورات بالا :



[HR]
خب دوستان خسته نباشید این بخش نیز به پایان رسید، هِدر فایل graphics دارای توابع گرافیکی زیادی است و ما سعی میکنیم در اینجا پر کاربرد ترین آنها و تکنیک های ساده گرافیک دوبعدی(2D) کامپیوتری را بیان کنیم البته در طول آموزش های پی در پی. امیدوارم از این آموزش لذت برده باشید.

نکته : تصاویر آپلود شده در مرورگر فایرفاکس مقداری از سایز اصلی کوچکتر نشان داده میشن به همین خاطر دوستانی که از این مرورگر استفاده میکنند برای دیدن تصاویر در اندازه اصلی باید روی آنها کلیک راست کرده و گزینه View Image را انتخاب کنند.

انشاءالله ادامه آموزش ها در طول ماه مبارک رمضان.

موفق و پیروز باشید دوستان

توجه : هر گونه کپی برداری از این تایپک و مطالب آموزشی آن تنها با درج نام سایت [COLOR=#ffc000]www.centralclubs.com مجاز است. با تشکر فراوان از  .

  الله الرحمن الرحیم

  عرض سلام خدمت شما دوستان گرامی، نماز و روزهاتون مورد قبول حق تعالی انشاءالله

با بخش ششم از آموزش گرافیک کامپیوتری در زبان برنامه نویسی ++C در خدمتتون هستم. در این قسمت میخواهیم روش تولید متن(Text) در پنجره گرافیکی، تعیین سبک(Style) و تراز بندی(Alignment) آن توسط سه تابع ()settextstyle() ، outtextxy و ()settextjustify، تعیین موقعیت(Position) پنجره گرافیکی در مرکز صفحه نمایش با ترکیب یک تابع A[COLOR=#0070c0]pplication Programming Interface ) API) و یک فرمول ساده را بیاموزیم.

خب کامپایلر "++Dev-C" را برای برنامه نویسی آماده کنید(برای اطلاعات بیشتر در این زمینه به بخش های قبلی مراجعه کنید).


تولید متن(Text) ، تعیین سبک(Style) و تراز بندی(Alignment) آن :

[HR]
  
توضیحات دستورات بالا :

دستور 1 : توسط تابع ()settextstyle    از تولید متن میتوانید نوع فونت، چیدمان متن(افقی(Horizontal) یا عمودی(Vertical)) و سایز رشته متن را تعیین کنید که پارامترهای ورودی آن به شرح زیر است :

 [COLOR=#0c0c0c]الگوی تابع :    ( void settextstyle([COLOR=#0070c0]int font ,int direction ,int charsize  

 [COLOR=#0070c0]font  [COLOR=#0070c0] : [COLOR=#0c0c0c]تعیین نوع الگوی فونت که میتواند عددی باشد از 0 تا 10(توجه : این مقادیر عددی دارای ثابت هایی نیز هستند که از توضیح آن ها صرف نظر میکنیم). از نوع صحیح ( )   

 [COLOR=#0070c0]direction  [COLOR=#0070c0] : [COLOR=#0c0c0c]تعیین جهت نمایش رشته متنی که میتواند ثابت های زیر را بپذیرد : از نوع صحیح ( )

HORIZ_DIR    [COLOR=#0070c0][COLOR=#0c0c0c]: نمایش متن به صورت افقی(  Horizontal[COLOR=#0070c0][COLOR=#0c0c0c]) - [معادل عددی : 0 ]  
[COLOR=#0070c0][COLOR=#0c0c0c]
VERT_DIR : نمایش متن به صورت عمودی(  Vertical[COLOR=#0070c0][COLOR=#0c0c0c]) - [معادل عددی : 1 ]

   [COLOR=#0070c0]charsize  [COLOR=#0070c0] : [COLOR=#0c0c0c]تعیین سایز رشته متنی   [COLOR=#0070c0][COLOR=#0c0c0c]که میتواند عددی باشد از 0 تا 10  [COLOR=#0070c0][COLOR=#0c0c0c]. از نوع صحیح ( )   
[COLOR=#0070c0][COLOR=#0c0c0c]
   [COLOR=#0070c0]
  
دستور 2 : توسط تابع ()settextjustify    از تولید متن میتوانید نوع ترازبندی رشته متنی را نسبت به موقعیت جاری پنجره گرافیکی(بعدا توضیح داده میشود) تعیین کنید که پارامترهای ورودی آن به شرح زیر است :

 [COLOR=#0c0c0c]الگوی تابع : ( void settextjustify ([COLOR=#0070c0]int horiz, int vert  

 [COLOR=#0070c0]horiz  [COLOR=#0070c0] : [COLOR=#0c0c0c]تعیین ترازبندی رشته متنی در حالت   [COLOR=#0070c0][COLOR=#0c0c0c]افقی(  Horizontal[COLOR=#0070c0][COLOR=#0c0c0c])  [COLOR=#0070c0][COLOR=#0c0c0c]. از نوع صحیح ( )   

 [COLOR=#0070c0]vert  [COLOR=#0070c0] : [COLOR=#0c0c0c]تعیین ترازبندی رشته متنی در حالت عمودی  [COLOR=#0070c0][COLOR=#0c0c0c](  Vertical[COLOR=#0070c0][COLOR=#0c0c0c])  [COLOR=#0070c0][COLOR=#0c0c0c]. از نوع صحیح ( )   

دو پارامتر بالا میتوانند مقادیر ثابت زیر را بپذیرند :

[COLOR=#0070c0][COLOR=#0c0c0c]LEFT_TEXT :   موقیعت جاری در سمت چپ متن باشد.[معادل عددی : 0 ]

CENTER[COLOR=#0070c0][COLOR=#0c0c0c]_TEXT :   موقیعت جاری در مرکز متن باشد.[معادل عددی : 1 ]

RIGHT[COLOR=#0070c0][COLOR=#0c0c0c]_TEXT :   موقیعت جاری در سمت راست متن باشد.[معادل عددی : 2 ]

BOTTOM[COLOR=#0070c0][COLOR=#0c0c0c]_TEXT :   موقیعت جاری در پایین متن باشد.[معادل عددی : 3 ]

TOP[COLOR=#0070c0][COLOR=#0c0c0c]_TEXT :   موقیعت جاری در بالای متن باشد.[معادل عددی : 4 ]



دستور 3 : توسط تابع ()outtextxy میتوانید متن مورد نظر خود را در موقعیت تعیین شده در پنجره گرافیکی نمایش دهید که پارامترهای ورودی آن به شرح زیر است :

 [COLOR=#0c0c0c]الگوی تابع : ( void outtextxy ([COLOR=#0070c0]int x, int y, char *textstring  

 [COLOR=#0070c0]x  [COLOR=#0070c0] : [COLOR=#0c0c0c]تعیین موقعیت عرضی متن در پنجره گرافیکی.  [COLOR=#0070c0][COLOR=#0c0c0c] از نوع صحیح ( )   

 [COLOR=#0070c0]y  [COLOR=#0070c0] :  [COLOR=#0070c0][COLOR=#0c0c0c]تعیین موقعیت طولی متن در پنجره گرافیکی.  [COLOR=#0070c0][COLOR=#0c0c0c] از نوع صحیح ( )   

 [COLOR=#0070c0]textstring  [COLOR=#0070c0] :  [COLOR=#0070c0][COLOR=#0c0c0c]تعیین رشته مورد نظر برای نمایش در پنجره گرافیکی.  [COLOR=#0070c0][COLOR=#0c0c0c] از نوع رشته ای (اشاره گر، تخصیص حافظه بصورت پویا)( )   


نتیجه ی اجرای دستورات بالا :



[HR]  

تعیین موقعیت(Position) پنجره گرافیکی(Viewport) در مرکز صفحه نمایش :

[HR]
   دستورات بالا :

دستور 1 : طول و عرض پنجره گرافیکی(Viewport) را در دو ثابت با نام های Viewport Height)VpH) و Viewport Width)VpW) از نوع صحیح قرار میدهیم.



دستور 2 : در این قسمت 4 متغیر از نوع صحیح تعریف میکنیم. دو متغیر اول برای نگهداری طول و عرض کل صفحه نمایش و دو متغیر دوم برای نگهداری موقعیت مرکزی صفحه نمایش استفاده میشوند.



دستور 3 : در اینجا توسط یکی از توابع API به اسم ()GetSystemMetrics (در ادامه جزئیات این تابع بازگو میشود) عرض کل صفحه نمایش را به دست میاوریم و در متغیر مورد نظر میریزیم.



دستور 4 : در اینجا توسط یکی از توابع API به اسم ()GetSystemMetrics (در ادامه جزئیات این تابع بازگو میشود) طول کل صفحه نمایش را به دست میاوریم و در متغیر مورد نظر میریزیم.


شرح پارامتر ورودی تابع ()GetSystemMetrics :

 [COLOR=#0c0c0c]الگوی تابع : ( int WINAPI GetSystemMetrics ([COLOR=#0070c0]int nIndex  

 [COLOR=#0070c0]nIndex  [COLOR=#0070c0] :  این پارامتر ورودی میتواند مقادیر ثابت زیادی را بپذیرد و در عوض مقادیری از نوع صحیح (int) را بر میگرداند. من دو ثابت زیر را مورد استفاده قرار دادم و دو متغیر مورد نظر را مقداردهی کردم. از نوع صحیح(int)

SM_CXSCREEN : این ثابت عرض صفحه نمایش را بر حسب پیکسل(Pixel) بر میگرداند.(معادل عددی : 0 )

SM_CYSCREEN : این ثابت طول صفحه نمایش را بر حسب پیکسل(Pixel) بر میگرداند.(معادل عددی : 1 )



دستور 5 : در این دستور ما عرض کل صفحه نمایش را نصف کرده و از نصف عرض پنجره گرافیکی کم میکنیم تا موقعیت عرضی(X) پنجره گرافیکی را در صفحه نمایش به دست بیاوریم و در متغیر مورد نظر میریزیم.



دستور 6 : در این دستور ما طول کل صفحه نمایش را نصف کرده و از نصف طول پنجره گرافیکی کم میکنیم تا موقعیت طولی(Y) پنجره گرافیکی را در صفحه نمایش به دست بیاوریم و در متغیر مورد نظر میریزیم.(توجه : همان طور که می بینید مقدار 15 از فرمول کم شده که این نیز مقدار نصف طول قسمت عنوان پنجره گرافیکی است، در Win 7 ,Win XP و...)



دستور 7 : در اینجا دو پارامتر left و top تابع ()initwindow (این تابع به طور کامل در قسمت دوم این تاپیک شرح داده شد) را با متغیرهای مشخص شده مقداردهی میکنیم تا موقعیت پنجره گرافیکی در صفحه نمایش تنظیم شود.



نتیجه ی اجرای دستورات بالا :



[HR][HR]
خب دوستان این قسمت نیز به پایان رسید. با عرض پوزش از شما عزیزان بقیه آموزش ها با وقفه های دو سه روزه در این تاپیک گذاشته میشود چون بنده درگیر طراحی و ایجاد وب سایتی شخصی هستم به همین خاطر از نظر زمانی کسرت وقت دارم. با تشکر فراوان از شما عزیزان.


نکته : تصاویر آپلود شده در مرورگر فایرفاکس مقداری از سایز اصلی کوچکتر نشان داده میشن به همین خاطر دوستانی که از این مرورگر استفاده میکنند برای دیدن تصاویر در اندازه اصلی باید روی آنها کلیک راست کرده و گزینه View Image را انتخاب کنند.

موفق و پیروز باشید دوستان

توجه : هر گونه کپی برداری از این تاپیک و مطالب آموزشی آن تنها با درج نام سایت [COLOR=#ffc000]www.centralclubs.com مجاز است. با تشکر فراوان از  .

  الله الرحمن  
با عرض سلام خدمت شما دوستان گرامی، نماز و روزهاتون مورد قبول حق تعالی

با بخش هفتم از آموزش گرافیک کامپیوتری در زبان برنامه نویسی ++C در خدمتتون هستم. در این بخش و بخش های بعدی قصد داریم کار با تصاویر و پردازش آن ها را شروع کنیم(برای پردازش تخصصی و حرفه ای تصاویر دیجیتال، یادگیری نرم افزار Matrix laboratory) MATLAB) توصیه میشود). در این قسمت روش نمایش تصویر از منبعی خارجی(Load) و انداختن متنی بر روی آن(Edit) و ذخیره(Save) تغییرات اعمال شده آن بر روی حافظه جانبی(Hard Disk) را میاموزیم.


خب برای شروع کامپایلر مورد نظر که در بخش های قبل درباره اش صحبت کردیم را اجرا کرده و فایل پروژه را باز کنید.(برای اطلاعات بیشتر رجوع شود به بخش های قبل)

شرح دو تابع ()readimagefile و ()writeimagefile همراه با مثال :

[HR]
  

توضیحات دستورات بالا :

دستور 1 : از تابع ()readimagefile برای نمایش عکس در موقعیتی مشخص در پنجره گرافیکی(Viewport) استفاده میشود که پارامترهای ورودی آن به شرح زیر است :

 ( void  readimagefile ([COLOR=#0070C0]const char* filename=NULL ,int left=0 ,int top=0 ,int right=INT_MAX ,int bottom=INT_MAX  

 [COLOR=#0070C0]filename  [COLOR=#0070c0] :  مسیر دقیق و فرمت تصویر مورد نظر باید در این پارامتر بین " " ذکر شود، توجه این پارامتر ثابت است و شما نمیتوانید زمانی که برنامه در حال اجراست آن را تغییر دهید.[COLOR=#0070c0][COLOR=#0c0c0c] از نوع کارکتری با تخصیص حافظه بشکل پویا ( )   

 [COLOR=#0070C0]left  [COLOR=#0070c0] :  [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت عرضی نقطه شروع به رسم اولین پیکسل از تصویر مورد نظر واقع در گوشه ی بالا و سمت چپ تصویر را مشخص میکند. از نوع صحیح( )   

 [COLOR=#0070C0]top  [COLOR=#0070c0] :  [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت طولی نقطه شروع به رسم اولین پیکسل از تصویر مورد نظر واقع در گوشه ی بالا و سمت چپ تصویر را مشخص میکند. از نوع صحیح( )   

 [COLOR=#0070C0]right  [COLOR=#0070c0] :  [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت عرضی نقطه پایان رسم آخرین پیکسل از تصویر مورد نظر واقع در گوشه ی پایین و سمت راست تصویر را مشخص میکند. از نوع صحیح( )   

 [COLOR=#0070C0]bottom  [COLOR=#0070c0] :  [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت طولی نقطه پایان رسم آخرین پیکسل از تصویر مورد نظر واقع در گوشه ی پایین و سمت راست تصویر را مشخص میکند. از نوع صحیح( )   

 
 دستور 2 : از تابع ()setbkcolor جهت تعیین رنگ زمینه پنجره گرافیکی(Viewport) استفاده میشود ولی این تابع فقط در روش DOS Box به طور صحیح کار میکند، در اینجا جهت تعیین زمینه متن مورد نظر از این تابع استفاده کردیم. پارامتر ورودی این تابع به شرح زیر است :

 ( void  setbkcolor ([COLOR=#0070c0]int color  

 [COLOR=#0070c0]color  [COLOR=#0070c0] : [COLOR=#0c0c0c]از این پارامتر جهت تعیین رنگ استفاده میشود. از نوع صحیح ( )

   
[COLOR=#C00000]- توابع قسمت نقطه چین در بخش های قبلی به طور کامل توضیح داده شد. 


دستور 3 : از تابع ()writeimagefile برای ذخیره سازی محدوده ای مشخص از پنجره گرافیکی(Viewport) استفاده میشود که پارامترهای ورودی آن به شرح زیر است :

 ( void writeimagefile  ([COLOR=#0070C0]const char* filename=NULL ,int left=0 ,int top=0 ,int right=INT_MAX ,int bottom=INT_MAX ,bool active=true ,HWND hwnd=NULL  

 [COLOR=#0070C0]filename  [COLOR=#0070c0] :  مسیر دقیق و فرمت تصویر جدید باید در این پارامتر ذکر شود، توجه این پارامتر ثابت است و شما نمیتوانید زمانی که برنامه در حال اجراست آن را تغییر دهید.[COLOR=#0070c0][COLOR=#0c0c0c] از نوع کارکتری با تخصیص حافظه بشکل پویا ( )   

 [COLOR=#0070C0]left  [COLOR=#0070c0] :  [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت عرضی نقطه شروع به ذخیره سازی اولین پیکسل واقع در گوشه ی بالا و سمت چپ محدوده مورد نظر از پنجره گرافیکی را مشخص میکند. از نوع صحیح( )   

 [COLOR=#0070C0]top  [COLOR=#0070c0] : [COLOR=#0070c0]  [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت طولی نقطه شروع به ذخیره سازی اولین پیکسل واقع در گوشه ی بالا و سمت چپ محدوده مورد نظر از پنجره گرافیکی را مشخص میکند. از نوع صحیح( )   

 [COLOR=#0070C0]right  [COLOR=#0070c0] :  [COLOR=#0070c0]  [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت عرضی نقطه پایان ذخیره سازی آخرین پیکسل   [COLOR=#0070c0][COLOR=#0c0c0c]واقع در گوشه ی پایین و سمت راست  [COLOR=#0070c0][COLOR=#0c0c0c] محدوده مورد نظر از پنجره گرافیکی را مشخص میکند. از نوع صحیح( )   

 [COLOR=#0070C0]bottom  [COLOR=#0070c0] : [COLOR=#0070c0]  [COLOR=#0070c0]  [COLOR=#0070c0][COLOR=#0c0c0c]موقعیت طولی نقطه پایان ذخیره سازی آخرین پیکسل   [COLOR=#0070c0][COLOR=#0c0c0c]واقع در گوشه ی پایین و سمت راست  [COLOR=#0070c0][COLOR=#0c0c0c] محدوده مورد نظر از پنجره گرافیکی را مشخص میکند. از نوع صحیح( )   

 [COLOR=#0070C0]active  [COLOR=#0070c0] : [COLOR=#0070c0] [COLOR=#0c0c0c]این پارامتر کاربردی ندارد.  [COLOR=#0070c0][COLOR=#0c0c0c]

   [COLOR=#0070C0]hwnd  [COLOR=#0070c0] : [COLOR=#0070c0]  [COLOR=#0070c0][COLOR=#0c0c0c]توسط این پارامتر شما میتوانید   [COLOR=#0070c0][COLOR=#0c0c0c]یک پنجره   Save dialog box [COLOR=#0070c0][COLOR=#0c0c0c] را به این تابع متصل کنید و توسط این پنجره تنظیمات عکس را انجام داده سپس آن را بر روی حافظه ی جانبی ذخیره کنید. برای این کار نیاز است اشاره گر   Save dialog box[COLOR=#0070c0][COLOR=#0c0c0c] را قبلا ساخته و مقداردهی کرده اید را در اینجا فرا بخوانید  [COLOR=#0070c0][COLOR=#0c0c0c].   (توجه ما از این پارامتر صرف نظر میکنیم زیرا برای استفاده از این پارامتر نیاز به دانش [COLOR=#0070C0]API است که خارج از بحث این تاپیک است. نوع   HWND [COLOR=#000000]چهار بایت فضاء اشغال میکند و برابر است با نوع     ) [COLOR=#0070c0][COLOR=#0c0c0c]


  نتیجه ی اجرای دستورات بالا : (توجه شما میتوانید تصویر جدید ذخیره شده توسط تابع ()writeimagefile را در مسیر مورد نظر مشاهده کنید در ضمن تصویر استفاده شده در این آموزش را میتوانید از [External Link Removed for Guests] دریافت کنید)



[HR]
دوستان این قسمت به پایان رسید، امیدوارم از این آموزش لذت برده باشید. ادامه آموزش ها در آینده نه چندان دور.


  موفق و پیروز باشید دوستان  

 توجه : هر گونه کپی برداری از این تاپیک و مطالب آموزشی آن تنها با درج نام سایت [COLOR=#ffc000]www.centralclubs.com مجاز است. با تشکر فراوان از  . 

  نام   دوستان گرامی

روند آموزش ها در این تاپیک از این به بعد بصورت زیر خواهد بود :

بخش هشتم شامل : ریختن اطلاعات یک تصویر در یک ماتریس (آرایه دو بعدی) به اسم Pixels و وارونه کردن تصویر در جهت های افقی (Flip Horizontal) و عمودی ( Flip Vertical).

بخش نهم شامل : کار با کانال های رنگ RGB و ساخت Filter سیاه و سفید کردن تصویر با استفاده ماتریس Pixels و حلقه های For.

بخش دهم شامل : ساخت Filter معکوس کردن (Invert) رنگ تصویر.

بخش یازدهم : ساخت Filter انداختن موج (Wave) بر روی تصویر.

و انشاءالله اگر فرصت شد Filter ها و تکنیک های دیگری را نیز بیان میکنیم و همچنین کار با رویدادها (Events) مربوط به ماوس و صفحه کلید و طریقه ساختن پویانمایی (Animation) ساده دو بعدی را آموزش خواهیم داد.

 توجه : دلیل کوتاه شدن آموزش ها به این خاطر است که کار بر روی تصاویر زمان گیر و حوصله بر است. به همین خاطر باید مرحله به مرحله جلو برویم تا از شلوغی و ازدحام در آموزش ها جلوگیری شود.
با تشکر فراوان از صبوری شما عزیران

   (ع) : زکات علم و دانش، نشر و یاد دادن آن به دیگران و تلاش برای عمل به آن است.
  

  الله الرحمن  
با عرض سلام خدمت شما دوستان عزیز و بزرگوار، طاعات و عبادات شما مورد قبول حق تعالی

با بخش هشتم از آموزش گرافیک کامپیوتری در زبان برنامه نویسی ++C در خدمتتون هستم. همان طور که گفته شد در این بخش طریقه ریختن اطلاعات یک تصویر در یک ماتریس (آرایه دو بعدی) به اسم Pixels و وارونه کردن تصویر در جهت های افقی (Flip Horizontal) و عمودی (Flip Vertical) را خواهیم آموخت.

از دیر قرار گرفتن آموزش ها در این تاپیک عذر خواهی میکنم.

در حال بررسی بخش C Base Programming بودم که متوجه کامنت مدیریت محترم سایت شدم که به نکته مهمی اشاره کرده بودند این نکته استفاده از تَگ CODE هستش که کار بنده را در قسمت نوشتن کد برنامه ها آسان میکند، به خاطر این کامنت و تذکر مدیریت سایت از ایشان تشکر فراوان میکنم.

خوب بریم سراغ کد برنامه و توضیحات آن :

Please Login or Register to see this code
توضیحات دستورات بالا :


دستور اول : الگوی تابع ()GetImage است، توجه تنها پارامتر ورودی این تابع با مقدار پیش فرض 0 مقداردهی شده است.(برای این که بتوانیم تابع مورد نظر خود را زیر تابع ()main بنویسیم باید الگوی آن را بالای تابع ()main فرا بخوانیم)


دستور دوم : الگوی تابع ()Flip است.


دستور سوم : در این دستور یک ماتریس (آرایه دو بعدی) از نوع صحیح (int) بنام Pixels جهت ذخیره سازی کد رنگ RGB پیکسل های تصویر تعریف میکنیم که دارای 80601 سطر و 3 ستون است. برای بدست آوردن تعداد سطرهای ماتریس باید از این فرمول استفاده کنید : (طول تصویر لود شده + 1) x (عرض تصویر لود شده + 1). تعداد ستون های این ماتریس را برابر با 3 قرار دادیم چون سه رنگ R ، G ، B داریم (این ماتریس سر جمع 241803 تا سلول دارد، توجه شما میتوانید از روش های دیگری برای تعریف این ماتریس استفاده کنید مثل تخصیص حافظه ی پویا ولی به دلیل ساده تر شدن آموزش از این روش بهره بردیم).


دستور چهارم : پارامتر دوم تابع ()ShowWindow را برابر با ثابت SW_SHOW قرار دادیم تا پنجره کنسول نمایش داده شود چون میخواهیم از طریق این کنسول تابع ()Flip را فعال کنیم (این تابع در بخش های قبلی به طور کامل توضیح داده شد).


دستور پنجم : این تابع باعث میشود خط تقسیم کننده پنجره گرافیکی به سبک خط چین در آید (در آینده این تابع و پارامتر های آن را تشریح میکنیم).


دستور ششم : تابع ()GetImage را در برنامه اصلی فرا میخوانیم.


دستور هفتم : تابع ()Flip را در برنامه اصلی فرا میخوانیم.


خوب نوبت به توضیح مختصری درباره توابع میرسد (سعی کنید خودتان توابع را ردیابی (Trace) کنید و اگر جایی مشکل یا سوالی داشتید بپرسید بنده جواب میدم) :


٭ کار تابع ()GetImage به دست آوردن رنگ تَک تَک پیکسل های سازنده تصویر لود شده در موقعیت تعیین شده و تبدیل این رنگ ها به سه رنگ R ، G ، B و ذخیره سازی موقت آن ها در ماتریس Pixels است (توجه اگر هنگام فرا خوانی این تابع در برنامه اصلی پارامتر ورودی آن را عدد 1 قرار دهید این تابع روی قسمت سمت راست پنجره گرافیکی عمل میکند).


٭ کار تابع ()Flip وارونه کردن تصویر در سه جهت افقی (Flip Horizontal) ، عمودی ( Flip Vertical) و هر دو آنها است. هر کدام از این حالت ها به ترتیب از عدد 1 تا 3 قابل دسترسی هستند به این ترتیب که هنگام اجرای برنامه پنجره کنسول از شما حالت مورد نظر را میپرسد و شما تعیین میکنید که تصویر چه حالتی پیدا کند.


نتیجه ی اجرای دستورات بالا (توجه : شما میتوانید تصویر جدید و ویرایش شده را توسط تابع ()writeimagefile که قبلا شرح داده شد دخیره کنید در ضمن تصویر استفاده شده در این آموزش را میتوانید از [External Link Removed for Guests] دریافت کنید، فایل پروژه ی این آموزش را نیز میتوانید از [External Link Removed for Guests] دریافت کنید با پسوند ZIP).

تصویر قبل از اعمال تغییرات :





تصویر بعد از اعمال حالت شماره 1 : (Flip Horizontal)





تصویر بعد از اعمال حالت شماره 2 : (Flip Vertical)





تصویر بعد از اعمال حالت شماره 3 : (Flip Horizontal And Flip Vertical)




خب دوستان این بخش نیز به پایان رسید. امیدوارم از این آموزش لذت برده باشید. با عرض پوزش از شما عزیزان بقیه آموزش ها با وقفه های چند روزه در این تاپیک گذاشته میشود چون بنده درگیر طراحی و ایجاد وب سایتی شخصی هستم به همین خاطر از نظر زمانی کسرت وقت دارم. با تشکر فراوان از شما عزیزان.

  و پیروز باشید دوستان

توجه : هر گونه کپی برداری از این تاپیک و مطالب آموزشی آن تنها با درج نام سایت [COLOR=#ffc000]www.centralclubs.com به عنوان منبع مجاز است. با تشکر فراوان از  .