ND Apps

(Source: thenakos.newgrounds.com)

Heart Solitaire by =NAkos

This is a small memory game that generates memory cards from random deviantART users galleries. Type in a deviant’s name, and play the game. When you play from the same person’s set, the order of the cards changes. There must be at least 10 deviations in the given gallery to play.

It was a fun experience. The game itself is a basic memory card game. You select cards and if its a pair they disappear.

The unique part of it is the fact it create cards from deviantART user’s galleries. When you go there it gives you a random deviant, but you can type in anyone’s name and play his/her gallery.

This was the concept. As I build it I had new ideas like counting misses, counting most played deviants, adding list of used images and make link to the played deviant’s page, so they got a little advertising by this.

The game itself is a mixture of HTML5 / jQuery and PHP. The randomized cards, RSS API calls comes from PHP, the game mechanics (flipping cards and stuff) and dA oEmbed API calls are pure jQuery. Its code isn’t my best, I really just had fun writing it. Maybe I’ll improve it in the future.

This little flash application helps deviantART subscribers to customize their profile page’s custom boxes, featured art and donation polls with a background image.

They have to provide an image URL, and the application generates the HTML code for it. It shows a preview too, and uses a one click to clipboard button to make it easy to copy the code. 

(Source: nikhazy-dizajn.hu)

As Google released a new API that can search in public posts on Google+ network, I instantly created a GUI for it. You can type any word you want and see what G+ people talk about it. You can try it HERE.

Read more

Elkészítettem a LeaksFeed API újabb felhasználási módját, így egy oldalon található minden Budapestre küldött diplomáciai távirat. Ahogy az előző esetben, most sem tárolja ezeket a szerver, csak az API-on kerszül elérhetővé teszi az iratokat.

KATT IDE 

WikiLeaks provided the world a new API called LeakFeed, so I created THIS site around it. It was another fast project from me. I decided not to store any of the documents on the server. 

As always you can visit it on your iDevice too. 

I don’t really care what are in the documents, and I don’t feel it is a bad thing to share them. I let others to find treasure in them.

Magyarul:

Read more

Készítettem gyorsan egy QR kód generáló weboldalt, ami ide kattintva próbálható ki. A lényege igen egyszerű: beírunk egy szöveget és megvárjuk míg a kép elkészül.

Read more

A Newgrounds.com a flash játékok és animációk egyik legnagyobb gyűjtő helye. Rengeteg felhasználója van és sok mára legendás flash jelent meg először az ő felületükön. Manapság a játék világban elterjedtek az úgy nevezett achievementek, melyek általában játékokon belüli eredményekért jár értéktelen pontok kíséretében, amik játéktól függetlenül növekedő számmal rendelkeznek. Newgrounds.com-nak is van egy ilyen rendszere. Annyira hasonlít az Xbox Livon látotthoz, hogy hiányát éreztem egy játékoskártya létének.

Így kezdtem el fejleszteni a Newgrounds Gamercardot, aminek két aspektusa van: kezelő felület és a kártya maga.

A kártyák:

A kártyák létrehozása hivatalos API hiányában az egyik legellenjavalltabb módszerrel lett megvalósítva: letölti a felhasználó profilját (név alapján egyszerű az url-t megadni) és ebből a HTML-ből bontja ki a kártyák létrehozásához szükséges adatok egyszerű preg_match és preg_match_all függvényekkel.

A másik mód erre az lenne, ha a Newgrounds.com készítene egy API-t, amin keresztül le lehetne kérni adott felhasználó adatait. De ez nem igazán valószínű, hogy valaha is létezni fog. Miért csináltam mégis meg? Mert láthatóan nem zavarja az oldal adminisztrátorait, mivel maga TomFulp emelte ki a flash klienst a fő oldalon. A másik lehetőség az lett volna, hogy felszólítanak, hogy hagyjam abba. Természetesen lezártam volna az applikációt.

Két féle kártyát lehet így felépíteni. Az egyik a HTML kártya, amit iframe segítségével lehet beszúrni weboldalakra (Xbox Live is ezt teszi), a másik egy GD-vel generált kép, aminek hátránya, hogy a medálok és a név nem kattintható, viszont egyszerűen be lehet szúrni fórumok aláírásaiba is (sokkal több helyen engedélyezett a kép beszórás URL-ről, mint iframe használata. Bár ez változhat a közeljövőben, hiszen már a YouTube és más videó megosztók is kezdenek HTML5 videókra áttérni, amiket iframe-el a legegyszerűbb beszúrni más oldalakra).

Az ellenjavallt megoldás okozta problémákat (mint, hogy egy program terheli az oldalukat, nem valódi látogatók. Xbox.com az ilyen megoldások miatt lett nagyon lassú) enyhítendő mind a HTML, mind a kép kártyák esetében gyorsítótár használatával próbáltam enyhíteni. Az összes kártya mentésre kerül a szerverre 12 órára időtartamra. Így nem minden kártya hívásnál kell a Newgrounds szerverét zaklatni az információkért és nem utolsó sorban a kártya is gyorsabban tölt be. A hátránya ennek, hogy nem teljesen friss adatokat mutat, ami akkor látszik, amikor valaki játszik egy újabb medálos játékot (némelyik csak úgy szórja a medálokat, minden apróságért) és még nem telt le 12 óra az előző kártya generálás óta.

Kezelő felületek:

Három kezelőfelületet hoztam létre a kártyákhoz és mind ugyan azt a célt szolgálja: beírt név alapján összerakja a kártyához vezető URL-t és a beszúráshoz szükséges HTML-t és kép URL-t.

A legelső felület a web app, ami a http://ngcard.nikhazy-dizajn.hu címen érhető el. Próbáltam kinézetre a Newgrounds színvilágát és mintáit követni (ahogy a kártyánál is ez volt a cél). Az egész oldal jQuery segítségével működik és még a kész kártyát is megmutatja.

A második felület szinte teljesen megegyezik a web appal. Ez egy Google Chrome App, ami egy az egyben osztozik a web app HTML,CSS és jQuery megoldásaival, a különbség az, hogy a felhasználó gépére, a Chrome böngészőbe települ és minden üres új lap nyitásnál látható az ikonja.

A végső és legfontosabb felület egy Flash app, ami ActionScript2-vel készült. Kinézetre egyezik az előző kettővel, viszont működése több annál. A webes felhasználó kezeléssel ellentétben, jól kezelhető flash API van, amivel rengeteg hasznos dolog elérhető a weboldalon (többek között, medálok, előtöltő, felhasználói adatok, ranglisták stb.). Így lehetséges, hogy a flash felület tudja a bejelentkezett Newgrounds felhasználó nevét, sőt még egy Medált is ad a kártya készítésért. Így, aki generál egy kártyát, az egyből láthatja az újonnan szerzett medálját rajta, ami nem kis előny. A medál hivatalosan nem lett elfogadva így 0 pontot ér, de ettől függetlenül megjelenik a felhasználó profilján. API.unlockMedal(“My Medal”) függvény nyitja meg, az előzőleg a Newgrounds felületén regisztrált medált. Ez még béta állapotban lévő szolgáltatás, azt ígérik, hogy később bárki használhatja majd szabadon játékokhoz és még animációkhoz is. Remélhetőleg a “My Medal” rész egy id lesz, nem pedig a medál szóközökkel teletűzdelt, kis-nagybetűre érzékeny neve…

Egyébként a medálnak köszönhető, hogy TomFulp felfigyelt az appra, hiszen minden medál kérelem az ő kezei közt megy át. Emiatt bizonyos voltam benne, hogy ha gond van a kártyákkal arra fel figyel majd valaki. Szerencsére jól fogadták. Az szinte biztos, hogy megvizsgálták mennyire terheli le a szerverüket a szolgáltatásom (nem lennének évtizede a szakmában, ha ilyet nem tennének), elképzelhető, hogy a cache megléte mentett meg, sőt emelt ki fő oldalra. Minden esetre a szolgáltatás él és jó volt látni Tom adatlapján a Medálomat.

Ez tehát 1 napos fejlesztés története.

A Twitter Converter névre keresztelt alkalmazásom a mikroblog szolgáltatásban tárolt adatok mentésére szolgál. Kipróbálni ITT lehetséges.

Read more