آشنایی با Quintus و چگونگی استفاده از آن برای ساخت بازی تحت وب

[godofphp]

http://www.sarzaminit.com/home3/sarzamin/public_html/wp-content/uploads/2013/01/html5-game1.png
تا کنون موتور بازی (Game Engine) زیادی برای ساخت و انتشار بازی رایانه ای بر روی سیستم عامل ویندوز، لینوکس و یا سیستم‌های مک طراحی شده‌اند اما در این نوشته از تورتک قصد داریم شما را با یک موتور بازی بسیار ساده با نام Quintus که به شما امکان ساخت بازی مبتنی بر HTML5 را می‌دهد آشنا کنیم. همان طور که می‌دانید App نوشته شده بر پایه HTML5 به سادگی و بدون نیاز به نصب افزونهٔ اضافی بر روی سیستم شخصی، گوشی موبایل و سیستم قابل حمل که از مرورگر مدرن امروزی بهره می‌برند قابل اجرا هستند.
آشنایی با Quintus و چگونگی استفاده از آن برای ساخت بازی تحت وب
Quintus در حقیقت یک کتابخانه ساده و کم حجم از توابع گرافیکی و ریاضیاتی مبتنی بر جاوا اسکریپت و HTML5 است که به سادگی و تنها در چند ساعت می‌توانید اصول استفاده از آن را آموزش ببینید و ساعات سرگرم کننده ای را برای شما در هنگام ساخت بازی تحت وب که بر اساس HTML5 طراحی شده‌اند رقم زند. برای شروع استفاده از Quintus در صفحات وب و یا App خود تنها کافی است همانند چند خط کد زیر فایل اصلی این موتور بازی را در کدهای خود بارگذاری کنید و سپس با تعریف و تنظیم پیش نیاز اولیه شروع به تعریف اشیاء، متحرک سازی، تعیین قوانین بازی و … کنید.

بهترین منبع آموزشی برای این موتور گرافیکی HTML5 نیز مستندات تهیه شده توسط توسعه دهندگان آن است که در Quintus Documentation (http://html5quintus.com/documentation) می‌توانید به آن‌ها دسترسی داشته باشید و یا با دیدن سه سورس کد بازی طراحی شده توسط این موتور بازی یعنی
Ball
(http://html5quintus.com/quintus/examples/ball/)collision (http://html5quintus.com/quintus/examples/collision/)
platformer (http://html5quintus.com/quintus/examples/platformer/)
اینم سورس هاشون :
Annotated Source (http://html5quintus.com/docs/collision.html)
Annotated Source (http://html5quintus.com/docs/ball.html)
Annotated Source (http://html5quintus.com/docs/platformer.html)

بیشتر با چگونگی استفاده از Quintus برای ساخت بازی مبتنی بر HTML 5 آشنایی پیدا کنید.

درست است که این موتور گرافیکی آموزشی HTML5 دو بعدی برای ساخت بازی حرفه ای و بی نقص مناسب نیست اما اگر به ساخت بازی‌های قابل اجرا در پلتفرم مختلف توسط HTML 5 علاقه دارید Quintus حتماً می‌تواند شروع خوبی برای یادگیری نحوه توسعه و کد نویسی این گونه از بازی‌ها باشد.
از دوستان عزیز علاقه مند به طراحی بازیهای آنلاین خواهش میکنم ادامه دهنده ی این تاپیک باشید
باتشکر godofphp

[pirmard66]

دنبالش بودم دادا ممنونم ازت...

فقط یه سوال مشکل ساپورت نکردن HTML5 توسط مرورگرها رو نمیشه کاریش کرد؟

البته اینا بازی نبودن درسته؟؟؟

منظورم ایناست...:

Ball
(http://html5quintus.com/quintus/examples/ball/)collision (http://html5quintus.com/quintus/examples/collision/)
platformer (http://html5quintus.com/quintus/examples/platformer/)

[godofphp]

دنبالش بودم دادا ممنونم ازت...

فقط یه سوال مشکل ساپورت نکردن HTML5 توسط مرورگرها رو نمیشه کاریش کرد؟

البته اینا بازی نبودن درسته؟؟؟

منظورم ایناست...:

Ball
(http://html5quintus.com/quintus/examples/ball/)collision (http://html5quintus.com/quintus/examples/collision/)
platformer (http://html5quintus.com/quintus/examples/platformer/)
platform یک بازی هست ولی
اینا در کل بازی نیستند ولی یه نمونه کد هستند که نحوه کار Quintus رو نشون میده

[godofphp]

How can I use HTML5 in all browsers including IE7,8? (http://stackoverflow.com/questions/4859716/how-can-i-use-html5-in-all-browsers-including-ie7-8)
Html 5 And IE (http://stackoverflow.com/questions/7512834/html5-and-internet-explorer?lq=1)

[pirmard66]

ﺑﺮﺍﻱ ﺳﺎﺧﺖ ﻳﻚ ﻋﻜﺲ ﻣﺘﺤﺮﻙ ﻫﻢ ﻣﻴﺸﻪ ﺍﺳﺘﻔﺎﺩﻩ ﻛﺮﺩ؟
ﻳﻪ ﺍﻳﺪﻩ ﺟﺎﻟﺐ ﺍﻭﻣﺪﻩ ﺗﻮ ﺫﻫﻨﻢ...

[godofphp]

اره صد در صد
حتی میتونی با این موتور تصویر متحرک برای پس زمینه سایت بسازی

[godofphp]

مثلا تصویر زمینه زیبای این سایت رو ببینید با جی کوئری هست
ولی همین با موتورهای گرافیکی اچ تی ام 5 هم میشه
سایت (http://vegas.jaysalvat.com/)

[pirmard66]

مثلا تصویر زمینه زیبای این سایت رو ببینید با جی کوئری هست
ولی همین با موتورهای گرافیکی اچ تی ام 5 هم میشه
سایت (http://vegas.jaysalvat.com/)

آره جالبه

وقتی از HTML5 استفاده کنی نسبت به جاوا خیلی سرعت بهتری هم داره.

[pirmard66]

مثلا تصویر زمینه زیبای این سایت رو ببینید با جی کوئری هست
ولی همین با موتورهای گرافیکی اچ تی ام 5 هم میشه
سایت (http://vegas.jaysalvat.com/)

برای من تحرکی نداره...!!!باور کن !:قهقهه:

[godofphp]

ﺑﺮﺍﻱ ﺳﺎﺧﺖ ﻳﻚ ﻋﻜﺲ ﻣﺘﺤﺮﻙ ﻫﻢ ﻣﻴﺸﻪ ﺍﺳﺘﻔﺎﺩﻩ ﻛﺮﺩ؟
ﻳﻪ ﺍﻳﺪﻩ ﺟﺎﻟﺐ ﺍﻭﻣﺪﻩ ﺗﻮ ﺫﻫﻨﻢ...

ایده ی جالبتو نگفتی ؟؟ :چشمک:

[pirmard66]

این سایت رو ببین:

سایت (http://www.inwebson.com/demo/jqfloat/)

[pirmard66]

البته یه جرقه بود دادا...

برای ساخت تبلیغات سایت!!!!!


کپی نکنن دوستان...:قهقهه:

فقط godofphp حقی کپی رایت داره با منبع ....:D

[godofphp]

برای من تحرکی نداره...!!!باور کن !:قهقهه:

اینم جالبه ببین (http://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html)

[pirmard66]

اینم جالبه ببین (http://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html)

اره اینو دیده بودم...

میدونی به چه دردی میخوره؟

[godofphp]

توی این سایت میتونید بک گراندهای متعددی رو ببینید که با html 5 ساخته شدند

سایت (http://www.wabbaly.com/showcase-11-examples-html-5-parallax-scroll-effect/)

[godofphp]

اره اینو دیده بودم...

میدونی به چه دردی میخوره؟

به چه دردی؟
اینم ببین خیلی جالبه html5 هست

سایت (http://www.culturalsolutions.co.uk/)

[pirmard66]

از کلیپ های سایت عکس بگیری...!

[pirmard66]

این سایت یک شاهکاره...

سایت (http://www.iutopi.com/en/)

[godofphp]

از کلیپ های سایت عکس بگیری...!


:قهقهه:

بیخیال
بیا در مورد مثلا طراحی بازی با html حرف بزنیم
آقای شهرکی میاد پاکمون میکنه ها
ندیدی هفته پیش چهار نفرو پاک کرد ؟ :قهقهه:

[pirmard66]

:قهقهه:

بیخیال
بیا در مورد مثلا طراحی بازی با html حرف بزنیم
آقای شهرکی میاد پاکمون میکنه ها
ندیدی هفته پیش چهار نفرو پاک کرد ؟ :قهقهه:

چرا خوب؟؟؟؟؟؟؟

ما داریم تبادل نظر میکنیم که بیشتر یادبگیریم...غیر از اینه؟


حالا بگو خودت هیچی ساختی بازی؟

[godofphp]

این سایت یک شاهکاره...

سایت (http://www.iutopi.com/en/)
فرض کن پس زمینه سایت انجمن برنامه نویس رو اینجوری کنن ... :گیج:

[godofphp]

من یه مار ساختم بعد کلی تلاش
ولی کدهاش خنده دار و خجالت آوره
این تاپیک هم بخاطر همین درست کردم که یاد بگیرم و دوستان هم یاد بگیرن
کلا هر کی هر چی بلده بیاد بگه ما هم ناراحت نمیشیم بلکه بلکه کلی خوشحال میشویم

[pirmard66]

بزار ببینیم اون کارتو...

[godofphp]

باشه فقط تو پوشه هام در هم بر همه باید پیدا کنم یکی دوماه پیش نوشتم
بدبختی من اینه که ویندوزم هم xp هست و سرچ مرچ یوخدی
پیداش میکنم میذارم ولی چند جا سراغ دارم که نمونه بازیهای اچ تی ام ال هست

html5 games (http://www.html5games.net/)
html5 sample games (http://html5games.com/2013/07/diamond-reaction/)

[godofphp]

How To Make Game Using Quintus (http://windows.podnova.com/trends/how_to_make_game_using_quartus.html)

[godofphp]

علاقه مند عزیز دیگه ای نیست یکم اینجا بحث کنیم ؟

[ravand]

علاقمند که زیاده ولی اطلاعات پایینه!
ساختن یک بازی تحت وب با html5 خیلی وقت گیره من یه بار بهش فکر کردم ولی بعدا گفتم من بیام این همه زحمت بکشم بعد یکی به راحتی بیاد کدهای html رو کپی کنه که زحمات من به باد فنا میره! هیچ راهی نیست که بشه مانع از کپی کردن کدها شد؟ البته من فکر نمیکنم راهی باشه. نظر شما چیه؟

[godofphp]

حتما راهی هست
من یه چیزایی در مورد کد کردن سورس سایت شنیدم
خیلی هم دنبالش بودم
مثلا برو سایت فیس بوک و سورسشو نگاه کن
کاملا کد شده

[ravand]

حتما راهی هست
من یه چیزایی در مورد کد کردن سورس سایت شنیدم
خیلی هم دنبالش بودم
مثلا برو سایت فیس بوک و سورسشو نگاه کن
کاملا کد شده
فکر نمیکنم کد کردن فایده ای داشته باشه. چون برنامه هایی هستند که میشه با کمک اون ها اصل کد رو دراورد.

[godofphp]

فکر نمیکنم کد کردن فایده ای داشته باشه. چون برنامه هایی هستند که میشه با کمک اون ها اصل کد رو دراورد.

اگه کدینگ قوی باشه چطور میشه برداشت بلاخره باید چاره ای باشه
اینجوری که نمیشه
از قدیم گفتن
یا باید راهی یافت
یا باید راهی ساخت

[ravand]

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

[godofphp]

مثلا اینو ببیندید
RC4 encryption in javascript and php (https://gist.github.com/farhadi/2185197)

[godofphp]

یا مثلا این سایت رو
HTML Encrypt (http://www.iwebtool.com/html_encrypter)

[godofphp]

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

من راهی خاصی ندارم
اما اگه دنبالش باشیم حتما پیدا میشه اگر هم نشد میسازیم
خلاصه من خیلی احتیاج به بازی های آنلاین html5 و کد کردن اونها نیاز دارم

[godofphp]

این سایت خیلی خوبه کد کردن html (http://www.iwebtool.com/html_encrypter)
مثلا من این کد html رو بهش دادم واسم کد کرد


<html>
<head>
<title>
this is a test web
</title>
</head>
<body>
<span style="color:red">Hello!</span>
</body>
</html>


نتیجه کد شده این شده :


<Script Language='Javascript'>
<!-- HTML Encryption provided by iWEBTOOL.com -->
<!--
document.write(unescape('%3C%68%74%6D%6C%3E%0A%3C% 68%65%61%64%3E%0A%3C%74%69%74%6C%65%3E%0A%74%68%69 %73%20%69%73%20%61%20%74%65%73%74%20%77%65%62%0A%3 C%2F%74%69%74%6C%65%3E%0A%3C%2F%68%65%61%64%3E%0A% 3C%62%6F%64%79%3E%0A%3C%73%70%61%6E%20%73%74%79%6C %65%3D%22%63%6F%6C%6F%72%3A%72%65%64%22%3E%48%65%6 C%6C%6F%21%3C%2F%73%70%61%6E%3E%0A%3C%2F%62%6F%64% 79%3E%0A%3C%2F%68%74%6D%6C%3E'));
//-->
</Script>

[godofphp]

دوستان من چیزای جالبی درباره کد کردن یک سند html دارم یاد میگیرم
ما میتونیم خودمون یک موتور جاوا بنویسیم که کدهای اچ تی ام ال ما رو کد کنه
یعنی تبدیل کنه به کدهای جاوا کد شده
و اونجوری فکر نکنم کسی هم بتونه دیگه کدهای ما رو دیکود کنه

[godofphp]

----------------------------------------- Up -----------------

[designer joomir]

باتشکر از درج مطالب مفیدتون.
ساخت گرافیک های HTML5 سایت توسط طراح وب گوگل
آدرس ادامه مطلب:
http://sitedesign.joomir.com/html-در-طراحی-سایت/item/734-ساخت-گرافیک-های-html5-سایت-توسط-طراح-وب-گوگل.html

[ravand]

باتشکر از درج مطالب مفیدتون.
ساخت گرافیک های HTML5 سایت توسط طراح وب گوگل
آدرس ادامه مطلب:
http://sitedesign.joomir.com/html-در-طراحی-سایت/item/734-ساخت-گرافیک-های-html5-سایت-توسط-طراح-وب-گوگل.html
رفتم این برنامه ای که شما معرفی کردید رو دانلود کنم نشد مجبور شدم بشکن نصب کنم وقتی هم دانلود کردم بازم اخطاری که برای تحریم امد برام نمایش داد.