mkvad
mkvad
  • Видео 60
  • Просмотров 34 416
Kreativ Koding: Be square
I denne serien starter vi med et mønster, bilde eller en animasjon og prøver å generere noe uttrykksfullt ved hjelp av koding.
"Creative coding is a type of computer programming in which the goal is to create something expressive instead of something functional." - Wikipedia
#koding #p5js #javascript #kunst #kreativkoding #creativecoding #programmering
Kode: editor.p5js.org/mkvad/sketches/8tfoFnhK9
Music by Vincent Rubinetti
Download the music on Bandcamp:
vincerubinetti.bandcamp.com/album/the-music-of-3blue1brown
Stream the music on Spotify:
open.spotify.com/album/1dVyjwS8FBqXhRunaG5W5u
Просмотров: 192

Видео

Koding for nybegynnere: Bilder i p5 canvas
Просмотров 2172 года назад
Music by Vincent Rubinetti Download the music on Bandcamp: vincerubinetti.bandcamp.com/album/the-music-of-3blue1brown Stream the music on Spotify: open.spotify.com/album/1dVyjwS8FBqXhRunaG5W5u Image by lucasserapiao: www.fiverr.com/lucasserapiao/do-a-2d-pixel-art-of-you-or-something-you-like
Kodetips! Reagerer på kode fra to seere
Просмотров 3763 года назад
URL til koden fra Gaute og Tiril: editor.p5js.org/gaute/sketches/NpwrNdFOm
Koding for nybegynnere: Vi tegner en sol i p5js
Просмотров 2573 года назад
Lenke til kode: editor.p5js.org/mkvad/sketches/PjxqN1Y-u Musikk: Grieg - Morning mood (dl-sounds.com)
[7/7] Kabal. Ferdig. Gå!
Просмотров 2093 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Music: P...
[6/7] Kabal. Lærer programmet reglene
Просмотров 703 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Music: K...
[5/7] Kabal. Pynter og legger kort i kastebunken
Просмотров 293 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Music: R...
[4/7] Kabal. Trykker på et kort (hitbox)
Просмотров 393 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Musikk: ...
[3/7] Kabal. Kortenes rekkefølge er ikke likegyldig!
Просмотров 573 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Musikk: ...
[2/7] Kabal. Hvor skal kortene ligge? Kodegrubling
Просмотров 823 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Music: P...
[1/7] Hvordan programmere en kabal? Kodegrubling
Просмотров 2803 года назад
I denne delen av serien Kodegrubling prøver jeg å programmere en kabal ved navn Golf. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Music: O...
Lager crosshair i p5 #2 - Forbedre koden!
Просмотров 1113 года назад
Music: "Sommarfågel" by Wintergatan "Brännö" by Wintergatan Build Tracks "Olivier" by Wintergatan Build Tracks
Lager crosshair i p5js #1 Koding for nybegynnere
Просмотров 2733 года назад
Music: www.bensound.com
Asteroids #16 - Finale!
Просмотров 673 года назад
I denne delen av serien Kodegrubling prøver jeg å gjenskape klassikeren Asteroids fra 1979. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Ha...
Asteroids #15 Tegner avrundede hjørner med funksjonen f(x) = 1/x
Просмотров 403 года назад
I denne delen av serien Kodegrubling prøver jeg å gjenskape klassikeren Asteroids fra 1979. Jeg filmer hele prosessen fra start til slutt og løser alle problemer _live_, uten ekstern hjelp. Dette medfører at jeg ikke alltid vet hva jeg skal gjøre og at uforutsette feil oppstår under kodingen. Min filosofi er at man som tilskuer lærer mer av dette, enn av et blankpolert og forberedt eksempel. Ha...
Asteroids #14 Tittelskjerm, hyper jump og CRT-effekt
Просмотров 603 года назад
Asteroids #14 Tittelskjerm, hyper jump og CRT-effekt
Asteroids #13 Antall liv og poeng
Просмотров 383 года назад
Asteroids #13 Antall liv og poeng
Asteroids #12 Risky business! Omstrukturerer hele koden
Просмотров 463 года назад
Asteroids #12 Risky business! Omstrukturerer hele koden
Koding for viderekomne #1 Klasser og objekter
Просмотров 4013 года назад
Koding for viderekomne #1 Klasser og objekter
Asteroids #11 Skipet eksploderer
Просмотров 343 года назад
Asteroids #11 Skipet eksploderer
Asteroids #10 Animerer eksplosjon i JS!
Просмотров 653 года назад
Asteroids #10 Animerer eksplosjon i JS!
WinXP-skjermsparer (2 av 2) Kreativ Koding
Просмотров 883 года назад
WinXP-skjermsparer (2 av 2) Kreativ Koding
Asteroids #9 Hva gjenstår? Fullfører UFO'en
Просмотров 263 года назад
Asteroids #9 Hva gjenstår? Fullfører UFO'en
WinXP-skjermsparer (1 av 2) Kreativ Koding
Просмотров 773 года назад
WinXP-skjermsparer (1 av 2) Kreativ Koding
Asteroids #8 Bygger UFO
Просмотров 363 года назад
Asteroids #8 Bygger UFO
Asteroids #7 Hvordan sjekke at alle asteroidene er utslettet?
Просмотров 263 года назад
Asteroids #7 Hvordan sjekke at alle asteroidene er utslettet?
Hva er en algoritme? Koding for nybegynnere #12
Просмотров 6203 года назад
Hva er en algoritme? Koding for nybegynnere #12
Asteroids #6 Hitbox! Kodegrubling
Просмотров 333 года назад
Asteroids #6 Hitbox! Kodegrubling
Asteroids #5 Pewpewpew. Kodegrubling
Просмотров 383 года назад
Asteroids #5 Pewpewpew. Kodegrubling
Asteroids #4 Oppkutting av asteroider! Kodegrubling
Просмотров 313 года назад
Asteroids #4 Oppkutting av asteroider! Kodegrubling

Комментарии

  • @SnTu9743
    @SnTu9743 9 месяцев назад

    Bra video! Hvor blir det av #4?

    • @mkvad1600
      @mkvad1600 9 месяцев назад

      Alle videoene i serien ligger i spillelisten Koding for Nybegynnere!

  • @anafro_ru
    @anafro_ru Год назад

    Takk for videoen! Jeg lærer norsk, så det er veldig fint at jeg kan også lære JavaScript mens jeg lytter på norsk! Takk skal du ha, hei fra Russland :]

  • @Idris.1994.Norway
    @Idris.1994.Norway Год назад

    Hei. Jeg lærer meg Klasser og Objekter men i C#. Ville dette ha noe å si for meg viss jeg følger dine videoer?

    • @mkvad1600
      @mkvad1600 Год назад

      Jeg er ikke kjent med C#, men jeg vil anta at overføringsverdien fra Javascript er stor.

    • @Idris.1994.Norway
      @Idris.1994.Norway Год назад

      @@mkvad1600 Ok! Takk for kjapt svar! 😊

  • @black_adder0126
    @black_adder0126 Год назад

    kan du lage mer videoer du er veldig flink å forklare

  • @kenneths8710
    @kenneths8710 Год назад

    Tjena Magne, vill du laga en programmeringskurs?

  • @user-ub9or2un3y
    @user-ub9or2un3y Год назад

    Kan du lage full kurs på Java språk? helt fra skretrs? vær så snill. på forhond takk

  • @araba.sevdasi
    @araba.sevdasi Год назад

    Jeg har likt den, men hvordan kan man bruke de kodene for?

    • @mkvad1600
      @mkvad1600 Год назад

      De kan brukes til å lære seg å programmere, kreativ utfoldelse og å stimulere intellektet :) Hvis man blir god til å skrive og forstå kode, kan man bruke det i andre sammenhenger (f.eks. ulike typer jobb).

  • @Idris.1994.Norway
    @Idris.1994.Norway 2 года назад

    Hei! Vet ikke om du er lærer men du er veldig flink til å lære bort det du kan. Jeg skal starte på backend studie nå etter sommerferien og pga deg så får jeg tatt mine første babyskritt og prøvd selv før skolestart😅 Håper du lager flere videoer slik at vi kan lære av deg. Takk! 😄

    • @mkvad1600
      @mkvad1600 2 года назад

      Det var hyggelig å høre! Lykke til med studier

  • @2009verso
    @2009verso 2 года назад

    Inspirert fin fremstilling !

  • @invalidusername5480
    @invalidusername5480 2 года назад

    Lett å få seg jobb innen IT, programmering, koding og utvikling osv uten utdanning? Men med ulike kurs og selvlært

    • @mkvad1600
      @mkvad1600 2 года назад

      Litt usikker på hva du spør om, men det er stor etterspørsel i arbeidsmarkedet etter it-kompetanse. Hvis du ikke har noen formell utdannelse, finnes det eksempler på personer som har fått jobb, men vil anta at det er unntaket (har sett oppslag i aviser om personer uten utdannelse som eksempelvis har hacket telenor og fått jobb etterpå). Hvis du jobber med koding på hobbybasis, vil du øke din forståelse av hvordan datamaskiner tenker og gjøre deg mer fleksibel. I mine videoer vil du lære deg mye grunnleggende som du kan bruke videre i andre sammenhenger. Vil uansett anbefale deg å ta utdannelse for å øke mulighetene for å få jobb.

  • @magnushissingby2209
    @magnushissingby2209 2 года назад

    forstod ikke helt hensikten med return her, er det slik at du bruker det så du senere skal kunne bestemme for eksempel om du vil printe eller ikke? gode vids forresten!

    • @mkvad1600
      @mkvad1600 2 года назад

      Takk for det :) Noen ganger ønsker vi at en funksjon skal returnere en verdi. I dette tilfellet blir det ikke store forskjellen på å printe ut verdien direkte, og det å sende verdien tilbake der vi kalte på funksjonen. Det kunne henne at vi skulle bruke utregningen videre i programmet og at vi dermed sender den tilbake med return. Eks: function gangeTall(a,b) { return a*b } function setup() { let a = gangeTall(2,4) let b = gangeTall(5,2) print(a+b) } Da vil programmet skrive ut 18, fordi a = 8 og b = 10

  • @stormbernlow9789
    @stormbernlow9789 2 года назад

    Gaute går i klassen min!!!!!!

  • @legoviddas3199
    @legoviddas3199 2 года назад

    Sykt bra video!

  • @hagen420
    @hagen420 2 года назад

    mer koding i 2022, kom igjen

    • @mkvad1600
      @mkvad1600 2 года назад

      Har hatt en ekstra busy høst, så videoene har latt vente på seg. Har helt klart planer om å lage mer i 2022, ja :)

    • @hagen420
      @hagen420 2 года назад

      @@mkvad1600 nydelig

  • @ahmadfaryabi7144
    @ahmadfaryabi7144 2 года назад

    veldig bra video, Magne!

  • @rheierstad
    @rheierstad 3 года назад

    Hvor finner jeg den siden du har oppe der ?? Å hva betyr syntax ?? Eller hva er det ? 😊

    • @mkvad1600
      @mkvad1600 3 года назад

      editor.p5js.org/ Med syntax mener jeg hvilke ord og tegn som blir skrevet for at datamaskinen skal forstå hva den skal gjøre. Det er viktig å følge syntaksen til punkt og prikke

  • @thenoob7604
    @thenoob7604 3 года назад

    du er veldig flink! og du har hjelpet meg så mye

  • @gauteogtiril9254
    @gauteogtiril9254 3 года назад

    jeg her laget et spill med og se på videoene dine og håper du vill se på det og kanskje forbedre det? editor.p5js.org/gaute/sketches/NpwrNdFOm

    • @mkvad1600
      @mkvad1600 3 года назад

      Gøy :) Kanskje jeg lager en video på det mot slutten av sommeren

  • @AJacobsenMusic
    @AJacobsenMusic 3 года назад

    Overrasket over hvor bra dine videoer er! takk! forstår også hvor mye lettere hjernen klare å fange opp informasjon når det er på norsk!

  • @gauteogtiril9254
    @gauteogtiril9254 3 года назад

    jeg syns den var så bra

    • @mkvad1600
      @mkvad1600 3 года назад

      Det er notert :) Holder på med å samle ideer for flere videoer, og da er det fint med slike innspill. Kan hende det blir en liten stund til

  • @gauteogtiril9254
    @gauteogtiril9254 3 года назад

    kan du lage en del 2 av denne videoen

  • @legoviddas3199
    @legoviddas3199 3 года назад

    Tuen takk for at du lager dise videoene. Endelig lærer jeg meg å kode😄

  • @legoviddas3199
    @legoviddas3199 3 года назад

    Jeg er så glad for at du lager sånne videoer, jeg har hat så lyst til og lere meg og kode men Inger har laga norske kode videoer. Eller ingen andre har laga noen bra kode videoer😁

  • @marischeikbu
    @marischeikbu 3 года назад

    Hei Mkvad! Setter så stor pris på videoene du har lagt ut til nå, de er til stor hjelp for nybegynnere som meg. Jeg lurte på om du er selvlært, eller om du har utdannelse innen dette?

    • @mkvad1600
      @mkvad1600 3 года назад

      Så fint at du er med! Jeg har en lektorgrad i matematikk og hadde et grunnleggende kurs i programmering der. Resten er tilegnet ved å se videoer på youtube, google meg frem hvis jeg står fast og ikke gi opp før jeg har forstått. Det er mye likhet mellom matematikk og programmering og jeg synes kanskje det mest spennende ligger i grenselandet mellom de to fagområdene.

    • @marischeikbu
      @marischeikbu 3 года назад

      @@mkvad1600 Tusen takk for svar! :))

  • @hiwaabdolahi2780
    @hiwaabdolahi2780 3 года назад

    Perfekt 👍👍👍 Takk

  • @phosphophyIilte
    @phosphophyIilte 3 года назад

    ayee takker bro, den hjalp meg mye

  • @passord1d493
    @passord1d493 3 года назад

    er ikke python eller bash bedre for nybegynnere

    • @mkvad1600
      @mkvad1600 3 года назад

      Jeg synes p5js er bedre på tross av litt vanskeligere syntaks. Det er enklere å lage og dele noe visuelt. Det finnes ingen fasit, men python er klart raskere og bedre til å gjøre utregninger

  • @ScamFreeFX
    @ScamFreeFX 3 года назад

    Kan man bruke disse kodingene for å lage apper, nettsider osv...?

    • @mkvad1600
      @mkvad1600 3 года назад

      Jeg har ikke laget en app før, men er ganske sikker på at man blant annet kan bruke JavaScript til å gjøre det. Hvis ikke, vil man få bruk for den logiske tankemåten og det grunnleggende oppsettet jeg viser her

  • @ScamFreeFX
    @ScamFreeFX 3 года назад

    Plis fortsett

    • @mkvad1600
      @mkvad1600 3 года назад

      Har planer om å fortsette med denne serien, så kom gjerne med forslag til temaer jeg kan ta opp. I mellomtiden kan du for eksempel sjekke ut "Koding for viderekomne" og "Kodegrubling" :)

  • @benjaminotnes9060
    @benjaminotnes9060 3 года назад

    Nice

  • @Another.DG.Round.
    @Another.DG.Round. 3 года назад

    Hei! Jeg gjør akkurat det du gjør på de første 5min og 30 sek. Men får ikke opp noe lerret 😅 Prøvde å skifte talla i Background til 30 siden hele siden her er hvit.

    • @mkvad1600
      @mkvad1600 3 года назад

      Det kan være fordi jeg har satt bakgrunnsfargen til siden til svart. Trykk på innstillinger og under "Theme" finner du "Dark". Hvis det ikke er det, kan det hende du har byttet ut et komma med et punktum e.l. En veldig vanlig feil å gjøre første gang man skal kode :)

    • @Another.DG.Round.
      @Another.DG.Round. 3 года назад

      Hei! Fant ut den theme fargen. Men på createCanvas så står det (400, 400); Når jeg trykker play knappen som du gjør i starten, så får du opp lerret på 400 osv men når jeg gjør det så blikket hele skjermen til høyre hvit fort, så går det fort vekk igjen 😅 Vanskelig å forklare, men lerrete blir borte 😅

    • @mkvad1600
      @mkvad1600 3 года назад

      @@Another.DG.Round. Det kan være at du har glemt å ta bort function draw() { } Det virker som at programmet ditt tegner lerretet en gang, og så blir det tegnet over etterpå

    • @Another.DG.Round.
      @Another.DG.Round. 3 года назад

      Men må 1,48min ut i videoen så der vi tar den første koden. Der har du jo Function draw koden :P Når du trykker play så får du en liten firkant, men jeg får en hele skjermen og den blir borte med engang 😅

    • @mkvad1600
      @mkvad1600 3 года назад

      @@Another.DG.Round. Hmm, ikke lett å viste hva som har skjedd. Prøv en annen nettleser, kanskje?

  • @nilen
    @nilen 3 года назад

    Hur gör man ett yatzy spel?

    • @mkvad1600
      @mkvad1600 3 года назад

      Bra fråga! Jag vet inte eftersom jag inte har försökt, men borde definitivt vara genomförbart. Jag tror att den största utmaningen är att göra användargränssnittet bra. Kan vara en rolig utmaning! Jag har redan gjort en patiens och jag planerar att släppa filmerna under de kommande veckorna.

  • @EvilJoseph666
    @EvilJoseph666 3 года назад

    Hei. Finnes det noen gratis p5js editor man kan laste ned, eller er det noe man må kjøpe?

    • @mkvad1600
      @mkvad1600 3 года назад

      Det er mange gratis editorer der ute! I tillegg til nettsiden jeg viser i denne videoen, bruker jeg selv Atom med utvidelsen "p5 js toolbar". Bruker den i kodegrubling-prosjektene. Jeg kan sikkert lage en video som viser hvordan man setter det opp, hvis det er ønske for det :)

  • @Bartekdex
    @Bartekdex 3 года назад

    Så fin å ha en sånn kanal på norsk! Bra jobba! Takk!

  • @johan12ab
    @johan12ab 3 года назад

    Gode videoer! Har du noen formening om hvilken institusjon man burde velge om man eksempelvis vil utdanne seg til å bli Front End Developer?

    • @mkvad1600
      @mkvad1600 3 года назад

      Takk! Ettersom jeg ikke har utdannelse innenfor dette selv, er jeg ikke den beste til å svare. Sjekk ut hva de tilbyr på universitet og høyskoler i Norge og søk det du tror er bra. Jeg gikk selv matematikk på UiO. I mellomtiden kan du lære deg enormt mye på egenhånd via RUclips, freecodecamp, udacity, brilliant etc.

    • @johan12ab
      @johan12ab 3 года назад

      @@mkvad1600 Takk for svar : )

  • @mattisbirkelund5211
    @mattisbirkelund5211 4 года назад

    Elsker det du gjør! Du har hjelpet meg igjennom programmering godt. Tusen takk <3

  • @toughingen
    @toughingen 4 года назад

    Hmm, ser at videoen slutter litt for tidlig.

  • @hensi6482
    @hensi6482 4 года назад

    Bra video og bra forklaring😃. Har programmert litt med c# fra før, som egentlig er ganske likt med p5 javaScript. Visste ikke at man kunne finne norske som forklarte det så bra!😁, please fortsett å lage videoer

  • @asd38970
    @asd38970 4 года назад

    Enkelt forklart! Bra!

  • @asd38970
    @asd38970 4 года назад

    Fint med en plan og hvordan man tenker ! Bra!

  • @ravinerhym
    @ravinerhym 4 года назад

    Hvorfor setter du noen linjer åpne(3,5,8). Og hva betyr innrykk fra venstre?

    • @mkvad1600
      @mkvad1600 4 года назад

      Gode spørsmål! Åpne linjer hoppes over når maskinen leser koden. De betyr altså ingen ting, annet enn at man kan strukturere koden ved å gi den mer "luft". Du kan kanskje se at jeg på den måten har gruppert deler av koden, slik at man kan se hva som henger sammen. Det samme gjelder også innrykk. I javascript leses de ikke, men er med på å øke lesbarheten. I eksempelet jeg lager har linje 2 til linje 13 samme innrykk, fordi de ligger inne i setup-funksjonen. De ligger mellom krøllparentesene

  • @ravinerhym
    @ravinerhym 4 года назад

    Morro for onkel! Dette blir spennende!