multimedia @ VU
[] readme course 1 2 3 technical hammer characters models VGUI mods shaders media resources

talk show tell print

Uitleg
Voorbereiding

Op de computers waar de deelnemers de masterclass gaan volgen staat het volgende vooraf geïnstalleerd:

  • Half-Life 2 en Steam (In D:\Program Files\Valve).
  • VU-Life 2 Mod (In D:\Program Files\Valve\Steam\SteamApps\SourceMods).
  • VTFEdit (In D:\VTFEdit).
  • Masterclass conversie programma (In D:\Masterclass Converter).
  • Een grafisch tekenprogramma.

Bovendien hebben alle deelnemers alvast mee (optioneel):

  • Plaatjes van materiaal (hout, metaal, etc) in .jpg formaat.
  • Plaatjes van posters in .jpg formaat.
  • Foto's van een bekende omgeving/kamer.

Eventueel kunnen de deelnemers tijdens de masterclass zelf nog naar plaatjes zoeken op het Internet.

Introductie textures

Om met textures te kunnen beginnen, moet je eerst weten waar alles zit en wat je allemaal precies moet aanpassen. Allereerst de directory structuur.

Het spel is geïnstalleerd in D:\Program Files\Valve. Ga hier naar toe met Windows verkenner (of via My Computer). Vervolgens blader je verder totdat je zit in D:\Program Files\Valve\Steam\Steamapps\SourceMods. In deze directory zitten alle Mods die je zelf hebt gemaakt (of gaat maken in de toekomst).

Als het goed is staat hier een map Vu-Life 2. In deze map zit 1 directory die belangrijk is voor vandaag, namelijk materials. Hier zit namelijk alle textures in die worden gebruikt in deze Mod. Wij zullen alleen de mappen masterclass en ninja gebruiken hiervan.


Hier moet je zijn!

Textures converteren

Half-Life 2 en de Mods hiervan gebruiken een speciaal formaat om de textures op te slaan. Voor elke texture zijn er 2 bestanden nodig: het .vtf bestand en het .vmt bestand. Het eerstgenoemde is de texture zelf en het laatstgenoemde is een tekstbestandje waarin onder andere staat beschreven wat het voor texture is en waar het zich bevindt.

Het is mogelijk om een willekeurig .jpg plaatje om te zetten naar het vtf bestand. Er is echter 1 voorwaarde: de plaatjes moeten 128 pixels x 128 pixels, 256 pixels x 256 pixels of 512 pixel x 512 pixels zijn. Houd hier rekening mee voordat je begint met converteren.

Er zijn twee manieren om je .jpg om te zetten naar vtf en vmt (het is handig om ze beide eens uit te proberen):

  • Conversie met masterclass programma
    In de directory D:\Masterclass converter staat een programma die MasterClass.exe heet. Het gebruik van het programma is vanzelfsprekend en ziet er als volgt uit:

    Met "…" kan je een jpg plaatje selecteren. Vervolgens moet er een naam ingetikt worden (je krijgt later een lijstje met namen die je kan gebruiken) en daarna op "convert" gedrukt worden. De texture wordt nu automatisch gegenereerd en gekopieerd naar de goede map in de Vu-Life 2 Mod. Denk eraan dat je plaatje van de juiste grootte moet zijn, anders weigert het programma de conversie.

    Samenvatting:
    • Zorg dat je plaatje van het juiste formaat is (128x128, 256x256 of 512 x 512).
    • Start MasterClass.exe in D:\MasterClass converter.
    • Selecteer jpg file.
    • Vul een naam in.
    • Druk op "convert".

  • Conversie met VTFEdit
    Werkt het bovenstaande programma niet, of is het niet aanwezig? Dan moet de texture conversie gedaan worden met VTFEdit, die zich bevindt in D:\VTFEdit. Bij het dubbelklikken van VTFEdit.exe wordt het volgende programma opgestart:

    Je kan je eigen jpg file laden door op File -> Import te klikken. Nadat je het plaatje hebt geselecteerd krijg je een optie scherm. Klik hier gewoon op OK. Het .vtf bestand kan dan gegenereerd worden door naar File -> Save te gaan. Het andere bestand (.vmt) kan je genereren door te gaan naar Tools -> Create VMT file. Onder het tabblad "options" kan je bij "Surface 1" ook nog aangeven hoe de texture zich moet gedragen (bijvoorbeeld als metaal). Druk op create en selecteer de locatie en naam.


    Alles wat deze texture heeft zal zich gedragen als metaal.

    Samenvatting:
    • Zorg dat je plaatje van het juiste formaat is (128x128, 256x256 of 512x512).
    • Start VTFEdit.exe uit map D:\VTFEdit.
    • File -> Import en selecteer je jpg file.
    • Druk op OK bij option scherm.
    • File -> Save As om .vtf te genereren.
    • Tools -> Create VMT file om .vmt te genereren.
    • Geef onder Surface 1 in tabblad options het gedrag van de texture aan.
    • Druk op create.

Textures toevoegen

We weten nu hoe wij textures kunnen converteren. Nu gaan we echt beginnen met aanpassen. Eerst gaan we kijken hoe de level er nu uitziet.

Opstarten van het spel:

  • Dubbelklik op het Steam icoontje rechtsonder in de taakbalk. Je krijgt nu 3 tabbladen te zien: Store, Games en Tools.
  • Onder Games staat Vu-Life 2. Dubbelklik hierop om het op te starten.
  • Het spel start en als alles gereed is, staat er een menuoptie "Masterclass". Klik hierop om de level te bekijken die we gaan aanpassen.

Het vervangen van textures

Het is nu mogelijk om veel objecten aan te passen met je eigen texture. Hier volgt een tabel met welke texture bij welk onderdeel van de kamer hoort:
Welk objectTexture naam
Vloer van deze kamermc_vloer
Muur van deze kamermc_binnenmuur
De tafelsmc_tafels
De boekenkastenmc_boekenkasten
Poster 1mc_poster1
Poster 2mc_poster2
Poster 3mc_poster3
Poster 4mc_poster4
Poster 5mc_poster5
Poster 6mc_poster6
Plafond van deze kamermc_plafond
Stoep buitenmc_buiten_stoep
Muurschilderij buiten, linkerkantmc_wall_left
Muurschilderij buiten, middenmc_wall_midden
Muurschilderij buiten, rechterkantmc_wall_right

Links van deze tabel staat een beschrijving van het object dat je wil aanpassen; rechts staat de naam van de texture die je moet vervangen om je object aan te passen.

Een voorbeeld: Je wilt de texture van de vloer van de kamer vervangen door je eigen:

  • Zoek in de tabel de juiste naam. Hier: mc_vloer.
  • Start een van de twee texture programma's.
    • Als je mc_vloer als naam invult bij het masterclass conversie programma, dan wordt de texture (.vtf en .vmt) automatisch naar de juiste locatie gekopieerd.
    • Bij VTFEdit moet je de .vtf en .vmt bestanden beide opslaan in de map Vu-Life 2\materials\masterclass. Zie paragraaf over directory structuur als je niet meer weet waar alles staat.
  • Als je de texture hebt vervangen, start het spel op en bekijk het resultaat!

Nog een aantal opmerkingen:

  • Bij sommige textures is het van belang / mooier als ze goed overlopen (bij textures die overlopen zie je geen "grens" als je ze achter/onder elkaar zet). Dit geldt bijvoorbeeld voor de vloer en muren. Het is een goede oefening om een texture die niet goed overloopt, zo aan te passen dat het wel goed overloopt.
  • Het muurschilderij buiten de kamer (de muur waar je het meeste zonneschijn ziet), bestaat uit 3 delen. Oefening: zorg dat je met deze 3 delen 1 enkel groot plaatje kan laten zien.
  • Verder mag je de textures van de level aanpassen zoals je zelf wilt. Zodra je denkt dat je dit allemaal onder de knie hebt, ga dan verder met het aanpassen van een model.

Het uiterlijk van een model aanpassen

Zoals je misschien al gezien hebt, staat er een ninja in de kamer. Het uiterlijk van deze ninja kan, net als alle andere objecten, aangepast worden. Alleen gaat het bij een model iets anders.

In de Vu-Life 2 map zit een NinjaSkin-map. Hierin zit een voorgemaakte .jpg van het uiterlijk (de skin) van de ninja. Open deze in je favoriete graphics programma en je zult zien dat het een andere opbouw heeft dan de andere textures. Het is aan jou om de juiste indeling te vinden. Waar moet je wat aanpassen? Waar zitten de mond, ogen, handen, schoenen, etc? Probeer verschillende dingen aan te passen op verschillende plekken om hier achter te komen.


Hmm… waar is zijn mond nou gebleven?

Om je nieuw gemaakte skin te testen, doe je het volgende:

  • Dit keer kan je het masterclass conversie programma niet gebruiken (vanwege een andere locatie van de ninja skin).
  • Open VTFEdit en importeer de ninja-skin.
  • Sla deze vervolgens op in de directory Vu-Life 2\materials\ninja als bestandsnaam nskingr.vtf.
  • Maak geen .vmt bestand aan! Het .vmt bestand dat al aanwezig is, hoeft niet vervangen te worden.
  • Start nu het spel en bekijk je ninja.

Als je er eenmaal achter bent gekomen waar je de lichaamsdelen kan aanpassen, dan kun je verder gaan met het toevoegen van objecten aan de map in de officiële editor: Hammer.

Wat is de Hammer editor?

Sommige spellen geven je de mogelijkheid om zelf levels en maps te maken, je eigen spelomgeving zeg maar. Half-Life 2 is hier een van. Bij Half-Life 2 kan dit met de Hammer editor. Deze editor geeft je toegang tot alle objecten die in het spel voorkomen, maar ook geeft hij je de mogelijkheid om zelf nieuwe objecten aan te maken. Een editor als deze is natuurlijk een stuk makkelijker dan met de hand alles helemaal zelf te moeten coderen; vandaar dat de makers van een spel graag een editor gebruiken.

Voor onze les is het nuttig dat Hammer ons kan helpen met het maken en bewerken van objecten in 3D. We zullen dan ook uitleggen hoe dit werkt en je zelf ook wat laten maken hiermee, maar eerst moet je natuurlijk weten hoe je Hammer op kunt starten en weten waar je de belangrijkste functies kunt vinden.

Hoe start je de Hammer editor?

Opstarten Hammer:

  • Dubbelklik op het Steam icoontje rechtsonder in de taakbalk. Je krijgt nu 3 tabbladen te zien: Store, Games en Tools: .
  • Onder Tools staat Source SDK. Dubbelklik hierop om het te starten. Na wat geduld te hebben gehad krijg je het Source SDK scherm.
  • Bovenaan het Source SDK scherm zie je Applications staan met daar meteen onder Hammer Editor. Controleer nog even of helemaal onderaan bij Current Game wel VU-Life 2 staat; selecteer deze anders. Dubbelklik op Hammer Editor om de editor te starten. Na nog wat geduld te hebben gehad kom je in de editor.

Waar vind je de basisfuncties en hoe werken deze?

Voordat we beginnen met uitleggen waar alles zit, eerst maar even een screenshot van hoe alles er uit ziet na het opstarten:

Als we nu gaan beginnen met het maken van onze eigen map dan zouden we nu naar File gaan en New doen. Omdat wij al een basis map hebben gemaakt voor jou om uit te breiden doen we dat niet. In plaats van op New te drukken druk je op Open... Het is nu de bedoeling dat je onze map gaat openen. Deze vind je door naar D:\Program Files\Valve\Steam\Steamapps\SourceMods\VU-Life 2\maps\ te gaan en dan te dubbelklikken op masterclass.vmf. Je ziet nu als alles goed is gegaan dit:

Omdat je camera standpunt in het vak linksboven nog niet echt ideaal is gaan we daar eerst eens naar kijken. Met A, S, D en W kun je naar voren, naar achteren, naar links en naar rechts bewegen. Met de pijltjes toetsen kun je rond je as bewegen. Wanneer je shift ingedrukt houdt en de pijltjes toetsen gebruikt kun je naar link, naar rechts, naar boven of naar beneden. De muis heeft dezelfde functionaliteit als de pijltjes toetsen nadat je Z ingedrukt hebt.

Dit is waarschijnlijk wat veel tegelijk, dus laten we het nu gewoon eens gaan uitproberen. Kijk eens of je met deze knoppen de camera naar het midden van de ruimte kunt bewegen.

In het vak rechtsboven zie je de ruimte van bovenaf, terwijl je in de vakken links- en rechtsonder de voorkant en zijkant ziet. Met hulp van deze views kun je je ruimte en alle objecten die er in staan bekijken. Het is helaas niet mogelijk om de andere zijkant of de achterkant te zien.

Als je linksboven in een vak met de rechtermuisknop op zijn naam klikt kun je eventueel wijzigen wat er in het vak getoond wordt. Ook kun je voor de 3D view ("camera") instellen hoe objecten getoond moeten worden. De standaard instellingen zijn bijna altijd de goede, het kan alleen nodig zijn om de 3D view op 3D textured te zetten als hij dat nog niet staat.

Het maken en bewerken van objecten wordt verderop uitgelegd. Hiermee kun je dingen wijzigen en toevoegen in onze map. Als je hiermee klaar bent wil je natuurlijk wel eens zien hoe jouw map er uit ziet.

Ga naar file en kies voor Save. Als je dit gedaan hebt ga je weer naar File, nu kies je voor Run Map... er komt nu een schermpje te voorschijn waar je dingen in kunt stellen voor het draaien van de map. Dit laat je mooi voor wat het is en druk meteen op ok. Je moet nu een tijdje geduld hebben totdat je map geladen is in Half-Life 2. Houd er rekening mee dat dit al snel enkele minuten kan duren. En nu spelen maar!

Objecten maken.

In de Hammer editor is het mogelijk om 3D objecten aan te maken. Dit doe je door standaard objecten uit Hammer met elkaar te combineren tot je het gewenste resultaat hebt. Als eerst selecteer je aan de linker kant van het scherm de Block Creation Tool. Het met rood omlijnd icoontje is de Block Creation Tool:

Je kunt er eventueel ook voor kiezen om de Shift+B shortcut te gebruiken.

Als je dit gedaan hebt moet je kiezen wat voor object je wil maken. Je doet dit door aan de rechterkant van het scherm onder Objects te kiezen wat voor object je maken wilt. Je ziet hier een plaatje van waar je het kan selecteren.

Dit zijn de verschillende vormen die je kunt maken: eerst een plaatje met kleur op de buitenkant van de objecten en daaronder een plaatje met alleen lijnen zodat je voor sommige van de vormen beter kunt zien wat wat is.


Van link naar rechts zie je hier: arch, block, cylinder, sphere, spike, torus en wedge

Nu je weet wat wat is kun je gaan proberen om een object te maken. In elk vak, behalve die van de camera kun je je object tekenen. Dit doe je door de linker muisnop ingedrukt te houden en te slepen. Op het plaatje hieronder zie je dit.

Als je object de juiste afmetingen heeft druk je er met je rechtermuisknop op. Je kunt nu Create Object doen en nu wordt je object gemaakt. Voor sommige objecten komt er nu een scherm omhoog waarin je verschillende dingen in kunt stellen, experimenteer hier gerust mee. het object maken zie je hieronder:

Bij het tekenen van je object stel je 2 van zijn 3 dimensies in. De derde dimensie wordt automatisch ingesteld, maar meestal is dit niet op de waarde die jij wilt hebben. Kies nu een van je views waarin je de 3e dimensie goed kunt zien en pas je object aan. Dit aanpassen doe je door een van de blokjes aan de rand te pakken en te gaan slepen.

Ondertussen kun je je gemaakte object ook terug vinden in de camera view. Je uiteindelijke resultaat ziet er als volgt uit:

Je kunt nu je object verder bewerken door bijvoorbeeld de afmetingen nog wat meer te veranderen, of door hem te roteren, te vergroten of verkleinen. Dit laatste vind je allemaal door met de rechtermuisknop op je object te klikken en transform te selecteren.

Het is natuurlijk niet alleen maar mogelijk om deze basisvormen te maken. Wanneer je meerdere objecten naast elkaar zet en je ze beiden selecteert kun je de optie group op ze gebruiken. Deze vind je door met de rechtermuisknop op je object te klikken en group te selecteren. Een group kun je op dezelfde manier bewerken als één object.

Bij het selecteren van meerdere objecten kan het handig zijn om Ctrl in te drukken en om dan een voor een op ze te klikken terwijl je de Ctrl ingedrukt houdt. Op deze manier kun je heel precies bepalen wat je allemaal wel en niet selecteert.

Voor dit voorbeeld is even niet de standaard map gebruikt om wat makkelijker te kunnen laten zien wat er gebeurt, maar het werkt natuurlijk precies hetzelfde als je iets toe wilt voegen aan deze map. Mocht je het willen proberen na te doen dan kun je altijd een stukje naast de map aan de gang gaan om precies hetzelfde beeld te krijgen als in deze voorbeelden.


[] readme course 1 2 3 technical hammer characters models VGUI mods shaders media resources