de eerste levels komen er aan! door gebruik te maken van gummen en kleuren kunnen deze levels opgelost worden. in level 3 word gebruik gemaakt van de keerzijde van een bladzijde.
-
Recent Posts
Recent Comments
Archives
Categories
!!Collision!!
Vandaag is er al genoeg code om een spel mee te maken. Het blokje kan nu niet alleen bewegen naar de geklikte locatie, maar het stopt om pardoes als het een muur tegen komt. Dus ik kan altijd nog afsturen op een doolhof als de rest niet lukt. Om het te bewijzen dat het werkt hier een plaatje van de start en een botsing. Niet gephotoshopt!
De collision werkt als volgt. het spel houd een lijst met getallen bij die aangeven of je ergens kan lopen. 0 als je er kan lopen, 1 als je dat niet kan. Dit is per vakje niet per pixel. Een vak is bv 50px. Dus als vakje 0 op 1 staat betekent het dat je niet op pixel 0 tot 50 kunt staan. Dat is zowel naar rechts als naar beneden. vierkanten van 50×50 dus. Het speler object roept de collision check aan en geeft zichzelf als argument mee. De collision check vormt de x,y coördinaten van alle 4 de hoeken van het object om naar de positie in de collision lijst en kijkt wat er in dat vakje staat. Is dat een 1 dan geeft hij dat terug aan het speler object en die zet zichzelf dan terug op de positie waar hij aan het begin van het frame was.
Techniek
De laatste paar dagen ben ik bezig geweest met de techniek. Ik heb een heel klein begin gemaakt met de game engine. Maar er zit letterlijk beweging in. Met behoorlijk wat moeite, beweegt nu een blokje zich naar de plek waar je met de muis klikt. Behalve natuurlijk als je bij de rand in de buurt komt. Dan verschuift de achtergrond om je meer van de wereld te laten zien. Een wereld die nu niet meer is dan een wit vlak. Zien doe je het dus nog niet. 
maar vertrouw op mij het werkt.
Dit lijkt niet heel erg veel, maar voor dat ik hier aan begon had ik 0 javascript ervaring. Het koste even om uit te vogelen hoe te bouwen wat ik wil. Gelukkig is in de wereld van de code alles al wel eens eerder gedaan en word code vrij gedeeld. Of eigenlijk is alles al bijna gedaan. Voorbeelden zijn altijd wat je wilt maar dan net even anders.
Neem nu het framework (engine) die op de achtergrond draait. De onderdelen die zorgen dat alles te zien is, weten waar het moet staan en welke reacties op acties volgen. Matthew Casperson is zo vriendelijk geweest om daar deze tutorial over te schrijven. Een hele goede basis. Maar ik wil natuurlijk net ff iets anders. Niet met toetsen besturen maar met de muis zoals in deze game. De besturing in een aparte class zodat je hem aan en uit kan zetten etc. Kort om, voorbeelden genoeg om zonder ervaring met javascript en canvas te beginnen. Maar voor je het weet zit je naast tutorial ook dit soort documenten te lezen.
Morgen verder met collision detectie door middel van het vergelijken van pixels op 2 lagen.
Design
Na te weten wat je op een meta niveau wil bereiken kwam de design fase. In deze fase blijf je altijd met een been achter. Om een concept te ontwikkelen maak ik veel notities. Daarvan word 90% weer vergeten. Maar wat blijft hangen doet dat niet voor niets. Er moet dus wel wat in zitten dat, in ieder geval ikzelf, interessant vind. Dat kan zijn omdat het een uitdaging is, een leuke oplossing is waarvan je verwacht dat anderen het ook leuk zullen vinden, omdat het diepgang brengt of omdat je er verliefd op bent geworden. Die laatste probeer ik zo snel mogelijk te vinden en als nog te vergeten. Liefde maakt blind, ook in design. Vaak zijn dat de onderdelen die het slechts werken.
De notities zijn aan het begin vooral losse ideeën een onderzoek. Dit verschuiven langzaam naar steeds meer uitwerkingen van het zelfde probleem. Die, als het goed is, steeds beter verfijnder worden en steeds beter met andere ideeën gaan samenwerken.
Het afstuderen is begonnen
Vier weken geleden ben ik gestart met mijn afstudeer project. Ik ga afstuderen met een online game die te spelen zal zijn in de browser. In deze game bouw je een koninkrijk. De wereld waar je in speelt zal over tijd veranderen aan de hand van speler acties. Hierdoor krijgt de speler en de wereld geschiedenis. In de eerste paar weken heb ik veel tijd besteed aan het schrijven van een ontwerp document. Hierin ben ik begonnen met de visie achter het ontwerp en wat de game inhoud. Hier een stuk uit mijn design doc over de achterliggende visie. Morgen gaan we verder met wat de game nu eigenlijk echt inhoud. Om zo snel in te lopen naar het punt waar ik nu ben.
Philosophy
Mixing Role play with casual gaming
We have all seen the great successes of casual games online. flash portals and Facebook games attract millions of players with their “easy to get started” game play. On the other side we see Role playing games engaging players for hours sometimes days on end with their well written stories. This game strives to mix the two together. It will attract casual games with its easy controls and hook more advanced players with its ongoing story.
Stories make everything better
Good storytelling keeps people engaged in whatever form it takes. May it be movies, theatre or books. They all play on the same feeling. The constant question “what will happen next?” is a powerful and enjoyable motivation to keep watching, reading or playing. A good story leaves you with a satisfied feeling because it creates a meaningful context. By telling stories in real time, the game world becomes more real and potentially makes a story last forever.
Creating a living breathing world
The later stages of the game are focused on connecting players. This is done by allowing players to form mutual beneficial groups and allowing them to ad content to the world. Players can create quests other players can complete and even create new islands to explore.
Creative company conference 2010
This year I had the pleasure of being invited to the Creative company conference in Haarlem. CCC is a conference that attracts a wide verity of creative professionals. You will find CEO’s, Creative directors, Journalists and even the stray student lucky enough to join the fun. I was one of those, A student preparing to become a creative professional.
The day started with a long but uneventful train journey from Utrecht to Haarlem. A light drizzle guided me from Haarlem station to the theatre where the conference was taking place. After receiving the usual badge it was time for some coffee and a look in to the day’s program. The program held twelve speakers and a workshop. To many to talk about all of them so I will stick to the highlights.
The most entertaining speakers of the day was Ross Zietz. Ross is the art director at threadless, the Community driven T-shirt shop. He talked about the history of threadless and how he ended up working there. After their great promotional movies most of us were ready to drop everything and switch jobs. Or at least grab a T-shirt.
The most inspiring and useful talks was Scott Belsky on “Getting things done.” Scott is the Founder and CEO of Behance, the company behind the Behance network (Behance.net), and the author of the book “Making Ideas Happen.” He shared with us the practices all successful creative teams share. Practical solution to real problems, several of which I have already integrated in to my daily work.
The closing talk of the day was on transmedia by Adrian Hon. He gave us a small peek in to the future of storytelling. The day left me knowing no media will ever stand on its own. The interconnected web of media will continue to grow and evolve, and what we have seen up till now is nothing compared to what is to come.