Maandelijks archief: oktober 2012

vrijdag 26 okt

Zo, daar zit ik weer :).

Vandaag komt Angelique langs voor een kijkje in het bedrijf en een gesprek.
Ik heb haar mailtje nog maar eens goed doorgelezen ter voorbereiding hiervan 😉

Voor het weekend heb ik vooral met Adriaan via Skype gewerkt aan het uiterlijk van de toekomstige website. Tussendoor heb ik nog met animatie uitgeprobeerd.

Ik heb gekeken naar de visuals; kleuren, grootte van onderdelen, afstanden tussen onderdelen, rondehoekjes, tekst, font, achtergrond.

Ik keek kritisch naar de site en gaf aanpassingen door aan Adriaan, en hij paste ze toe om samen te kijken wat werkte.

De toevoeging van het grafische element samengesteld met de vlam uit het logo op de achtergrond is nu wel aardig, maar kan naar mijn idee nog wel beter. Daar ga ik later nog aan tweaken.

AfbeeldingAfbeeldingAfbeelding

vrijdag 26 oktober

Heejjjjjj Hallo!

Voordat ik hier aankwam had ik een lekker sprintje getrokken vanaf centraal, heerlijk! met lange jas tussen de mensen door zoeven, slalommen, fietsers inhalen (haha). vollop energie. Wind langs je gezicht Kabamn!

Zo, gisteren was een interessante dag, ik was zoals normaal het eerste half uur/uur alleen op “kantoor”. Ik zet kantoor bewust tussen aanhalingstekens, want het voelt beslist niet als kantoor. Daar moet ik maar een ander woord voor gaan verzinnen. Als je ideeën hebt, dan hoor ik ze wel?! 😉 Martine van de DGG (dutch game garden) kwam langs met een man om te vragen of er interesse was om te jureren voor presentaties van een businesschool die lessen hadden gevolgd in digitale interactiviteit. na aanleiding van 6 weken in een team van 5. Ik, en een andere jongen van Ronimo games moesten kritische feedback geven en vragen stellen na elke presentatie, Deze pitches (niet te verwarren met bitches, zoals mijn spellingscontrole voorstelt…) zouden in totaal ongeveer anderhalf uur duren. Ik voelde me gevleid om hiervoor gevraagd te worden en het was erg leuk om deze houding bij het geven van feedback, die we normaal op school ook moesten hebben tijdens het bekijken van andermans werk, nu toe te kunnen passen in “real life”, als je snapt wat ik bedoel. 😉

Hier volgt een lijstje met de gepresenteerde ideeën geabstraheerd samengevat:

  • Buddylink” een oplossing voor ex-gedetineerden om te re-integreren in de maatschappij door middel van een apparaat met taken in de vorm van een game, om te communiceren tussen een oudere als begeleider en de integratie”dienst”.
  • Een website die toegankelijk was via meerdere (mobiele) apparaten bedoeld als link tussen een militair op uitzending en het thuisfront, de website zou vormgegeven zijn als een thuiskamer situatie en was bedoeld als een soort prikbord om o.a. lieve berichtjes op in te spreken en de ander op de hoogte te houden van allerlei zaken, een soort persoonlijkere versie van een facebookgroup.
  • Focus” een relaxruimte, en app als begeleider voor smartphone/tablet bedoeld voor mensen die last ondervinden met focussen door hun ADHD of ADD, Hulp met taken plannen, games die concentratie bevorderen en rust bevorderden door soort meditatie momenten in te bouwen.
  • Een spel uit opdracht van NS om wat te verzinnen voor verveling op het station en tegelijkertijd de verkoop van winkels wat te verhogen; het team kwam met een spel waarbij je een tweetal mensen in competitie de ander moest vinden en als eerste fotograferen om punten te krijgen die je later weer bij winkels in kon wisselen tegen korting op producten.
  • 1 van de 5 is niet blijven hangen “trek maar je eigen conclusie, dit kan meerdere dingen betekenen”.

We werden bedankt en ik ging weer terug naar m’n plekkie. Dat was de ochtend.

’s middags hebben we, ik Alex en Adriaan, gebrainstormd over de interface, het menu / de indeling en verloop hiervan in Colorking, erg leuk en productief, ik mocht het visualiseren op whiteboard. Dat is even wennen als je daar nog niet eerder op hebt gewerkt, maar het “werkt werkelijk waar geweldig” W… W… W… W…. Zie foto. Hier kwam 10 minuten geleden een jongen van het bedrijf Headcandy vragen of wij toevallig een boek hadden oven Mac OS en vertelde dat we dat whiteboard van hun hadden geleend. Hij had het ergens redelijk betaalbaar gekocht,150,-. Als ik over een jaar de ruimte heb koop ik hoe dan ook, ook zo’n ding! Anyway, het lijkt wellicht alsof ik afdwaal, maar zulke dingen doen er toe.

Later hebben we de brainstorm gestaakt omdat eerst verder moet worden gewerkt en uitgeprobeerd aan het score systeem in het spel voordat we verder kunnen, dit punten systeem is geïnspireerd door tennis. Waarbij de spelers eerst een x aantal punten moeten halen voordat ze de uiteindelijke tellende “matchpoint?” kunnen behalen. Ik kijk geen tennis, vandaar het vraagteken. Misschien moet ik dat maar eens doen ter inspiratie.

Daarna heb ik verder gewerkt aan animatie. Ik ben overgestapt naar Flash omdat ik daar veeeeel sneller mee kan werken, 1. omdat ik dit programma beheers, 2. omdat ik hiermee klonen kan maken van de afzonderlijke vormen, en maar 1 vorm hoef te animeren en deze aanpassingen worden direct doorgevoerd in de andere vormen en behoudt hierdoor zijn symmetrie. 3. Omdat het werkt met vector en ik het met gemak kan aanpassen voor elke bestandsgrootte, vereist om het in een game te kunnen zetten. Nog een ding wat belangrijk is, is dat textures, afbeeldingsbestanden die je in een spel importeert die vormen bekleden, altijd in de “power of two” moeten zijn. Oftewel vierkant en in de macht van 2 , zoals je ook bij het geheugengrootte van memorysticks ziet; ; 2, 4, 8, 16, 32, 64, 128, 256, 512, 1024, 2048, 4096 etc etc.

Ik ben deze dag tot 7 uur gebleven omdat er nog een MultiplayerGameAvond was (georganiseerd om de zoveel weken) waarbij mensen uit de DGG samenkomen op de 1e verdieping om games te spelen, feedback te geven of vragen over hun gemaakte en daar speelbare games. Ik had later met een vriend afgesproken die bij Quest3D werkt, hij doet ook iets games gerelateerd. Omdat wij moesten wachten op de reservatie voor de eerste keer Sushi eten, zijn we nog een uur terug gegaan naar het evenement waar ik eerder was omdat mij dit ook voor hem interessant leek. Ps: Sushi is Fokking lekker…!

Vandaag heb ik weer genoeg getypt! Tabee

Trouwens; Ik vind het geen verloren tijd om wat goede tijd in de blog te stoppen, het helpt mij namelijk om kritischer na te denken bij wat ik doe en dingen beter te kunnen verwoorden.

vooruit, hier is een animatie van wat dagen eerder.

Afbeelding

Maar wel te veel te psychedelisch.
Zoals ik eerder al zei, elke vorm van animatie in kleur overgang zou storen.

Maar dat betekend niet dat er totaal geen animatie in kan, want het is ook mogelijk om enkel de vorm te animeren en de kleur instant te laten veranderen bij aanraking.

Ook ben ik tot een andere vorm gekomen geïnspireerd door de bovenstaande, die meer kleur oppervlakte heeft, minder zwart bevat en voor minder afleiding zorgt dan de vorige.

Afbeelding

Deze vorm (zonder de kleine beschadigingen) zit nu in de speelbare prototype van de game.

Gisterne heb ik wat dingen uitgeprobeerd als achtergrond, vandaag ga ik daarmee verder.
Ook wil ik een animatie maken waarbij ik uitga van de aanraking van de vinger, de afzonderlijke vormen worden van het binnenste middendeel naar buiten geduwd en komen in een golfbeweging weer terug.

Lets get cracking!

 

23okt

Gisteren ben ik bezig geweest met animatie, eerder deed ik dit in Photoshop, met lagen en animatietool. Echter leek het een meer efficiënte keuze om dit met after effects te doen omdat je daarin kan werken met aanpasbare motion tweens en keyframes. Ik heb even een videotje zitten kijken om mezelf op te frissen hoe je ook alweer met keyframes moest werken. Tot mijn frustratie ontdekte ik dat het niet mogelijk is om keyframes te kopiëren over de tijdlijn, dit gemis vond ik ook terug op diverse fora. Laat dit nou net een functie zijn die ik ontzettend nodig heb. Ik heb ellelang zitten zwoegen om het programma beteugelen maar dit eindigde vooral in frustratie. Vandaag ga ik opzoek naar andere programma’s geschikt voor animatie die meer intuïtief werken.

Ergens gedurende dag heb ik meegedacht met Adriaan over Fingle, we willen een nieuwe versie uitbrengen met gratis speelbare levels en een systeem inbouwen waardoor spelers in-game hoofdstukken kunnen aanschaffen. We hebben samen gekeken naar hoe dit systeem visueel verwerkt kan worden in de interface van het menu en de prijzen/combinaties van de overige te downloaden levelpacks.

We hebben wat nieuwe level configuraties getest voor ColorKing met verschillende grootte in buttons en opstellingen. Er bleek een groot verschil te zijn in uitkomst in score bij verschillende configuraties, over het algemeen won ik de “level’s” met grote knoppen, de levels met kleine knoppen won Adriaan. Ik verklaar dit doordat de grote knoppen minder hand-oog coördinatie vereisten dan de kleine, hierdoor komt het meer aan op reactievermogen waar ik sterker in ben, de kleine knoppen zijn makkelijker te missen in de snelheid van het spel dit is iets waar Adriaan beduidend beter in is. Dit is een interessant gegeven, omdat je nu voor verschillende spelers het spel interessant kan maken.
terwijl Adriaan binnenstapt vertel ik hem dat ik en Alex de game zojuist nogmaals gespeeld hebben met de nieuwe level mogelijkheden, EN dat ik tot de conclusie ben gekomen dat ELKE animatie (hoe kort deze ook is) tussen de twee kleuren een stoorfactor zullen zijn voor het spelen. Sommige potjes gaan ZOOO snel dat je ogen het registreren en doorgeven naar je handen voordat je hersenen dit bewust waarnemen.

Alex kwam met het idee om de “wissel” animatie buiten de cirkel te laten plaatsvinden, ik denk dat hier zeker wat te halen is met die insteek. Ik denk ook dat het ontwerp van mijn huidige symbool nog veel te veel zwart bevat, het symbool moet bijna volledig kleur zijn. Ook de buitenvorm moet niet teveel afleiden van een cirkel. Het spel staat voorop, niet de graphics. Deze staan in dienst van de game.

Symbool/Knop/Cirkel:

  • Veel kleuroppervlak, weinig zwart, 20%
  • veel contrast tussen de kleuren, duidelijk onderscheidbaar
  • 1 uniform knop voor alle kleuren, geen variaties per kleur
  • Buitenvorm moet niet teveel afwijken van een cirkel.
  • Vorm moet qua design geschikt zijn voor groot formaat (1/3e tot halve scherm) en klein (vingertop)

 

Maandag 22 oktober

Hoi, jij daar.

Dit is een spel gemaakt door de jongens van Vlambeer (gamestudio te neude – in het gebouw van gamesgarden).  Zeer gaaf en verslavend, ik heb een Beta versie gespeeld via Adriaan die bevriend is met de makers, ik heb het inmiddels 2,5 uur gespeeld, het spel heb ik bekeken op gameplay en graphics en heb de makers nog wat feedback doorgemaild waar ze wellicht wat mee kunnen.

Dat wilde ik gewoon even kwijt!

Maandag:

Bij binnenkomst met Bojan doorgenomen wat de updates zijn binnen het bedrijf, ik liet hem m’n blog zien en hebben hierover gesproken, daarna verder gegaan met het symbool wat ik eerder op papier had gemaakt, dit maal meer diepte te geven en animatie uitgeprobeerd. Nieuwe aanpak voor de komende tijd! Nadenken over hoe het van de ene kleur naar de andere kan transformeren, Bijv welke vorm is daar het beste geschikt voor? Is een simpele kleurswitch genoeg? Tijdens het afspelen van de animatie in photoshop raak ik de knop op mijn gewone tft scherm aan om me in te kunnen leven van de ervaring van de gebruiker die deze knop dadelijk op de Ipad indrukt. Ik kan al een aantal dingen concluderen na aanleiding van het uitproberen met animaties.

  • Vanuit “de vinger van de gebruiker” voelt het logischer / natuurlijker wanneer de nieuwe (overnemende) vorm de ander vanuit binnen overneemt, in plaats vanuit buiten,
  • De animatie mag absoluut niet lang duren, zeg maximaal 0.10 van een sec. omdat spelers elkaars knop met razende snelheid overnemen. Deze animaties mogen niet in de weg zitten door vertraging.
  • Dit komt neer op een maximale hoeveelheid van 4 frames tussen de twee kleurstadia in
  • Het spel kan 60frames p/sec aan, wat vloeiende animaties toestaat. Dit is overigens een must, hakkerige animaties voelen in deze context stijf en zouden in dit geval de spelervaring belemmeren.

Nu ga ik weer verder met het uitproberen van animaties, wat werkt en wat niet.
Ik post later wel wat voorbeelden =)

daag!!

donderdag 23 okt

Deze diashow vereist JavaScript.

vrijdag ging Adriaan naar een privé evenement en de stagiaires kregen vrij. Ik had dus een lang weekend, en dat beviel prima!

Vandaag, bIj aankomst, was Bojan aanwezig op kantoor, nog 3 weken te gaan voor zijn thesis voordat hij weer full-time aan de slag kan. Hij vroeg me naar de vorderingen en ik liet hem mijn blog zien. De kwantiteits aanpak beviel hem en vond dat er veel bruikbare dingen tussen zaten, hij wees erop dat het belangrijk zal zijn hoe de objecten zullen bewegen wanneer je ze aanraakt. Omdat je deze vooral in beweging zal aantreffen. Dat ben ik streng met hem eens. Vanmiddag kijken ik, Adriaan en Bojan samen naar het materiaal en zullen we opnieuw reflecteren met dit punt in gedachten.

We zouden goed doen een checklist te gebruiken, om te kijken welke ontwerpen voldoen aan een aantal punten, laat ik het andersom zeggen, welke doelen moet de game halen en wat voor ontwerp sluit daar bij aan. I’ll write this in english because I’m talking to Boyan right now, and I dont want to switch english dutch every …. sentence!. 😛
The buttons need to;

  • be interestingly switchable/animatable from one color to the next.
  • stay away from pure skeuomorphic (imitating real) + stay away from pure abstract (too simple)
  • have some karakter (recognisablity)
  • communicate the functionality / be inviting to press as a (single-press) button
  • fit with the background
  • have enough space to contain colour
  • have an even outer shape, so its clear where to press
  • be clearly seperatable from the background

The background needs to:

  • also stay away from pure skeuomorphic (imitating real) + stay away from pure abstract (too simple)
  • show that it´s non-interactable
  • fit with the style and look of the buttons / overal game
  • be non-distracting from the foreground
  • be neutral in colour

The game needs to:

  • put the player into a mode of dueling / rivaling / competing / dominant.
  • covert the feeling of martial arts, kids fighting, hand wrestle, hand pushing away. HANDS! are prominant.
  • give the feeling of excitement adrenaline before the duel starts
  • addict players to want to keep playing another game after another
  • challenge players to challenge others – maybe through reward, score system

wo 18 okt

Hai, ik zal toegeven, vandaag heb ik niet veel zin om m’n blog bij te werken, ik heb gewoon teveel zin om te beginnen! ^^ Vanochtend bezit ik veel energie in tegenstelling tot de dagen ervoor.

Proefjes gemaakt met brushes om het symbool/button een meer getekend gevoel te geven op vraag van Adriaan. Ook heb ik proefjes gemaakt met echte inkt en kwast, maar dit gaf niet het gewenste effect.

Echter vond in na uitproberen de symbolen met inkt op papier echt niet uitdagen tot het indrukken of aanraken ervan, het symbool bevalt me goed, maar het moet prikkelen. Dat doet het wat mij betreft pas wanneer het voorwerp een mate van reliëf heeft. eerder kwam ik al tot de conclusie dat iets pas uitdaagt tot indrukken als het uitsteekt. Ik moest hierdoor denken aan een Maya tempel muur, ik tikte het in op google en kreeg de muur uit de afbeelding hieronder, deze snelle uitsnede en inkleuring geeft mij wel dat prikkelende gevoel.. Ook moet ik er over nadenken hoe de transitie zal plaatsvinden tussen de ene kleur en de andere, is dit; door middel van magie? of veranderen ze van kant als een draaiende dobbelsteen? iets anders?

( ma/di ) 16 und 17 oktober

Maandag:
Deze dag ben ik nog meer variaties gaan maken op de gekozen buttons, later gestart met dezelfde snelle en intuïtieve aanpak voor achtergronden.

Afbeelding

Tegelijk met andere stagiair wat eerder naar huis gegaan omdat de energie er flink doorheen zat.

Dinsdag:
Nog steeds niet helemaal beter maar het leven gaat door. halverwege de dag een dutje gedaan om bij te
komen. Daarna weer de energie om de rest van de dag te werken.

Verder gewerkt aan achtergronden,

later met Adriaan weer gekeken welke richting we op willen, keuzes gemaakt en deze buttons op 1 scherm gezet om overzicht te geven. Hiervan hebben we er 1 gekozen waarmee ik daarna aan de slag ging. Vandaag ga ik variaties met inkt maken op dat ontwerp om het Aziatische thema aan te houden.

Ik wil nog even kwijt dat ik terloops ook ontzettend veel mee krijg wat betreft marketing en business mogelijkheden doordat er naast mij gesprekken worden gevoerd met klanten van Game Oven, maar omdat dit veelal tussendoor gebeurd en ik geen aantekeningen van heb blijven deze niet in het bewuste hangen maar zeker wel in mijn onbewuste opgeslagen. Terwijl er naast mij een gesprek gevoerd wordt met een begeleider (een man die geholpen heeft met de online game Habbo Hotel) merk ik dat het erg lastig vind om daarna te luisteren en deze blog bij te houden, als ik deze post later teruglees zal ik waarschijnlijk lachen om de zinsopbouw.

AfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeeldingAfbeelding