Category: Project

Game Asteroid armagedon

Game Asteroid armagedon

asteroid_armagedon_big

Няма какво да се лъжем. Имам голямо влечение към игрите, а в момента особено към игри писани с HTML5. Напоследък доста се упражнявам точно в Game програмирането и най-накрая взе, че излезе нещо. Развих JavaScrip OOP до такова ниво, че да мога да направя обекти за всяка една част от сцената с, която трябва да се случи нещо. Може би претрупах малко нивата, защото бързах да я пусна, но за следващата игра ще отделя повече време и ще изпипам нещата още по добре. В крайна сметка направих 10 нива после се превърта. Астероидите са рандом идващи. Има и бонусчета за скорост на самолета, едно оръжие, точки, безсмъртие и живот. Ами това е накратко  надявам се да ви хареса 🙂

Пуснете играта от тук 

Skill meter system beta 0.1

Skill meter system beta 0.1

С радост искам да ви представя първата завършена beta версия на Skill meter – системата, която имах като идея да направя. Ето и по-важното около него.

Skill meter е система написана с HTML5, CSS3, PHP и Mysql за измерване на вашите умения в различни области, които сте придобили  в професионален или личен план. Чрез административния панел лесно и бързо можете да добавяте вашите умения и да ги категоризирате.

 

Как да го използвате

  1. Запишете вашите категории – програмни езици, дизайн, спорт или каквото желаете
  2. Въведете уменията си като трябва да посочите категорята, за която се отнасят. Вие преценете на колко процента владеете всяко умение и попълнете задължителното поле за името на умението.
  3. Добавете и икона за него, ако я няма в списъка можетеда добавите ваша като изберете картинката от полето за ъплоуд. Картинката, която качвате не е нужно да е оразмерена  точно, нужно е да бъде горе- долу в еднакво съотношение на височина и дължна, например 240х240px.
  4. Можете да качите неограничен брой икони. Като ги сложите в главната директория на скрипта в папка img/icons.
  5. След като сте въвели вашите умения и категории можете лесно да ги подреждате с drag and drop.  Нужно е да изберете директорията, в която се намират,  за да можете да ги движите.

Инсталиране

  1. Създайте базаданни на вашия Mysql  сървър и я кръстете skill_meter.
  2. Импортирайте SQL файла, който се намира в директория sql за да създадете структурата на таблицине за базаданни skill_meter.
  3. Отворете global.php файла, който се намира в директория admin. Задайте вашите $mysql_username и  $mysql_password  за да се свържеге с MySQL  базатаданни и променете по избор $admin_username и $admin_username за достъп до админ панела.
  4. Използвайте :)!

Skill meter е свободен за използване и  променяне на кода!

Демо на проекта можете да видите тук.

Можете да изтеглите Skill meter system beta 0.1 от тук.

Линк към личния ми Skill meter можете да видите тук.

За всякакви въпроси, критики и каквото се сетите можете да оставите коментар.

Javascript игра – Камък, ножица, хартия

Javascript игра – Камък, ножица, хартия


Eдна простичка игра написана изцяло на javascript. Скоро започва втората част от безплатния курс на Телерик “Уеб дизайн с HTML 5, CSS 3 и JavaScript”, където ще се изучава javascript и затова реших да се поупражнявам. Нямам голям опит точно с този език, а няма как да се мине без него, защото е много важна част от front-end програмирането.

Играта можете да видите на този линк – /game-1/. Пазете се, че компа е луд 😀

Система за измерване на уменията с HTML5, CSS3, Javascript, PHP и Mysql

Система за измерване на уменията с HTML5, CSS3, Javascript, PHP и Mysql

На скоро ми хрумна една идея, а именно да си направя страница с въведени умения на различните програми с който съм работил професионално и любителски. Затова започнах да пиша малко приложение което да има административна част за въвеждане на умението и след това клиентска част, в която да излизат красиво диаграми с проценти, който да измерват владеенето на всяко едно въведено умение. Така ще упражня и наученото от front-end курса който уча в академията на Телерик. В момента съм още на административната част, която е почти завършена, като в нея има следните функционалности:

  •  добавяне на умение
  •  редакция на умение
  •  изтриване на умение
  •  категоризиране
  •  избиране на иконка
  •  качване на собствена икона и оразмеряване
  •  drag and drop пренареждане на уменията
  •  филтриране по категории

Това са по важните функционалности. Остава да направя пренареждането и по категории. След като завърша проекта, ще го пусна свободен да сваляне и всеки, който желае да го вгради в неговия сайт и да си направи процентна скала,  в която да посочи на какво ниво владее дадена програма, програмен език или каквото се сети. Може дори ако желае да напише, че владее каране на кола на 100%, това не е проблем.

Демо на направеното до сега може да разгледате на http://avaart.net/skill/admin/

В момента е в работен процес така, че нещата може да не са изписани коректно и да има проблеми с функционалността.