Marts måned

For at se indholdet af logbogen klik på en af uge numrene. De er strukturet efter hver dag.

Forrige månedNæste måned

Dagen i dag har været stille og roligt. Det startede ud med at se en kort lille video omkring hvad autotiling er og hvordan det kan implementeres. Kort sagt er autotiling en måde at have en slags lille maler palette med forskellige farver men i stedet for at manuelt placere hvert enkelt farve jamen så kan du vælge en blok aka ens tilemap og derefter tegne med den og hvor det automatisk generer ens tegning. Det kan ses på billederne forneden. Det første billede viser egentlig ressourcen jeg anvender til mit tilemap. Det andet billede viser mit reglsæt for hvordan det automatisk skal generes når der tegnes i Unitys tilemap editor. Jeg er PT stadig igang med at forstå X og de grønne pile for at kunne forklare helt præcis hvad der foregår men indtil videre så tjekker man iforhold til hvad eksisterer og hvad gør ikke. Dette kan også ses på billedet ude til højre for billede 2.

billede 1:


billede 2:


På vej ind og tilbage fra skolen fik jeg arbejdet i boot.dev for min JavaScript forståelse. Derudover skulle jeg også til et produktvejledningsmøde hvor jeg fik nogle brugbare noter på hvordan mit portføjle skal tilpasses. Den ene ændring var at på mine læringsmål skulle der være en aktivitet i forhold til hvordan jeg har tænkt mig at opnå dette læringsmål om det enten var igennem at se en video eller læsning af dokumentation et sted. En anden ting var at jeg skulle arbejde mere med mine kortsigtede læringsmål så de blev mere præcise og sigende for hvad jeg opnår. Til sidst skal jeg også prøve at mine læringsmål ikke kun er færdigheder men også viden samt kompetencer? Fik hvertfald afvide at jeg skulle henvise mig selv i ItsLearning for 4. semester i produktvejledning for læringsmål.

Imorgen vil dagen gå med at arbejde videre i Unity og få styr på noget som hedder 2D collider tilemap. Ideen er at jeg skal sørge for at spilleren ikke kan gå ud af banen når spillet aktivt spilles. Hvis dette bliver gjort færdigt har jeg også en anden video jeg vil fordybe mig i som handler om at kan man Z sortere og det betyder egentlig at jeg jeg står bag et træ så skal jeg ikke stå ovenpå det men bagved det. Kort sagt det handler om hvem har prioten for hvad skal vises hvis 2 sprites er ovenpå hinanden. Sprites er ens ressourcer aka tegninger.

I dag har været en meget produktiv dag. Jeg fik set videon igennem med Z sortering men valgte egentlig ikke rigtig at bruge det da det ikke gav mening for hvad jeg arbejdede med. Derudover fik jeg også fikset 2D tilemap collideren for både spilleren og fjenderne. Jeg fik udviklet et nyt produkt. Et stort produkt jeg har arbejdet på i længere tid hvor jeg har gjort brug af meget af den viden jeg har fået opsamlet igennem Unity. Forneden kan du se 3 billeder som har lidt dokumentation i forhold til hvad jeg har lavet.

Billede 1: Visuelt repræsentation af hvordan spillet ser ud med belysning og fungerende automatiske tilemaps.


Billede 2: Visuelt repræsentation af min enemy spawner hvor jeg giver prefab af enemy objektet og spawn intervaler.


Billede 3: Koden repræsenterer hvordan håndteringen for spawning af fjender i spillet. Jeg vil næsten kalde det thread baseret fordi der kører flere opgaver på forskellige ventetider. I spawnEnemy funktionen der afventer vi ventetiden og derefter bliver prefabet af enemien spawnet indenfor en random position efter det er gjort så laves der en ny ventetid for den bestemte fjende som spawnede.


Der er også tilføjet en health bar hvis man går i fuldskærm i spillet. Samt en game over menu og en Main Menu. Jeg fik nogle få problemer med dette da det var en del tid siden men jeg fandt ud af løsningen da jeg så tilbage til mit første produkt da jeg der arbejdede med hvordan man opsætte en menu med både dynamiske værdier og værdier som kan trackes. Min tanke er hvertfald også jeg skal have kigget på noget ordentlig struktur i Unity fordi min nuværedene sitatution er at det godt nemt kan blive forvirrende at kigge på. Man kan hvertfald se det på billedet forneden. Når jeg engang begynder på et nyt spil projekt så tror jeg at strukturen og mappe sætningen skal på plads først for nemmere navigation for ens objekter, scripts og sprites.

Du kan prøve spillet her eller besøg min produkt side med Unity. Jeg anbefalder dog at det spilles i fuldskærm da jeg ikke helt ved hvorfor alt er så skrumpet sammen? Jeg fokusere dog ikke på visuelle elementer men bare generelt læring af editoren og hvordan man begår basale ting. Derudover er der også lyd elementer for næsten alle handlinger.
Prøv spillet her!

Dagen imorgen og indtil Fredag der vil jeg arbejde med min React valgfag som jeg lige pt arbejder med læring af JavaScript i boot.dev og Video materiale for mit React Kursus. Synes godt nok også efterhånden jeg har skrevet dette en del men jeg er ofte mere produktiv når jeg arbejder hjemme så jeg satser på at blive færdig med JavaScript video materialet. Jeg vil hvertfald opstarte med JavaScript video materialet og henvise mig selv til boot.dev hvis der er områder jeg mangler forståelse på.

Dagen i dag gik med at jeg sad og lavede mit JavaScript video materiale færdig fra kurset. Der var en masse nye ting som jeg fik kendskab til. Det ligger ikke lige til højre benet endnu men jeg tænker personligt det kommer over tid når man stille og roligt begynder at dykke længere ned. Synes også der er en del nye ting som man ikke lige kan i C# indenfor JavaScript og det kan måske blive svært at fra lære sig selv en meget bekendt syntaks. Grunden til kurset også tager en del mere tid er fordi jeg skal sørge for at jeg også forstår hvad der bliver sagt. Da noget af det jeg lærte fra sidste kursus var at jeg bare skrev efter hvad han skrev og ikke prøvede at fordybe mig i de ting som blev sagt. Tilgængæld er forfatteren super god til at forklare hver del og går godt i detjailer med forklaringerne. I slutningen af Section 2 så kom der også et dokument med 7 sidder som giver et resume på hvad jeg har brugt mere end 3 timer på.



Jeg suppliered også min viden med boot.dev. Jeg fik løst alle de gratis opgaver... så nu desværre koster det penge at gå videre med materialet. Jeg kan dog stadig henvise mig til materialet men ikke løse de givendene opgaver. Man kan hvertfald se på billederne forneden at der var mange kapitler og små sektioner i kapitelerne der også krævede ekstra læsning for at løse dem.



Senere på dagen kom jeg også i tanke om at en underviser anbefaldte at jeg skulle se om der var noget materiale for TypeScript og React sammen. Jeg fandt faktisk endnu et kursus i TypeScript med react fra den samme forfatter.
Dette er et lille kursus på godt 7 timer men ikke noget jeg vil dykke ned i før jeg egentlig er kommet godt igang med React og JavaScript. Jeg føler nemlig vejen frem er at forstå hvad TypeScript er bygget ovenpå. Essentialt sagt er TypeScript en overbyggelse på JavaScript som gør at man nu kan skrive bedre objekt orienteret programmering.

Imorgen forventer jeg også at komme en del videre i mit React Kursus og rent faktisk komme igang med at skrive React kode igen. Mit mål for imorgen er hvertfald at få lavet "Section 3: React Essentials" Det bliver også en lang dag imorgen grundet et gruppe produkt møde med fokus på udvikling af nogle UseCases og hvad vi skal priotere at udvikle for vores PO. Vi også til et 5. semesters intro møde hvis jeg husker rigtigt klokken 13:00 som varer indtil 15:00.

Vigtige pointer fra Section 3 i kurset fra Udemey for i dag.


Hvad jeg kommer til at lære
  • How to build web user interfaces with React Components
  • How to make those user interfaces interactive with States
  • How to output static, dynamic & conditional data
Hvad jeg kan efter section 3
  • Build basic, interactive React web applications
  • Use React Components to build user interfaces with ease
  • Handle user events & output data
Vigtige begreber
  • JSX = JavaScript Syntaks Extension
  • JSX = Er heller ikke understøttet af browseren men React gør at det virker.
  • index.jsx = Er en slags bootup fil for React
  • Built in components = Starter med lowercase bogstav
  • Custom components = Starter med et Uppercase bogstav

Dagen i dag gik med kun at se fra React kurset section 3. Foroven kan du se hvad forfatteren mener at jeg kommer til at have kendskab til og hvad jeg egentlig kan efter jeg har set til ende for section 3. Derud over husker jeg klart og tydeligt at en af mine undervisere også har sagt at man egentlig burde bruge mere tid på det som man hurtigst mister motivationen på. Så jeg tror frem og rettet at jeg skal gøre så jeg kun har Unity Mandag og Tirsdag så resten af ugen i både ulige og lige over bliver fokus på læring af React fordi valgfaget egentlig har rigtig meget kød på sig. Strukturen i dag på min opsætning har også været en del anderledens og tror at dette vil gøre det nemmere og se tilbage for hvad jeg egentlig bestifter mig kendskab med.

Et eksempel på en code exercise jeg lavede i dag. Systemet har også automatiske unittests til det jeg producere så jeg kan få bekræftelse af det jeg laver er rigtig forstået. Samt er der også quizzer som løbene tester din viden og forståelse.




Dagen løb desværre fra mig grundet der var så mange møder og jeg nåede ikke helt det jeg gerne ville for mit valgfag. Endte først med at være hjemme klokken 17:00 ish grundet et aflyst tog også. I produkt gruppen fik vi udarbejdet 7 usecases overskrifter og vi regner med at vi får færdiggjort dem alle. Vi ved hver især hvad vi skal arbejde med og vi har også aftalt internt at vi hver især får produceret noget hver anden uge til PO. De fleste af usecasene var baseret på CRUD og få af dem var dele af funktionalitet hjemmesiden / spil stedet.


Dog i mine flex timer om aftenen fik jeg set videre i kurset og regner stærkt med at være færdig med section 3. Har også fået snakket med en fra min ERFA gruppe i Unity at vi begge har besluttet at jeg nu fokuserer 40 - 60% procent hvor unity er 40 og react er 60 da det kræver mere at komme igang med. Det vil så sige at jeg også ændr min ugeplan for hvad jeg arbejder med. Mandag og Tirsdag vil udelukket være med Unity og fra Onsdag til Fredag React. At udvikle produkter og forståelse i Unity er relativt også nemmere at gøre og det kan man også tydeligt se at jeg nu har produceret 5 produkter i Unity og i React kun 2 styks.. Jeg tænker heller ikke det er en konkurrence med at udvikle flest produkter men man kan godt se det lidt som nogle små mål man kan gå for at opnå da man stille og roligt opbygger ens forståelse af sit valgfag.

Imorgen vil jeg gå videre med kurset og blive færdig med section 3. Jeg vil derfor også tage min struktur med fra oven af til dagen i morgen for at holde den nye note struktur.

Vigtige begreber

  • useState = Må ikke blive kaldt i nested statements såsom if statements
  • useState = Skal kaldes inde i en react component function og ikke uden for en
  • useState = Måden vi kan fortælle at siden skal opdateres igen "const [ selectedTopic, setSelectedTopic ] = useState("Please click a button");"
  • className = Er det samme som at skrive class i normal HTML strutkur ved et tag

Dagen i dag gik super godt. Jeg fik udarbejdet et nyt produkt i React og fik virkelig en god underforståelse af hvordan React virker og hvordan man arbejder i det. Jeg er også blevet mere tryg ved at skrive JavaScript kode nu hvor jeg stille og roligt er begyndt at kende bedre til syntaksen. Under kurset stødte jeg også på problemer og de problemer var at jeg selv skulle til at kode diverse små opgaver men jeg synes også det var med til at hjælpe mig med at få en bedre forståelse. Man lærer jo ikke noget hvis man allerede kan det og det godt at have det svært når man lærer noget nyt at det nemlig gør at hjernen arbejder! så egentlig er jeg meget glad for at der er de øvelser med quizzer, kode opgaver. Så de næste par billeder vil vise noget af det som jeg har kodet af lav selv øvelserne.

Billede 1: Viser at jeg faktisk kom igennem mit kursus for section 3..


Billede 2: Min kode løsning med UseStates som handler om at man dynamisk kan opdatere en hjemmeside når der sker en ændring i UI.


Billede 3: Min kode løsning med UseStates men hvor jeg ændrer noget CSS styling f.eks at få en knap til at lyse op med en css style fra et .css fil. Jeg anvender også det som hedder ClassName istedet for Class som normalvis vil blive brugt i HTML.


Billede 4 - 5: Jeg skulle anvende en array liste og output den via JavaScript map function som gennemgår alle objekter i en liste og ændr det også. Key bliver brugt som en unqiue identifier for det bestemte objekt. Jeg får mere læring om dette senere i kurset. Men egentlig på de 2 billeder kan man se at jeg får importeret Todo componentet som jeg anvender i en "unordered liste"




Som nævnt allerede fik jeg produceret et React produkt i dag og jeg vil kort lige vise et billede af produktet og hjemmesiden man selv kan gå ind og besøge.Se produktet her!


Imorgen er det weekend og jeg tænker at jeg vil prøve at holde fri ellers får jeg brugt mine flex timer på noget videre arbejde af React kurset da det er ret langt med hele 72 timer samt alle de ekstra timer man også skal putte i for at lære diverse ting. Tænker også at jeg skal se om jeg kan nå og få beskrevet diverse dele på portføjlet da der mangler noget dokumentation for læringsmål, kilder og måske andre små ændringer.

Jeg har i dag kigget kort på nogle particle kilder indenfor Unity. Jeg fandt en fra en fra Brackeys som jeg tidligere har anvendt kilder fra. I videoen forklarer han egentlig bare generelt om componentet for hvad gør hvad. Jeg har ikke set videoen helt igennem men kort skimmet den. Kilden jeg snakker om.

Jeg har haft holdt fri i dag og kort tænkt på beskrivning af min aktivitet i de læringsmål jeg har opsat. Altså hvordan jeg vil sørge for at opnå det jeg har beskrevet.
Imorgen vil jeg få fikset diverse ændringer i mit Unity spil samt prøve at få noget forståelse på particles. Grundet mine tanker vil jeg nok bruge min Tirsdag på at arbejde på læringsmål og generelt bare mit portfolie..

Dagen i dag har været med Unity og med fokus på at opnå en grundlæggene forståelse af particle systemet i Unity. Jeg fik set igennem 2 particle videoer af forfattere jeg allerede havde tidligere brugt i Unity. Den ene gav mig et nogenlunde overblik over hvad Unity particle system havde af funktionalitet mens den anden supplerede min viden og oprettelse af et simpelt particle effect. I hendes video anvender hun den til at hoppe med mens i mit produkt / spil bruger jeg den når spilleren bevæger sig. Her er kilden jeg refere til.

Med det sagt fik jeg også udarbejdet flere forskellige particle systemer et med når en fjende dør udskyder den en particle og en slags vind som kommer fra siden og flyver igennem banen. Det er også hvad du ser på billederne forneden.



I mit tidligere Unity produkt 5... fik jeg gjort så min UI var helt ved siden af. Jeg har nu også arbejdet bedre på dette område og lært hvordan man egentlig scalere det til flere skærme så den auto resizer det ordentligt noget som jeg egentlig ikke helt var klar over. Der er nemlig en meget bestemt setting i componentet Canvas som hedder "scale with screensize" og det havde jeg ikke anvendt på begge af mine UI elementer som hovedmenuen og GameOver samt ens health bar...


Ellers har dagen været meget udfordrende og især givet mig en anden forståelse af particles... men man lærer jo bedst når noget er svært og ikke giver helt mening. Jeg har dermed også valgt at udgive denne dags arbejde som produkt 6 i Unity. Her er nogle produkt billeder som egentlig viser diverse ændringer for UI og particles.




Imorgen allokere jeg også min Unity dag for at få opdateret min portfolie med det jeg mangler såsom opdaterede læringsmål, aktiviteter og eventuelt små ændringer til hvordan man nemmere kan finde produkter i forhold til sortering af oprettelses dato. Jeg synes selv at jeg er kommet ret langt med dette valgfag men i næste uge er planen også at jeg vil begynde at arbejde på et nyt spil genre som kaldes for Tower Defense som egentlig bare omhandler at du har nogle tårne som beskytter imod nogle fjender som bevæger sig på et sti.

Dagen i dag har været fokus på mit portføjle og opdatering af mine kortsigtede læringsmål for uge 10 - 11. Jeg kan allerede se en kæmpe forskel både udseende og oprettelse af dem. Jeg har nemlig været inde og læse om Bloom's taxonomy. Fra forfatteren Lene Andersen. Her er kilden https://rise.articulate.com/share/0cqLbVL1QMZ4ZrL6hJlUD1_fj4uMGWP9#/
Dermed tænker jeg også at denne nye læringsmål opsætning bliver min nye stil. Jeg vælger ikke at opdatere de gamle og at man kan se at der har været en ændring i de kortsigtede.

På billederne forneden kan man tydeligt se den forskel jeg skriver om. De mere konkrete og bruger eksempler på noget i programmet.
Billede 1: De gamle kortsigtede læringsmål for Unity i uge 10 - 11


Billede 2: De nye kortsigtede læringsmål for Unity i uge 10 - 11


Jeg har også været henne og gøre det samme for React for uge 10 - 11. Det kan ses på billederne forneden.

Billede 1: De gamle kortsigtede læringsmål for React i uge 10 - 11


Billede 2: De nye kortsigtede læringsmål for React i uge 10 - 11


Ud over dette har jeg også været rigtig i gang med at lave praktik ansøgninger. Jeg fik afsendt 3 styks i dag. En til Morningtrain, CleanManager og Blink troll. Jeg havde egentlig kun tænkt mig at ansøge hos CleanManager men jeg hørte også at rigtig mange andre havde haft søgt dem og at jeg blev nød til at søge ud over dem for at have en større cirkel. Jeg har så derfor ikke fået gjort det jeg helt vilde grundet et skift i dagens forløb. Jeg mangler på nuværendene stadig at tilføje en aktivitet for hvordan jeg vil opnå læringsmålet. Det er dog noget jeg tænker på jeg skal bare få det gjort.

Imorgen skal jeg arbejde med React og se videre i mit kursus. Jeg begynder dermed på Section 4 som også omhandler React essentielle områder. Jeg ved ikke hvad indholdet er men når der skrives Deep Dive må det være at man skal dykke længere ned i de core eksempler jeg arbejdede med sidst. Det tænker jeg nemlig at vil styrke min forståelse endnu mere.

Jeg skal også til et procesvejledningsmøde imorgen. Faktisk resten af ugen skal jeg til møder Torsdag og Fredag vil være mine Erfa møder.

Til mødet i dag har jeg fået rigtig god feedback på mit portføjle. Jeg fik afvide at jeg skal have lavet et målhierki til næstegang og når jeg opretter gruppe produkter skal det oprettes for ny så man tydeligt kan se ændringerne der tages. Dette gælder også for hjemmesider så jeg skal finde en måde at kunne vise ændringerne visuelt end hvad jeg gør på nuværendene måde. Jeg havde for noget tid siden også lavet et wireframe for hjemmesiden PO skal have og fik afvide jeg også bare skulle smide det ind i mit gruppe produkt område. I dag har jeg også arbejdet med React og forneden ligesom de andre gange tilføjer jeg vigtige begreber jeg støder på i løbet af de videoer jeg kommer igennem.

Vigtige begreber for i dag

  • Fragments = Gør at du ikke behøver at sende HTML elementer med i hver return statement men ved at bruge fragment fra react eller ved at bruge krokodillenæb åben og lukke
  • JSX = Behøves ikke at bruges i et projekt da man kan gøre det via JavaScript og doms men det er recommended at anvende JSX.

Jeg nåede egentlig ikke det store i dag. Jeg var til møde og derefter var jeg til studiecafeen for at hjælpe 1 og 2 semestre studerendene. Jeg fik dog tid til at arbejde med få videoer og en kode opgave fra kurset. Det handlede egentlig bare om at man ikke altid behøver at pass et HTML Elemennt så hvis man nu ville inspicere en hjemmeside så vil den ikke blive vist hvis man nu brugte fragments eller den nye syntaks i React hvor du bare anvender krokrodillenæb åben og luk. Kode opgaven kan ses forneden.


Jeg fik også hørt i kurset og arbejdet meget kort med at man skal ens kode meget mere simpelt og gøre det lettere læsbart. En af måderne at man kunne gøre det på var at man splitter ens store komponent op i mindre dele aka i sektioner. På billedet prøver jeg at vise 2 bokse. Den ene som er rød vil være et komponent for sig selv aka en sektion og den grønne vil være sin egen del. Billedet viser selvfølgelig ikke al koden men ideen bag hvad jeg prøver at beskrive.


Imorgen skal jeg også til et møde for Unity og heldigvis ligger det meget tidlig om morgen så jeg forhåbentlig kan tage hjem direkte efter og få noget mere produktivt arbejde ud af dagen. Har tidligere nævnt at jeg arbejder bedst derhjemme hvor jeg har ro og et bedre arbejdsforhold. Når det så er færdigt er planen at jeg skal sidde med kurset og se videre. I sektion 4 er det endelige mål at oprette et kryds og bolle spil som web applikation så mon ikke at jeg er blevet færdig med produktet denne Fredag.

Dagen i dag har slet ikke været produktiv. Jeg har rent faktisk slet ikke set noget fra React kurset.. det skyldes at jeg skal bruge 3 - 4 timer på direkte transport og deltage i et ERFA møde jeg overhovedet ikke kan finde værdi i endnu. Det demotivere mig egentlig sindssyg meget da det lidt ødelægger min rutine som jeg har sat for mig selv. Underviserne siger selvfølgelig at det er hvad vi gør det til men jeg tror min tid er bedre givet et andet sted. Jeg vælger hvertfald at deltage imorgen igen til mit React ERFA møde jeg skal til også må jeg se det an.

Nok af mit brokkeri. Jeg har fundet en ny kilde for Unity hvor kilden bygger på hvordan man laver et Tower Defense spil. Kilden bygger på de originale og gode tower defense spil som bloons og plants vs zombies. 2 spil som jeg allerede tænkte at jeg ville tage inspiration fra for at opbygge et tower defense spil.

Imorgen som nævnt skal jeg til endnu et møde men for React. Jeg vil se det an for hvordan mødet går og hvad værdi det giver mig ellers er planen at jeg får arbejdet med react kursuset senere på dagen. Hvis jeg ikke får noget aktuelt produktiv gjort imorgen så er planen hvertfald at jeg får kigget på det i weekenden da jeg er mest produktiv om morgen.

I dag stod jeg tidligt op for at få set videre i React kurset inden jeg tog afsted mod ERFA mødet. Her til morgen fik jeg lært om at opslitte components og forwarding af props.

Vigtige begreber for i dag

  • Prop Forwarding = Kort nævnt giver man prop værdier videre også kan man placere en værdi til den prop.

Jeg har også fået lavet nogle kode øvelser og den ene her er med prop forwarding.



Jeg har også været til mit React ERFA møde i dag. Mødet gik fint vil igen sige at jeg ikke fik noget værdi ud af det men kan mærke at de fleste fra min ERFA gruppe kigger på React med TypeScript og det kan være at jeg skal kort kigge på det i en periode. Jeg tænker hvertfald at færdiggøre mit Deep Dive fra Section 4 i mit React kursus. Imorgen / i weekenden er planen at jeg skal have lavet en evaluering på mine kortsigtede læringsmål og have skrevet nye for begge valgfag med samme struktur. Jeg håber også at kunne lave et lille målhierarki for begge fag. Jeg har nemlig fundet nogle gode eksempler at gå ud fra.

I dag har jeg holdt fri.

I dag har jeg siddet og lavet kortsigtede læringsmål for uge 12 - 13. Jeg har brugt samme struktur fra sidst og som kommer fra blooms taksonomi. Jeg har også udfyldt aktivitet i alle mine gamle kortsigtede læringsmål. Dermed har jeg også beskrevet min evaluering på læringsmålene fra uge 10 og 11.

Senere i dag fik jeg også oprettet min portfolie side med mine gruppe produkter indenfor mit fag og baggrund viden såsom de wireframes jeg tidligere havde lavet til hjemmesiden delen. Jeg fik også dokumenteret for hvordan jeg fandt kilderne fra mine Unity videoer. Det har været en nogenlunde produktiv dag med gradvis dokumentation af hvad jeg laver. Min plan var også at jeg skulle nå at lave et kort eksempel på et målhierarki for begge mine valgfag men det må vente til engang imorgen i toget når jeg nu skal til produktvejledning.



Imorgen vil dagen gå med arbejde af Unity og opstart på et nyt område som Tower Defense. Jeg har tidligere beskrevet at jeg har fundet en tutorial serie som arbejder ud fra populære spil titler som plants vs zombies og bloons tower defense. Planen er hvertfald at gå igang med dette og derefter som nævnt til møde med min produktgruppe og have vejledning for mine produkter og hvordan vores arbejde går med vores PO.

Dagen i dag har været lidt special med flere skift på mit fokus. Planen var jo at jeg skulle arbejde med Unity tower defense videoen efter produktvejlednings mødet men jeg var også på dette tidspunkt kommet i tanke om at jeg også skal lave mit målhierarki for begge fag. Jeg havde derfor så valgt at bruge i dag på at sætte mig ind i opbyggelsen af et målhierarki. Jeg har taget inspiration for en kilde samt andre på studiets målhierarkier. På billedet forneden kan man se arbejdet for hvad jeg nåede.. har indtil videre kun fået gjort det for Unity og det er en god start på noget ukendt.


Når jeg rigtig kommer igang med mine målhierarkier vil de blive embedded her så man kan se dem live og den nyeste version af det.

Senere på dagen fik jeg også sendt en praktik ansøgning afsted til et firma som hedder AirPlate. De arbejder med indsamling af data for deres droner og har allerede fået svar tilbage om at deltage i et møde med dem nu på Onsdag klokken 11. Der skete også noget meget uventet at jeg fik et opkald fra et andet praktikplads sted kaldet clean manager som gerne vil have at jeg får oprettet en opgave fra dem som de sender på Torsdag klokken 9. Opgaven får jeg 2 timer til at lave også skal den ellers sendes tilbage igen til dem. Hvor jeg så er inviteret til et møde hos dem om Mandagen i næste uge klokken 15:00. Opgavens fokus kommer forhåbentlig til at være React og JavaScript da jeg på nuværendene tidspunkt ikke har fået stiftet kendskab til TypeScript. Jeg vælger så derfor også at ændre hele min uge plan for denne uge til at have fuld fokus på mit valgfag med React og derfor må kigge på Unity engang i næste uge istedet.

Så planen for imorgen er at blive færdig med section 4 hvor jeg skal bygge et kryds og bolle spil i React med JavaScript fra kurset af. Når det er færdigt så vil enten gå efter at få lavet section 5 som er et mini projekt som ca varer en times tid. Efter section 5 kan jeg vælge at specialisere mig i små områder I react som API, Authentication og eventuelt et nyt kursus som jeg har tilkøbt der arbejder med React og TypeScript fra den samme forfatter.


Vigtige begreber for i dag

  • Flere JSX slots = At du egentlig kan bruge tuborg klamre til at have JSX kode i af en prop som værdi
  • Component types dynamisk = At man kan bruge ord som starter med stort bogstav til at lave sin egen custom wrapper + at man også selv kan lave en string værdi som "menu" eller "div" med denne struktur
  • Lifting state up = At man flytter "state" til den nærmeste fælles parent-komponent, så flere children-komponenter kan dele og synkronisere den samme data. Det minder lidt om viewmodels vi kender fra C# struktur af.


Dagen i dag har været rigtig produktiv da jeg nu er færdig med section 4 og har fået oprettet endnu et produkt indenfor React. Ud over det fik jeg også kort kigget section 5 igennem for hvad fokuset er der og det vil handle om at man opbygger et projekt lidt mere på egen hånd og vil klart forstærke min læring. Jeg synes specialt også dagen har været meget svær grundet de mange vigtige begreber.. det ikke alle jeg har fået dokumenteret da der har været syndssig mange videoer der alle har forklaret forskellige ting. Fra kurser kommer der for hver afslutning af en section et resume af hvad jeg har været igennem og det er noget jeg tænker nu at offentliggøre her på portfolien så jeg nemt kan gå ind og se "HEY det kan jeg huske og at jeg har viden og færdighed for dette begreb". Hvordan jeg vil strukture det ved jeg endnu ikke på dette tidspunkt.


En af de begreber jeg mødte i dag var Two-Way binding som handler om at man kort skriver noget i et input felt og derefter skal dataen opdateres visuelt i en andet input felt. Jeg arbejde også med en kode øvelse baseret på dette begreb og koncept. Dette kan ses fornenden.

Jeg holdt koden simpelt og oprettede en useState for hver funktion og brugte onClick eventet til at lave en reference til min funktion. I funktionen bruger jeg en useState funktion af f.eks. setFeedback og der tager jeg så inputtets værdi som er value fra min event.target.value og assigner det.

Noget andet jeg stødte på var det med at gemme ens billeder / offentlige dataer i et projekt. Det som er offentligt vil ligge i en mappe der hedder public og det som skal gemmes / privat vil ligge i en src/asset mappe hvor imod /public vil ligge i hoved mappen af projektet.


Nu til den mere spændene del jeg fik jo oprettet et produkt i dag af section 4 i mit kursus og det omhandlede at jeg skulle bygge det her kryds og bolle spil som tillader at man kan spille det 2 personer. Jeg oplevede flere gange fejl under udarbejdelsen af produktet og jeg må ærligt indrømme at det ikke lige altid var nemt at følge med da mit niveau af forståelse af JavaScript godt kunne mærke at blev testet. Utrolig mange turbo klamre, parenteser og brackets. Det vigtige er dog at jeg nu har 2 meget gode produkter som begge giver mig en god forståelse af hvordan du laver React projekter og hvilket også betyder at jeg nu kan stille og roligt begynde at fokusere på at udarbejde min hjemmesides del til PO i vores produkt gruppe arbejde.

Imorgen var meningen egentlig at jeg skulle få kigget på section 5 i React og begynde at opbygge mit egen projekt så jeg kunne forstærke min forståelse mere men da jeg nu har andre planer med at deltage i et praktik job samtale så vil min fokus være der. Hvis der bliver tid så vil se nogle af videoerne igennem eller måske egentlig bare genopfriske core dele af react inden jeg skal til at lave min 2 timers opgave for clean manager her på Torsdag.

Dagens fokus i dag har udelukkenede at være til praktik samtale sammen med Airplate. De virkede rigtig spændene og nogen jeg egentlig ser fremt il at arbejde sammen med i mit praktikperiode. Jeg valgte så dermed også at tage lidt af en pause i dag grundet de mange timer jeg fik brugt i går. Så mit hoved er lidt klaret op i forhold til imorgens opgave. Jeg valgte derfor så også kort og kigge igennem det jeg allerede har lavet og vil se om jeg kan stille og roligt foklare hvad jeg egentlig har lavet indtil videre.

Imorgen klokken 9:00 vil jeg få tilsendt en opgave fra Clean Manager jeg har 2 timer til at arbejde med opgaven og opgavens fokus ligger på en programmerings opgave med React, TypeScript og eventuelt noget JavaScript.

I dag har været en spændene dag. Jeg har nemlig haft fokus på at arbejde med React og TypeScript grundet min mindre opgave givet fra Clean Manager. Opgaven handlede på at jeg skulle oprette en slags farve vælger så når man trykkede på en farve så skulle man få farven og se den ændre sig i UI'et så ca. noget jeg godt kunne genkende fra tidligere arbejdsopgaver vi har haft om i C# og med mit React kursus med JavaScript.

Billede 1:


Billede 2:


Billede 3:


Billede 4:


Billederne foroven viser det jeg har arbejdet med i dag. Jeg brugte i alt ca 2 timer på det og slut produktet endte med at virke som det skal. Jeg må ærligt indrømme at det var lidt anderledens at arbejde på denne måde fordi jeg netop ikke skulle anvende en guide / kursus for at komme igennem processen. Jeg endte også med at have det svært med at bruge alt min JavaScript viden fordi at det skulle anvende TSX filer og ikke JSX filer. Så kort sagt TypeScript som er type stærk og noget jeg egentlig kun kender fra C# af at man definere typen såsom en string, bool og int. Så jeg brugte lidt AI til hjælp af kodnings delen for at få det til at virke med TypeScript istedet for JavaScript. Der har egentlig ikke været de store ændringer ud over den måde man giver en værdi videre til et andet component og angivningen af variabler.

Jeg vælger så derfor også at gøre dette til et af mine læringsprodukter. Produktet er lavet i en hjemmeside kaldet Codesandbox noget jeg allerede kender fra mit React kursus. Det egentlig en hjemmeside som tillader at man koder ens projekter over nettet frem for lokalt så man nemt kan se en live opdatering af hvad der sker i ens UI.

Dagen imorgen vil igen være React og forhåbentlig færdiggøre section 5 i mit React kursus hvor jeg skal lave mit eget mini projekt lidt ligesom i dag. Når section 5 er blevet færdigt i kurset har jeg valgt at kigge videre på React og TypeScript sammen.

Jeg blev færdig med section 5 i kurset og det gik egentlig ret fint med at få lavet det nye projekt men det er ofte at jeg føler mig lost i det jeg arbejder på. Fordi jeg ikke rigtig forstår helt variablerne og hvis man ikke lige holder tungen i munden så kan man miste overblikket da alle ens variabler ikke er defineret og noget jeg kan mærke at jeg mangler. Så det også godt at jeg vil begynde at gå mod TypeScript vejen grundet både min erfaring med C# og hvad de andre i min ERFA gruppe har valgt at gøre. Det er dog ikke noget jeg vil få noget i næste uge da der vil mit fokus nok ligge på at arbejde med Unity da jeg slet ikke har haft arbejdet med mit andet valgfag denne uge grundet ændringerne fra praktik samtalerne. Jeg vælger nok at arbejde med mine målhierarkier på Mandag og får dem lavet færdig op til mit møde på Onsdag for procesvejledning ellers ud over det vil mit fokus være på at arbejde med Unity. Her er nogle billeder af produktet jeg fik arbejdet på i dag.

Billede 1: Egentlig kort beskrevet er dette UI og inputfelter der kan skrives i.


Billede 2: Til venstre i billedet kan man se den moderne komponent struktur som også i billedet kan ses bliver anvendt lige som jeg kender det fra Blazor og MVC. React bruger komponent baseret arktitetur. Den sidste røde boks midt i billedet kan man i toppen ved variablen userInput se at jeg opretter et objekt som også styrer en state som kan opdatere UI hvis noget værdi ændres som du egentlig kan se i onChangeInput som anvender metoden handleChange. Det meget forvirret beskrevet hvis man ikke lige har kendskab til og hvad man direkte ser på. Det eneste jeg jeg havde lidt svært ved på dette billede var til den kommentar jeg har givet med at +newValue åbentbart konventere værdien fra en string til et nummer? Det igen noget jeg beskrev foroven med at jeg kan blive forvirret når der ikke er blevet angivet typer på mine variabler.


Billede 3: I billede 2 beskrev jeg at der var en property kaldet for onChangeInput og det er en pointer som går ind i et andet komponent og kan bruges til at opdatere intialInvestment propertien som findes i appens state i app komponenten. og for at få værdien direkte bruger jeg event.target.value. Jeg tror at jeg kommer til at bedre kunne lide at arbejde med TypeScript end JavaScript specifikt.



Imorgen er det weekend og jeg tænker ikke at jeg vil nå det store i weekenden grundet en kommentar om at jeg egentlig arbejder for meget og jeg skal passe på at det ikke går hen og ødelægger ens proces. Jeg vil så derfor alligevel tænkte på hvordan mit målhierarki skal arbejdes på fordi sidst jeg arbejdede med det tog det alligevel en del tid at sætte mig ind i.

Dagens fokus har været at slappe af og kort tænke på mit målhierarki. Jeg har også hjulpet nogle fra studiet i React.

Jeg har i dag kigget kort igennem min løsning til clean manager da imorgen skal til praktik samtale med dem.

Dagen i dag gik på at færdiggøre eksempler for mine målhierarkier i begge valgfag. Jeg vil nu selv mene at de blev nogenlunde for noget jeg aldrig har arbejdet på og heller endnu ikke har fået feedback på. Jeg snakkede også kort med nogle fra min ERFRA gruppe og produkt gruppe angående deres holdning til et målhierarki og de nævnte at i ens leverancer var det godt at komme helt ned i detjailer for hvad jeg har tænkt sig at udføre som en slags aktivitet. Det minder hvertfald meget om det jeg allerede nu beskriver i mine kortsigtede læringsmål. Jeg fik også opsat min portfolie hjemmeside til at embedde de to målhierarkier så den live opdatere når jeg laver ændringer. Planen er at jeg hvertfald dokumentere når der laves opdateringer i logbogen men ellers tænker jeg det er fint med at have den som den er at den live opdatere.



Derud over har dagen også været brugt til besøg hos Clean Manager for det React produkt jeg lavede for dem i sidste Torsdag. Jeg synes samtalen gik udemærket og de forventer at de har svar til mig på Fredag. Jeg er nu heller ikke sikker på om det er dem jeg vil endnu men firmaet fra Airplate har nu tilbudt mig en praktikplads som jeg nok ender med at vælge grundet at de arbejder med FullStack udvikling i React. Dagen har ikke budt på det helt store men det skyldes også de mange timer brugt på offentlig transport.

Imorgen er mit fokus på Unity hvor jeg har fokus på at lave et tower defense spil som jeg tidligere har beskrevet at være et bloons tower defense reference samt plants vs zombies. Dette produkt vil også være et produkt for min PO fordi at jeg har tænkt mig at gå med ideen om at lave et tower defense spil. Jeg kommer primært til at opbygge det med et blomster tema da vores PO er et blomster firma. Jeg har på nuværendene tidspunkt tænkt mig at selv designe de grafisk design hvor meget tid jeg vil bruge der er ukendt men jeg vil hvertfald bruge min eksisterene viden og få en masse udfordning på den viden jeg har. Jeg vil anvende en video tutorial på godt 10 videoer så jeg har nok at se til imorgen. Det skal også kort nævnes at jeg har endnu en praktik samtale med et firma som hedder Struct.

Dagen i dag gik med at jeg arbejdede på mit nye Unity Tower Defense spil. Videoen serien fortæller rigtig meget så det er med at tage det i bidder så man ikke ender med at fylde ens hoved fuldstænding med informationer. Jeg fik også skrevet en masse kode men hvad alt helt præcis gør er jeg ikke helt med på endnu og tror jeg skal bruge noget tid på lige at gå igennem det jeg har skrevet engang imorgen. Noget af koden kan ses forneden.

Billede 1: Et kort kig i Enemy scriptet er at i Update kører vi igennem en array baseret på en masse checkpoints som en fjende bevæger sig på. Den stil er defineret af GameObjects inde i Unity


Billede 2: Den array af checkpoints


Billede 3: Til sidst i enemy scriptet kører jeg en fixedupdate som håndtere at en fjende bevæger sig mod checkpoints og på en af linjerne får jeg mine enemy sprites til at kigge mod den sti den bevæger sig af.


Billede 4: Så til noget jeg begyndte at miste fokus over var at jeg fik lavet så mange forskellige variabler og det vil være dette som jeg vil gå igennem imorgen så jeg er med på hvad der sker helt præcis. Jeg er med på at dette vil i fremtiden håndtere logikken for waves og hvordan mine enemies vil blive oprettet. Der håndteres også flere forskellige typer enemies som jeg viser lige om lidt af noget kort pixeleret materiale som jeg fik lavet.


Kort nævnt har jeg også arbejdet med at få lavet mine egne sprites til brug af test af oprettelse af dette spil. Spillet her har fokus på at jeg på et senere tidspunkt får lavet spritesne om til planter men i denne omgang noget hurtigt og nemt at lave. Der er 3 forskellige enemy sprites og et level sprite.


Imorgen vil jeg arbejde videre med videoen og sørge for at jeg lige får fuldt op på hvad jeg lavede i dag. Imorgen skal jeg også deltage i et procesvejlednings møde hvor mine målhierarkier kommer på spil. Jeg er spændt på at høre hvilke kommentarer vejlederen har til dette. Det skal også kort nævnes at jeg deltog i dag til praktiksamtale med Struct og personligt synes jeg det gik meget godt og der forventes svar denne Fredag.

Først og fremmest var produktvejlednings mødet aflyst så jeg fik aldrig feedback på mine målhierarkier som jeg havde haft udviklet. Jeg får heldigvis bare feedback næste gang. Jeg har også fået snakket med folk fra ERFA grupperne af angåendene mine målhierarkier og jeg fik egentlig ikke den bedste feedback tilbage men det kan jo også betyde at jeg har det godt.

Dagens arbejde med Unity gik med at se tilbage på det kode jeg allerede havde skrevet og blive klogere på det jeg allerede har udviklet. Derudover fik jeg også tilføjet nye ting til tower defense spillet såsom det med at der findes tårne. Dens opgave er at man skal kunne tracke en fjende som bevæger sig på de checkpoints jeg skrev om igår. I det en fjende går ind i en tårns rækkevidde skal den reagere og begynde at skyde fjenden så enemy objektet bliver fjernet.

Billede 1: Viser tårnet rækkevidde og at tårnet sigter mod fjenderne.


Billede 2: Viser koden hvor der er oprettet en liste af fjender som befinder sig inde i rækkevidden. OnTriggerEnter2D gør at fjenden bliver tilføjet til min liste af fjender og i det man går ud af rækkevidden så er der også lavet en metode til at håndtere det. Jeg glemte at tilføje denne metode og det gik først op for mig at den skulle bruges efter jeg prøvet spillet igennem fordi hvis jo aldrig fik ryddet op i ens liste så vil den jo altid være index 0 også vil mit tårn jo altid sigte mod denne bestemte fjende.


Der blev også lavet en del andre ændringer såsom fjender nu selvfølgelig har fået liv og mine tårne selvfølgelig også har variabler tilknyttet til dem såsom damage og cooldown for hvor hurtig de skyder efter fjenderne. Jeg er også blevet mere klar over at dette spil projekt måske ikke vil blive mit PO produkt alligevel men et mindre produkt af den vej jeg vil arbejde mig mod. Hvor jeg egentlig selv opretter et helt tower defense spil af mig selv og det tror jeg bliver mere spændene men det bliver først når jeg er færdig med denne video serie.

Imorgen er planen selvfølgelig at gå videre med video serien og få rettet op på nogle ting i min portføjle som jeg ikke lige har haft nået. Såsom mine læringsmåls aktiviteter.

Endnu ikke dokumenteret

Endnu ikke dokumenteret

Endnu ikke dokumenteret

Endnu ikke dokumenteret

Endnu ikke dokumenteret

Endnu ikke dokumenteret

Endnu ikke dokumenteret

Endnu ikke dokumenteret

Endnu ikke dokumenteret

Endnu ikke dokumenteret

Endnu ikke dokumenteret

Tilbage til menuen