۹ طرح باورنکردی که توسط HTML5 و جاوا اسکریپت طراحی شدن

احتمالاً در مورد HTML5 زیاد خوندید و در مورد قدرت و امکاناتش هم زیاد شنیدید. این روزها یکی از بحث‌های داغ در زمینه‌های طراحی همین HTML5 هستش که به واسطه‌ی قدرت و امکانات عجیب و غریب خودش همه رو مجذوب خودش کرده.

در همین وبلاگ هم چند پست در مورد HTML5 نوشتم و نمونه طرح‌هایی از اون رو با شما به اشتراک گذاشتم (+، + و +) تا به قدرت HTML5 ایمان بیارید و با امکاناتی که این نسخه از زبان اچ‌تی‌ام‌ال در اختیارتون قرار می‌ده بیشتر آشنا بشید.

در این پست هم قراره ۹ طرح دیگه رو با شما به اشتراک بزارم که با ترکیب کردن جاوا اسکریپت و HTML5 طراحی شدن و به طور حتم از دیدن این نمونه طرح‌ها هم شگفت زده می‌شید.

نکته: برای دیدن این نمونه طرح‌ها باید از مرورگری استفاده کنید که از HTML5 پشتیبانی کنه، که من به شما آخرین نسخه مرورگر گوگل کروم و یا آخرین نسخه مرورگر اپرا رو پیشنهاد می‌کنم و در غیر این صورت نسخه چهارم مرورگر فایرفاکس.

۱- Untangle

نقطه‌های آبی رو جوری قرار بدید که هیچ خطی خط دیگه‌ای رو قطع نکنه، امتحان کنید ببینید می‌تونید؟ :)

۲- Z Type

در فضا تیر اندازی کنید و رکورد خودتون رو ثبت کنید، امتحان کنید ببینید تا کجا می‌تونید پیش‌برید.

۳- Cube Out

همون بازی خونه‌سازی خودمون، اما به سبک سه‌بعدی و طراحی شده توسط HTML5. تلاش کنید، حتماً موفق می‌شید :)

۴- Bounce

باید با ایجاد دایره‌های سفید رنگ دایره‌های قرمز رنگ رو گیر بندازید و مانع حرکتشون بشید. می‌تونید با حساب کاربری گوگل خودتون هم وارد بشید و رکورد خودتون رو ثبت کنید.

۵- Sketch 3D

با خطوط به صورت انیمیشن طراحی کنید و طرح خودتون رو در سایت ثبت کنید، از کجا معلوم، شاید طرح شما جزو بهترین طرح‌ها انتخاب شد :)

۶- Conductor

این نمونه طرح هم در نوع خودش جالبه، البته من نتونستم دقیقاً سر در بیارم در مورد چی هستش، ممنون می‌شم اگه شما چیزی ازش فهمیدید از طریق قسمت نظرات من رو هم آگاه کنید.

Conductor turns the New York subway system into an interactive string instrument. Using the MTA’s actual subway schedule, the piece begins in realtime by spawning trains which departed in the last minute, then continues accelerating through a 24 hour loop. The visuals are based on Massimo Vignelli’s 1972 diagram.‏

۷- Bacterium

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

۸- Ultra Neuron Pong

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

۹- Tank World

یک تیراندازی سه‌بعدی کوچک :)

منبع: Queness