med canvas Canvas Grafikk Læreplansmål Gløer Olav Langslet Sandvika VGS

Størrelse: px
Begynne med side:

Download "med canvas Canvas Grafikk Læreplansmål Gløer Olav Langslet Sandvika VGS"

Transkript

1 Grafikk med canvas Gløer Olav Langslet Sandvika VGS Høsten 2011 Informasjonsteknologi 2 Canvas Læreplansmål Eleven skal kunne bruke programmeringsspråk i multimedieapplikasjoner Med CSS3, HTML og JavaScript kan vi forme elementer og lage animasjoner. Vi kan lage animasjoner med bilder, og vi kan til og med styre bevegelse med tastene på keyboardet. Med det nye canvas-elementet i HTML5 kan vi nå også tegne figurer rett i nettleseren med JavaScript. Det er det det skal handle om i denne leksjonen. vurdere og bruke relevante filformater for tekst, bilde, lyd, video og animasjoner

2 sdsd Grafikk med canvas-elementet Informasjonsteknologi 2 html5 canvas komme i gang Canvas er en egen html-tagg. Den må ha en bestemt bredde og lengde, og vi legger den inn i body på siden. For at vi skal kunne få tak i den, gir vi den også en id. HTML Vi starter som vanlig med et script i head på siden vår. Her skal vi få tak i canvaselementet: JavaScript canvas.getcontext( 2d ) sier at vi skal tegne i 2 dimensjoner. Det betyr at det i fremtiden vil være mulig å tegne i 3d. Når alt er lastet inn, starter vi funksjonen draw. 2

3 Grafikk med canvas-elementet Informasjonsteknologi 2 Tegne en firkant Dette er det enkleste eksempelet vi kan få til med canvas-elementet. Vi bruker funksjonen fillrect, som tar fire parametre, startpunkt for x og y og bredde og høyde: Så her starter vi 10 piksler fra kanten av canvas-elementet, og tegner en firkant som er 100 piksler bred og høy. Det kan være lurt å legge på litt css for å se rammen rundt canvas-elementet: Vi ser at firkanten ble sort, men dette kan vi overstyre ved å velge en fillstyle: Da ble firkanten sannelig min hatt rød. Tegne flere firkanter oppå hverandre Det er mulig å tegne flere fikanter oppå hverandre. De du tegner sist legger seg øverst: 3

4 sdsd Grafikk med canvas-elementet Informasjonsteknologi 2 Vi lager det norske flagget Vi starter opp med å lage canvas-elementet vårt i body i html-koden: Setter det hele i gang med JavaScript: Så er det bare å begynne å tegne. Først starter vi opp med rød bakgrunn som dekker hele canvasen: 4 Bakgrunnen er på plass.

5 Grafikk med canvas-elementet Informasjonsteknologi 2 Det hvite korset Vi forsøker å tegne det hvite korset oppå den røde bakgrunnen: Og da fikk vi vel det danske flagget. Da mangler vi bare det blå. Vi følger samme oppskriften som før: 5

6 sdsd Grafikk med canvas-elementet Informasjonsteknologi 2 Andre former Vi kan tegne andre figurer enn rektangel, men det er ikke egne funksjoner for dette. Vi må trekke opp linjer (paths), og fylle eller legge på en ramme rundt disse. Trekk opp en sti (path): Vi sier først at vi starter på en sti. Så flytter vi startpunktet til 10 piksler fra venstre kant og toppen ctx.moveto(10, 10). Deretter trekker vi en linje bort til (110, 10), altså 100 piksler rett til høyre. Kanskje vi klarer å tenge et hus? 6

7 Grafikk med canvas-elementet Informasjonsteknologi 2 Vi tegner et lite hus Tegne hus med canvas Vi kan i prinsippet tegne det meste på canvas-elementet. Hva med et lite hus? Vi kan også fylle huset med en farge hvis vi ønsker det. Da skriver vi i stedet: ctx.fillstyle = #ff0000 ; og til slutt: ctx.fill(); 7

8 sdsd Grafikk med canvas-elementet Informasjonsteknologi 2 Hva med en sirkel? Rektangelet har en egen funksjon, men sirkelen har det ikke. Vi må ty til trigonometrien for å få til en sirkel. Det vil si, vi har en nesten ferdig funksjon. Men den kan like gjerne lage et kakestykke som en sirkel. Parameterne er x: startpunkt horisontalt for sentrum av sirkelen y: startpunkt vertikalt for sirkelen radius: sirkelens radius startangle: hvor skal den starte, altså fra hvilken vinkel angitt i radianer endaangle: hvor den skal slutte anticlockwise: om den skal gå mot klokken eller ikke arc (x, y, radius, startangle, endangle, anticlockwise) Vi lager en sirkel med startpunkt i (150, 150) radius = 50 starter på vinkel 0 grader Skal gå 360 grader = 2 pi (i radianer) Går mot klokken 8

9 Grafikk med canvas-elementet Informasjonsteknologi 2 En sirkel som vokser Vi har tidligere lært hvordan vi kan flytte html-elementer med setinterval. Dette fungerer like godt, om ikke bedre, inne i canvas-elementet. La oss se om vi kan bruke samme teknikken til å lage en sirkel som vokser seg stor. Dette er nesten identisk med koden på forrige side, men vi deklarerer en variabel for radiusen som vi kan øke hver gang vi kjører tegnsirkel-funksjonen. Dette blir heftig. Men kan vi stoppe den når den kommer opp i en viss radius? Selvsagt. Vi bruker samme teknikken som i regnespillet med clearinterval når radiusen har blitt for eksempel 150: 9

10 sdsd Grafikk med canvas-elementet Informasjonsteknologi 2 Kan vi gjøre noen andre spik? Vi kan flytte på objekter også. La oss lage en liten ball og se om vi får noe fart på den: Vi flytter egentlig ikke ballen, men vi tegner opp en ny i en ny posisjon hver gang funksjonen kjører. Vi tegner også opp bakgrunnen hver gang funksjonen kjører. Hvis vi ikke gjør det, vil alle ballene vi lager ligge der og lage et spor. 10

11 Grafikk med canvas-elementet Informasjonsteknologi 2 Ball som lager spor La oss tegne bakgrunnen inn i onload-funksjonen for å se hva som skjer hvis vi ikke tegner bakgrunnen hver gang: Her har vi bare flyttet koden som lager sort bakgrunn opp i onload-funksjonen. Eventuelt kan vi sette en bakgrunnsfarge med css og bruke clearrect i stedet. 11

12 sdsd Grafikk med canvas-elementet Informasjonsteknologi 2 Let the motion begin La oss se om vi klarer å lage et partikkelsystem som vist i videoen til Seb Lee-Delislie. Det starter ganske enkelt, og så blir det litt mer komplisert på slutten. Først setter vi opp html-koden med canvas-elementet: Vi setter sort bakgrunn på canvas-elemntet, sånn at vi kan bruke clearrect og beholde bakgrunnsfargen. 12

13 Grafikk med canvas-elementet Informasjonsteknologi 2 Lager en liten firkant Vi tegner opp en liten firkant: Rett etter style-blokken i head legger vi skriptet vårt: Prøv deg frem med å endre på verdiene for å se hva som skjer. Rekkefølgen er: startposisjon x, starposisjon y, bredde, høyde. La oss lagre x-posisjonen i en variabel som vi kaller x: I linje 20 setter vi verdien til 250. I linje 31 bytter vi ut 250 med verdien av x. 13

14 sdsd Grafikk med canvas-elementet Informasjonsteknologi 2 Skap bevegelse med setinterval Intet nytt ennå; vi bruker setinterval for å kunne flytte på firkanten: I funksjonen øker vi x med 1 hver gang den kjøres: Endring i linje 33: Øker nå x med 1 hver gang. Da ser vi at vi tegner opp en ny firkant hver gang, så det ser ut som om den vokser seg større. For å unngå dette, kan vi bruke clearrect for å fjerne alt som er på canvasen: 14

15 Grafikk med canvas-elementet Informasjonsteknologi 2 Håndtere svarene La oss lage en variabel for farten også: I linje 21 setter vi farten til 2. Nå kan vi endre den i toppen av koden. Det er kjekt. Nå kan vi øke posisjonen til firkanten med xspeed i stedet for 1: I linje 39 setter vi x-posisjonen til å bli x + xspeed. Det gjør at vi kan flytte den til venstre ved å sette xspeed til et negativt tall, og vi kan regulere farten. La oss sette farten i x-retningen til et tilfeldig tall mellom -20 og 20: Denne skal gjøre susen. 15

16 sdsd Grafikk med canvas-elementet Informasjonsteknologi 2 Vi lager et objekt for å ta vare på verdier Det blir mange verdier å ta vare på. Vi kan lagre dette i et objekt som vi kaller blob: Dette skal vi komme tilbake til når vi skal begynne med objektorientert programmering. Tenk på det nå som en beholder hvor vi kan lagre en del variabler som har en sammenheng de skal alle på et vis styre firkanten vår. Nå må vi gjøre noen endringer nede i draw-funksjonen: I stedet for å ta x direkte, går vi nå via blob-objektet. Se på blob-objeket som en beholder for alle egenskapene til firkanten. Endringenen skjer i linje 40 og

17 Grafikk med canvas-elementet Informasjonsteknologi 2 y vil være med Legg til bevegelse i y-retningen Det blir jo ikke noe partikkelsystem hvis det kun beveger seg en vei. Vi må sørge for at firkanten kan gå litt opp og ned også. Vi legger til flere egenskaper for firkanten: Så må vi gjøre noen endringer nede i draw-funksjonen for å iverksette den vertikale bevegelsen. Legger til vertikal bevegelse i linje42 og endrer posisjonen i linje

18 sdsd Grafikk med canvas-elementet Informasjonsteknologi 2 lage mange firkanter Vi vil gjerne lage mange firkanter siden det skal bli et partikkelsystem Vi oppretter et array for å holde oversikten over firkantene våre: Siden vi skal lage mange firkanter, kan vi forsøke å lage en firkant hver gang drawfunksjonen kjører: Hver gang vi lager en blob, putter vi den inn i arrayet: 18

19 Grafikk med canvas-elementet Informasjonsteknologi 2 lage mange firkanter Da må vi gå gjennom arrayet, og lage en ny firkant med de egenskaper som blir satt Og vips har vi laget et slags partikkelsystem. 19

20 sdsd Grafikk med canvas-elementet Informasjonsteknologi 2 krympe firkantene Vi vil gjerne krympe firkantene gradvis. Da må vi ha en egenskap for størrelse: I linje 37 setter vi en egenskap for størrelse. Neste skritt er å anvende denne egenskapen, så vi kan minske den hver gang funksjonen kjører: I linje 48 setter vi størrelsen til vår nye variabel blob.size. I linje 53 minsker vi størrelsen inkrementelt ved å gange den med Da skal den krympe gradvis for å bli helt borte. 20

21 Grafikk med canvas-elementet Informasjonsteknologi 2 oppgaver Oppgaver til denne leksjonen 1. Bruk canvas-elementet og JavaScript til å lage ett eller flere flagg du liker. 2. Lag en tegning av et fjes eller noe annet med canvas/javascript 3. Klarer du å legge til gravitasjon i partikkelsystemet vårt, eller legge til spor eller noe helt annet? 21

og bevegelse funksjoner som blir aktivert av hendelser Keyboard Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS

og bevegelse funksjoner som blir aktivert av hendelser Keyboard Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS Keyboard og bevegelse Gløer Olav Langslet Sandvika VGS 12.09.2012 Informasjonsteknologi 2 funksjoner som blir aktivert av hendelser Læreplansmål Eleven skal kunne programmere med enkle og indekserte variabler

Detaljer

Alt er objekter. Læreplansmål. Gløer Olav Langslet Sandvika VGS

Alt er objekter. Læreplansmål. Gløer Olav Langslet Sandvika VGS Alt er objekter Gløer Olav Langslet Sandvika VGS Høst - 2012 Informasjonsteknologi 2 Alt er objekter Se for deg en bil. Den har noe som er felles for alle biler. Den har hjul, ratt, og en motor. Læreplansmål

Detaljer

JS: Partikkel-animasjon Nybegynner

JS: Partikkel-animasjon Nybegynner JS: Partikkel-animasjon Nybegynner Web Introduction I denne oppgaven skal vi bruke JavaScript til å få figurer vi å bevege seg. Vi skal altså lære å animere ved hjelp av JavaScript og noe som heter Canvas.

Detaljer

praktiske eksempler DOM Document Object Model DOM og Høst 2013 Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS

praktiske eksempler DOM Document Object Model DOM og Høst 2013 Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS DOM og praktiske eksempler Gløer Olav Langslet Sandvika VGS Høst 2013 Informasjonsteknologi 2 DOM Document Object Model Læreplansmål Eleven skal kunne programmere med enkle og indekserte variabler eller

Detaljer

CSS. Animasjon med css. Animasjon med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS

CSS. Animasjon med css. Animasjon med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS Animasjon med CSS Gløer Olav Langslet Sandvika VGS Leksjon 11 Informasjonsteknologi 1 og 2 Animasjon med css Vi har tidligere sett at vi kan programmere bevegelse ved å bruke JavaScript, enten ved å bruke

Detaljer

notater Gule lapper Mine Et praktisk eksempel med objekter IT2 Læreplansmål Gløer Olav Langslet Sandvika VGS

notater Gule lapper Mine Et praktisk eksempel med objekter IT2 Læreplansmål Gløer Olav Langslet Sandvika VGS Mine notater Gløer Olav Langslet Sandvika VGS Et praktisk eksempel med objekter Vi kjenner alle til korktavlen med gule lapper. Vi henger opp en lapp for at vi selv eller andre skal huske eller bli minnet

Detaljer

if-tester Funksjoner, løkker og iftester Løkker og Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS

if-tester Funksjoner, løkker og iftester Løkker og Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS Løkker og if-tester Gløer Olav Langslet Sandvika VGS 29.08.2011 Informasjonsteknologi 2 Funksjoner, løkker og iftester Læreplansmål Eleven skal kunne programmere med enkle og indekserte variabler eller

Detaljer

datatyper Hva er programmering? Variabler og Informasjonsteknologi 2 Kompetansesemål

datatyper Hva er programmering? Variabler og Informasjonsteknologi 2 Kompetansesemål Variabler og datatyper Gløer Olav Langslet Sandvika VGS Høst 2012 Informasjonsteknologi 2 Hva er programmering? Når du skal bake en kake følger du gjerne en oppskrift. Først er det beskrevet hva kaken

Detaljer

JavaScriptbibliotek. Introduksjon MVVC. Informasjonsteknologi 2. Gløer Olav Langslet Sandvika VGS

JavaScriptbibliotek. Introduksjon MVVC. Informasjonsteknologi 2. Gløer Olav Langslet Sandvika VGS MVVC JavaScriptbibliotek Gløer Olav Langslet Sandvika VGS Knockout.js Informasjonsteknologi 2 Introduksjon I dag skal vi se nærmere på et JavaScriptbibliotek som heter Knockout. Knockout og andre biblioteker,

Detaljer

lagring med HTML5 Offline lagring Offline Informasjonsteknologi 2 Gløer Olav Langslet Sandvika VGS

lagring med HTML5 Offline lagring Offline Informasjonsteknologi 2 Gløer Olav Langslet Sandvika VGS Offline lagring med HTML5 Gløer Olav Langslet Sandvika VGS Leksjon 8 Informasjonsteknologi 2 Offline lagring I IT1 brukte vi databaser til å lagre data. Der kunne vi bygge tabeller og fylle dem med innhold

Detaljer

HTML5. Skjemaer på nettsider. Skjemaer med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS

HTML5. Skjemaer på nettsider. Skjemaer med. Informasjonsteknologi 1 og 2. Gløer Olav Langslet Sandvika VGS Skjemaer med HTML5 Gløer Olav Langslet Sandvika VGS Leksjon 10 Informasjonsteknologi 1 og 2 Skjemaer på nettsider I denne leksjonen skal vi se litt nærmere på bruk av skjemaer på nettsider. Du har sett

Detaljer

Inf109 Programmering for realister Uke 5. I denne leksjonen skal vi se på hvordan vi kan lage våre egne vinduer og hvordan vi bruker disse.

Inf109 Programmering for realister Uke 5. I denne leksjonen skal vi se på hvordan vi kan lage våre egne vinduer og hvordan vi bruker disse. Inf109 Programmering for realister Uke 5 I denne leksjonen skal vi se på hvordan vi kan lage våre egne vinduer og hvordan vi bruker disse. Før du starter må du kopiere filen graphics.py fra http://www.ii.uib.no/~matthew/inf1092014

Detaljer

Kodetime for Nordstrand barneskole

Kodetime for Nordstrand barneskole Kodetime for Nordstrand barneskole av Veronika Heimsbakk og Lars Erik Realfsen 1 Hva er Processing? Processing er et programmeringsspråk som er gratis, og tilgjengelig for alle! Man kan programmere i Processing

Detaljer

Sprettende ball Introduksjon Processing PDF

Sprettende ball Introduksjon Processing PDF Sprettende ball Introduksjon Processing PDF Introduksjon: I denne modulen skal vi lære et programmeringsspråk som heter Processing. Det ble laget for å gjøre programmering lett for designere og andre som

Detaljer

Halloweenimasjon Introduksjon Scratch PDF

Halloweenimasjon Introduksjon Scratch PDF Halloweenimasjon Introduksjon Scratch PDF Introduksjon Vi vil her se på hvordan vi kan lage forskjellige animasjoner med et Halloween-tema. Disse kan vi enten dele med vennene våre gjennom Scratch, eller

Detaljer

TDT4105 IT Grunnkurs Høst 2014

TDT4105 IT Grunnkurs Høst 2014 TDT4105 IT Grunnkurs Høst 2014 Norges teknisknaturvitenskapelige universitet Institutt for datateknikk og informasjonsvitenskap Øving 6 1 Teori a) Hva er 2-komplement? b) Hva er en sample innen digital

Detaljer

MMT105 Internettprogrammering Uke 44, høst 2007

MMT105 Internettprogrammering Uke 44, høst 2007 MMT105 Internettprogrammering Uke 44, høst 2007 Introduksjon til CSS MMT105 HiNT 2007 1 HTML-elementenes strukturerende egenskaper HTML-elementene skal markere strukturen i et webdokument, dvs. at de forskjellige

Detaljer

Kanter, kanter, mange mangekanter

Kanter, kanter, mange mangekanter Kanter, kanter, mange mangekanter Nybegynner Processing PDF Introduksjon: Her skal vi se på litt mer avansert opptegning og bevegelse. Vi skal ta utgangspunkt i oppgaven om den sprettende ballen, men bytte

Detaljer

Snake Expert Scratch PDF

Snake Expert Scratch PDF Snake Expert Scratch PDF Introduksjon En eller annen variant av Snake har eksistert på nesten alle personlige datamaskiner helt siden slutten av 1970-tallet. Ekstra populært ble spillet da det dukket opp

Detaljer

Start et nytt Scratch-prosjekt. Slett kattefiguren, for eksempel ved å høyreklikke på den og velge slett.

Start et nytt Scratch-prosjekt. Slett kattefiguren, for eksempel ved å høyreklikke på den og velge slett. Hvor i All Verden? Del 1 Introduksjon Hvor i All Verden? er et reise- og geografispill hvor man raskest mulig skal fly innom reisemål spredt rundt i Europa. I denne første leksjonen vil vi se på hvordan

Detaljer

Hvor i All Verden? Del 3 Erfaren Scratch PDF

Hvor i All Verden? Del 3 Erfaren Scratch PDF Hvor i All Verden? Del 3 Erfaren Scratch PDF Introduksjon Hvor i All Verden? er et reise- og geografispill hvor man raskest mulig skal fly innom reisemål spredt rundt i Europa. Dette er den siste av tre

Detaljer

King Kong Erfaren Scratch PDF

King Kong Erfaren Scratch PDF King Kong Erfaren Scratch PDF Introduksjon I dette spillet inspirert av historien om King Kong, skal vi se hvor lett det er å bruke grafikk som ikke allerede ligger i Scratchbiblioteket. I spillet styrer

Detaljer

Steg 1: Streken. Steg 2: En hoppende helt. Sjekkliste. Sjekkliste. Introduksjon. Hei der! Hoppehelt

Steg 1: Streken. Steg 2: En hoppende helt. Sjekkliste. Sjekkliste. Introduksjon. Hei der! Hoppehelt Hei der! Hoppehelt Ser ut som dette er ditt første besøk, vil du ha en omvisning? Ekspert Scratch PDF Introduksjon Hoppehelt er litt inspirert av musikkspillet Guitar Hero. I Hoppehelt skal man kontrollere

Detaljer

3. Introduksjon til prosjektet Hringr. Scratch fra scratch Enkel programmering for nybegynnere

3. Introduksjon til prosjektet Hringr. Scratch fra scratch Enkel programmering for nybegynnere 3. Introduksjon til prosjektet Hringr 29 Sammenlikninger hvis og hvis-ellers Vi mennesker bruker sammenlikninger hundrevis av ganger hver eneste dag. Når vi utfører oppgaver, når vi tenker og når vi jobber.

Detaljer

Løpende strekmann Erfaren Videregående Python PDF

Løpende strekmann Erfaren Videregående Python PDF Løpende strekmann Erfaren Videregående Python PDF Introduksjon I denne oppgaven skal du lage et spill der du styrer en strekmann som hopper over hindringer. Steg 1: Ny fil Begynn med å lage en fil som

Detaljer

CSS: Animasjon Nybegynner

CSS: Animasjon Nybegynner CSS: Animasjon Nybegynner Web Introduksjon I denne oppgaven skal du lære å animerer HTML-objekter ved hjelp av CSS. Under ser du hvordan resultatet vil bli til slutt: Men før vi starter å lage animasjonen

Detaljer

Hvordan du kommer i gang med LOGO.

Hvordan du kommer i gang med LOGO. Hvordan du kommer i gang med LOGO. Innhold: Velkommen til et kurs for å lære grunnleggende bruk av LOGO. Vi går gjennom noen viktige funksjoner slik at du til slutt kan få til å programmere. Dette opplegget

Detaljer

Pong. Oversikt over prosjektet. Steg 1: En sprettende ball. Plan. Sjekkliste. Introduksjon

Pong. Oversikt over prosjektet. Steg 1: En sprettende ball. Plan. Sjekkliste. Introduksjon Pong Introduksjon Pong er et av de aller første dataspillene som ble laget, og det første dataspillet som ble en kommersiell suksess. Selve spillet er en forenklet variant av tennis hvor to spillere slår

Detaljer

Start et nytt Scratch-prosjekt. Slett kattefiguren, for eksempel ved å høyreklikke på den og velge slett.

Start et nytt Scratch-prosjekt. Slett kattefiguren, for eksempel ved å høyreklikke på den og velge slett. Norgestur Introduksjon Bli med på en rundreise i Norge! Vi skal lage et spill hvor du styrer et helikopter rundt omkring et kart over Norge, mens du prøver å raskest mulig finne steder og byer du blir

Detaljer

HTML: Del inn nettsiden

HTML: Del inn nettsiden HTML: Del inn nettsiden Erfaren Web Introduksjon Målet med denne oppgaven er å lære hvordan man kan organisere en nettside ved å dele den inn med forskjellige tagger. Dersom du ikke er kjent med tagg-strukturen

Detaljer

Hvor i All Verden? Del 2 Erfaren Scratch PDF

Hvor i All Verden? Del 2 Erfaren Scratch PDF Hvor i All Verden? Del 2 Erfaren Scratch PDF Introduksjon Hvor i All Verden? er et reise- og geografispill hvor man raskest mulig skal fly innom reisemål spredt rundt i Europa. Dette er den andre leksjonen

Detaljer

file:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html

file:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html 1 of 9 15.04.2015 14:15 Spry og behaviours Både Spry and Behaviours er basert på programmeringsspråket Javascript. Javascript kjører i nettleseren og ikke på webserver som PHP og Perl. På en lignende måte

Detaljer

Tegneprogram Journeyman Scratch PDF

Tegneprogram Journeyman Scratch PDF Tegneprogram Journeyman Scratch PDF Introduksjon I dette prosjektet lager vi et tegneprogram slik at du etterpå kan lage din egen kunst. Du kan tegne med forskjellige farger, bruke viskelær, lage stempler

Detaljer

Steg 2: La løvinnen og papegøyen bevege seg

Steg 2: La løvinnen og papegøyen bevege seg Ørkenløp Introduksjon Dette er et spill for to, der en papegøye og en løvinne kjemper om å komme først gjennom ørkenen. Hver spiller må trykke en tast så fort og ofte som mulig for å flytte figuren sin,

Detaljer

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med <div> - og HTML5-taggene. CSS: Layout Ekspert Web Introduksjon Målet med oppgaven er å lære hvordan man lager en nettside med en meny og et innholdsfelt. I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene

Detaljer

(X)HTML, CSS og JavaScript HTML. Det første dokumentet 26.11.2007. Grunnleggende programmering i Java Monica Strand 26.

(X)HTML, CSS og JavaScript HTML. Det første dokumentet 26.11.2007. Grunnleggende programmering i Java Monica Strand 26. (X)HTML, CSS og JavaScript Grunnleggende programmering i Java Monica Strand 26. november 2007 Gr. leggende Java 26. november 2007 1 HTML HTML = Hyper Text Markup Language Strukturerer tekstinnhold HTML

Detaljer

Communicate SymWriter: R1 Lage en tavle

Communicate SymWriter: R1 Lage en tavle Communicate SymWriter: R1 Lage en tavle I denne delen beskrives egenskaper som kan brukes for å lage en tavle til å skrive med. Stort sett vil du bare ha bruk for en del av dette når du lager skrivemiljøer.

Detaljer

Sprettball Erfaren ComputerCraft PDF

Sprettball Erfaren ComputerCraft PDF Sprettball Erfaren ComputerCraft PDF Introduksjon Nå skal vi lære hvordan vi kan koble en skjerm til datamaskinen. Med en ekstra skjerm kan vi bruke datamaskinen til å kommunisere med verden rundt oss.

Detaljer

Oppsummering - Til nå... (1/ )

Oppsummering - Til nå... (1/ ) Oppsummering - Til nå... (1/10-2015) Grunnleggende HTML... 1 Basic JavaScript... 2 Variabler:... 3 Operatorer:... 4 Klikkhendelser... 5 Kontrollstrukturer... 5 Valgsetninger... 5 Betingelser/påstander...

Detaljer

Flaksefugl. Introduksjon. Level

Flaksefugl. Introduksjon. Level Level 2 Flaksefugl All Code Clubs must be registered. Registered clubs appear on the map at codeclub.org.uk - if your club is not on the map then visit jumpto.cc/18cplpy to find out what to do. Introduksjon

Detaljer

Eksamensbesvarelser i REA3015 Informasjonsteknologi 2

Eksamensbesvarelser i REA3015 Informasjonsteknologi 2 Eksamensbesvarelser i REA3015 Informasjonsteknologi 2 Eksamensbesvarelsene er fra eksamen våren 2013. Forberedelsen og eksamensoppgaven finner du her: Eksamensoppgaver Eksamensveiledningen med kjennetegn

Detaljer

TDT4105 Informasjonsteknologi, grunnkurs (ITGK)

TDT4105 Informasjonsteknologi, grunnkurs (ITGK) 1 TDT4105 Informasjonsteknologi, grunnkurs (ITGK) Introduksjon til programmering i Matlab Rune Sætre satre@idi.ntnu.no 2 Læringsmål og pensum Mål Lære om programmering og hva et program er Lære å designe

Detaljer

Soloball. Steg 1: En roterende katt. Sjekkliste. Test prosjektet. Introduksjon. Vi begynner med å se på hvordan vi kan få kattefiguren til å rotere.

Soloball. Steg 1: En roterende katt. Sjekkliste. Test prosjektet. Introduksjon. Vi begynner med å se på hvordan vi kan få kattefiguren til å rotere. Soloball Introduksjon Scratch Introduksjon Vi skal nå lære hvordan vi kan lage et enkelt ballspill med Scratch. I soloball skal du styre katten som kontrollerer ballen, slik at ballen ikke går i nettet.

Detaljer

www.ir.hiof.no/~eb/viz.htm Side 1 av 12

www.ir.hiof.no/~eb/viz.htm Side 1 av 12 VIZhtm Side 1 av 12 Innhold Side MÅL 1 OPPGAVE / RESULTAT 1 BESKRIVELSE ØVING 6A 2 BESKRIVELSE ØVING 6B 9 BESKRIVELSE ØVING 6C 12 MÅL Når du har utført denne øvingen, skal du kunne: Benytte et kamera som

Detaljer

Snøballkrig Ekspert Scratch Lærerveiledning

Snøballkrig Ekspert Scratch Lærerveiledning Snøballkrig Ekspert Scratch Lærerveiledning Introduksjon I denne oppgaven vil vi lage et spill hvor det er om å gjøre å jage bort de slemme guttene ved å kaste snøball på dem. Underveis vil vi lære hvordan

Detaljer

OVERFLATE FRA A TIL Å

OVERFLATE FRA A TIL Å OVERFLATE FRA A TIL Å VEILEDER FOR FORELDRE MED BARN I 5. 7. KLASSE EMNER Side 1 Innledning til overflate... 2 2 Grunnleggende om overflate.. 2 3 Overflate til:.. 3 3 3a Kube. 3 3b Rett Prisme... 5 3c

Detaljer

SUKKERGRIS. Anita og Silje DAT100

SUKKERGRIS. Anita og Silje DAT100 SUKKERGRIS Anita og Silje DAT100 I NNHOLD 1. Innledning... 2 2. Beskrivelse av Sukkergris... 3 2.1 Struktur og grafisk design... 3 2.1.1 Sidens oppbygning... 3 2.1.2 CSS og Grafisk design... 4 2.2 Oversikt

Detaljer

Hannametoden en finfin nybegynnermetode for å løse Rubik's kube, en såkalt "layer-by-layer" metode og deretter en metode for viderekommende.

Hannametoden en finfin nybegynnermetode for å løse Rubik's kube, en såkalt layer-by-layer metode og deretter en metode for viderekommende. Hannametoden en finfin nybegynnermetode for å løse Rubik's kube, en såkalt "layer-by-layer" metode og deretter en metode for viderekommende. Olve Maudal (oma@pvv.org) Februar, 2012 Her er notasjonen som

Detaljer

Tryll bort heksa. Introduksjon. Sjekkliste Følg instruksjonene på lista. Huk av etter hvert. Test. Lagre 2/8

Tryll bort heksa. Introduksjon. Sjekkliste Følg instruksjonene på lista. Huk av etter hvert. Test. Lagre 2/8 Innhold Innhold Tryll bort heksa Introduksjon Steg 1: Lag en flyvende heks Steg 2: Få heksa til å dukke opp og forsvinne Steg 3: Tryll bort heksa med et klikk! Steg 4: Legg til tid og poeng En ekstra utfordring:

Detaljer

Straffespark Introduksjon Scratch Lærerveiledning

Straffespark Introduksjon Scratch Lærerveiledning Straffespark Introduksjon Scratch Lærerveiledning Introduksjon Vi skal lage et enkelt fotballspill, hvor du skal prøve å score på så mange straffespark som mulig. Steg 1: Katten og fotballbanen Vi begynner

Detaljer

Start med å åpne programmet ved å trykke på ikonet GIMP 2 på skjermen eller under startmenyen.

Start med å åpne programmet ved å trykke på ikonet GIMP 2 på skjermen eller under startmenyen. 1 Tegne i GIMP Det er flere måter å tegne på i Gimp. Man kan bruke frihåndstegning, og man kan bruke utvalgsverktøy. Man kan også hente opp bilder som kan manipuleres med ulike verktøy. Åpne Gimp Start

Detaljer

Klask-en-Muldvarp. Steg 1: Gjøre klart spillbrettet. Sjekkliste. Introduksjon

Klask-en-Muldvarp. Steg 1: Gjøre klart spillbrettet. Sjekkliste. Introduksjon Klask-en-Muldvarp Introduksjon App Inventor Introduksjon I denne oppgaven skal vi lage et veldig enkelt spill med litt animasjon. Det som skal skje er at en muldvarp hopper rundt på spillbrettet mens du

Detaljer

GEOGEBRA (3.0) til R1-kurset

GEOGEBRA (3.0) til R1-kurset GEOGEBRA (3.0) til R1-kurset INNHOLD Side 1. Konstruksjon 2 1.1 Startvinduet 2 1.2 Markere punkter 3 1.3 Midtpunkt 4 1.4 Linje mellom punkter 5 1.5 Vinkelrett linje 6 1.6 Tegne en mangekant 6 1.7 Høyden

Detaljer

Flagg Erfaren Scratch Lærerveiledning

Flagg Erfaren Scratch Lærerveiledning Flagg Erfaren Scratch Lærerveiledning Introduksjon I denne oppgaven vil vi se litt nærmere på hvordan vi kan lage spennende mønstre og animasjoner ved hjelp av litt matematikk. Spesielt skal vi tegne et

Detaljer

PHOTO STORY 3 BRUKERVEILEDNING TILRETTELAGT AV JAN HALLSTENSEN LGA SKOLENES IT-SENTER

PHOTO STORY 3 BRUKERVEILEDNING TILRETTELAGT AV JAN HALLSTENSEN LGA SKOLENES IT-SENTER PHOTO STORY 3 BRUKERVEILEDNING TILRETTELAGT AV JAN HALLSTENSEN LGA SKOLENES IT-SENTER TROMSØ TROMSØ KOMMUNE - 2006 LGA SKOLENES IT-SENTER 2 1. Starte programmet Start Photo Story 3 1. Klikk og velg 2.

Detaljer

JS: Trykkomania Nybegynner Web Lærerveiledning

JS: Trykkomania Nybegynner Web Lærerveiledning JS: Trykkomania Nybegynner Web Lærerveiledning Introduksjon Denne oppgaven viser deg hvordan du kan lage et spill med JavaScript og dele det med vennene dine. Spillet kalles Trykkomania fordi det handler

Detaljer

LIGHTNING ET PROGRAM FOR SKJERMFORSTØRRING BRUKERVEILEDNING. Bojo as Akersbakken 12, N-0172 Oslo Utgave 1206 Bojo as 2006

LIGHTNING ET PROGRAM FOR SKJERMFORSTØRRING BRUKERVEILEDNING. Bojo as Akersbakken 12, N-0172 Oslo Utgave 1206 Bojo as 2006 LIGHTNING ET PROGRAM FOR SKJERMFORSTØRRING BRUKERVEILEDNING Bojo as Akersbakken 12, N-0172 Oslo Utgave 1206 Bojo as 2006 23 32 75 00 23 32 75 01 post@bojo.no http://www.bojo.no Innhold Innhold...2 1. Om

Detaljer

BOKMÅL Side 1 av 7. KONTINUASJONSEKSAMEN I FAG TDT4100 Objektorientert programmering / IT1104 Programmering, videregående kurs

BOKMÅL Side 1 av 7. KONTINUASJONSEKSAMEN I FAG TDT4100 Objektorientert programmering / IT1104 Programmering, videregående kurs BOKMÅL Side 1 av 7 NTNU Norges teknisk-naturvitenskapelige universitet Fakultet for informasjonsteknologi, matematikk og elektroteknikk Institutt for datateknikk og informasjonsvitenskap KONTINUASJONSEKSAMEN

Detaljer

Animasjon med GIMP. Kompendiet er utarbeidet av Kari Saasen Strand 2011. [Skriv inn tekst]

Animasjon med GIMP. Kompendiet er utarbeidet av Kari Saasen Strand 2011. [Skriv inn tekst] Animasjon med GIMP Kompendiet er utarbeidet av Kari Saasen Strand 2011 [Skriv inn tekst] Innhold Lage en animasjon hvor filmbildene byttes ut med hverandre... 3 Eksempel 1 viser animasjon av en ball som

Detaljer

Funksjonskravene er delt opp i to deler, krav til spillsekvens og generelle funksjonskrav.

Funksjonskravene er delt opp i to deler, krav til spillsekvens og generelle funksjonskrav. Kravspesifikasjon I dette kapittelet foreligger kravspesifikasjonen som ble utformet tidlig i prosjektprosessen. Dette er den opprinnelige kravspesifikasjonen. Det har igjennom prosjektprosessen vært naturlig

Detaljer

Spøkelsesjakten. Steg 1: Lag et flyvende spøkelse. Sjekkliste. Introduksjon

Spøkelsesjakten. Steg 1: Lag et flyvende spøkelse. Sjekkliste. Introduksjon Spøkelsesjakten Introduksjon Dette prosjektet er inspirert av tivolispillet Whack-a-mole, hvor man slår muldvarper ned igjen i hullene sine. I vårt spill er det spøkelsene som blir borte vi klikker på

Detaljer

JSP - 2. Fra sist. Hvordan fungerer web? Tjenerside script HTML. Installasjon av Web-tjener Et enkelt JSP-script. Ønsker dynamiske nettsider:

JSP - 2. Fra sist. Hvordan fungerer web? Tjenerside script HTML. Installasjon av Web-tjener Et enkelt JSP-script. Ønsker dynamiske nettsider: Fra sist JSP - 2 Installasjon av Web-tjener Et enkelt JSP-script HTML statisk Forms Tags Ønsker dynamiske nettsider: Klientside-script/programmering Javascript, vbscript, applets Tjenerside-script/programmering

Detaljer

Labyrint Introduksjon Scratch Lærerveiledning. Steg 1: Hvordan styre figurer med piltastene

Labyrint Introduksjon Scratch Lærerveiledning. Steg 1: Hvordan styre figurer med piltastene Labyrint Introduksjon Scratch Lærerveiledning Introduksjon I dette spillet vil vi kontrollere en liten utforsker mens hun leter etter skatten gjemt inne i labyrinten. Dessverre er skatten beskyttet av

Detaljer

lage og bruke funksjoner som tar argumenter lage og bruke funksjoner med returverdier forklare forskjellen mellom globale og lokale variabler

lage og bruke funksjoner som tar argumenter lage og bruke funksjoner med returverdier forklare forskjellen mellom globale og lokale variabler 42 Funksjoner Kapittel 4 Funksjoner Etter dette kapitlet skal du kunne lage og bruke enkle funksjoner lage og bruke funksjoner som tar argumenter lage og bruke funksjoner med returverdier forklare forskjellen

Detaljer

Oppsummering - Kurset (10/11-2015)

Oppsummering - Kurset (10/11-2015) Oppsummering - Kurset (10/11-2015) Grunnleggende HTML... 1 Basic JavaScript... 2 Variabler:... 3 Operatorer:... 4 Klikkhendelser... 5 Kontrollstrukturer... 5 Valgsetninger... 5 Betingelser/påstander...

Detaljer

Skilpadder Introduksjon Python PDF

Skilpadder Introduksjon Python PDF Skilpadder Introduksjon Python PDF Introduksjon: I denne modulen skal vi lære et programmeringsspråk som heter Python. Personen som laget det kalte det opp etter sitt favorittprogrammet på TV: Monthy Pythons

Detaljer

GeoGebraøvelser i geometri

GeoGebraøvelser i geometri GeoGebraøvelser i geometri av Peer Andersen Peer Andersen 2014 Innhold Innledning... 3 Øvelse 1. Figurer i GeoGebra... 4 Øvelse 2. Noen funksjoner i GeoGebra... 8 Øvelse 3. Omskrevet sirkelen til en trekant...

Detaljer

Skilpaddekunst. Steg 1: Møt skilpadden. Sjekkliste. Introduksjon. Turtles

Skilpaddekunst. Steg 1: Møt skilpadden. Sjekkliste. Introduksjon. Turtles Skilpaddekunst Introduksjon Skilpadder (turtles på engelsk) er en form for roboter som har vært i bruk innen programmering i lang tid. Vi vil bruke skilpadde-biblioteket i Python til å utforske flere programmeringskonsepter

Detaljer

Søyle, drager og balkongrekke... 3

Søyle, drager og balkongrekke... 3 DDS-CAD Arkitekt 10 Søyle, drager og balkongrekke Kapittel 5 1 Innhold Side Kapittel 5 Søyle, drager og balkongrekke... 3 Søyle... 3 Drager... 5 Balkongrekke... 9 Flytt rekkverk/vegg... 11 Gulv i balkong...

Detaljer

Kom i gang med. Kreativitet Programmering Gøy

Kom i gang med. Kreativitet Programmering Gøy Kom i gang med Kreativitet Programmering Gøy Versjon 1.4 Start opp er et nytt programmeringsspråk. Med Scratch kan du lage dine egne interaktive animasjoner, spill og musikk. Scratch er gratis og kan lastes

Detaljer

Memoz brukerveiledning

Memoz brukerveiledning Memoz brukerveiledning http://memoz.hib.no Pålogging...1 Oversikt...2 Profilside...2 Inne i en memoz...3 Legg til ting...3 Tekstboks...3 Rediger og flytte på en boks...4 Bildeboks...5 Videoboks...7 HTML-boks...7

Detaljer

Flaksefugl Nybegynner Scratch Lærerveiledning

Flaksefugl Nybegynner Scratch Lærerveiledning Flaksefugl Nybegynner Scratch Lærerveiledning Introduksjon Nå skal vi lage vår egen versjon av spillet Flappy Bird. Du styrer fuglen Flakse ved å trykke på mellomromtasten for å flakse med vingene. Du

Detaljer

Rosetta og Philae. Steg 1: Skilpadden blir et romskip. Sjekkliste. Introduksjon

Rosetta og Philae. Steg 1: Skilpadden blir et romskip. Sjekkliste. Introduksjon Rosetta og Philae Erfaren Python PDF Introduksjon Romsonden Rosetta ble sendt ut av Den Europeiske Romfartsorganisasjonen (ESA) for å utforske kometen 67P/Tsjurjumov- Gerasimenko. I november 2014 sendte

Detaljer

Hvordan lage et sammensatt buevindu med sprosser?

Hvordan lage et sammensatt buevindu med sprosser? Hvordan lage et sammensatt buevindu med sprosser? I flere tilfeller er et vindu som ikke er standard ønskelig. I dette tilfellet skal vinduet under lages. Prinsippene er de samme for andre sammensatte

Detaljer

Steg 1: Opprette app-pakke, app-klasse og FXML-fil

Steg 1: Opprette app-pakke, app-klasse og FXML-fil Logo med FXML Introduksjon En viktig del av det å lage app-er er å utforme skjerminnholdet, dvs. alt app-en inneholder av grafikk, knapper, lister, osv. Formålet til denne leksjonen er å lære hvordan du

Detaljer

INF1000 Klasser og objekter

INF1000 Klasser og objekter INF1000 Klasser og objekter Marit Nybakken marnybak@ifi.uio.no March 1, 2004 Dette dokumentet skal tas med en klype salt og forfatter sier fra seg alt ansvar. Dere bør ikke bruke definisjonene i dette

Detaljer

Bursdag i Antarktis Nybegynner Scratch PDF

Bursdag i Antarktis Nybegynner Scratch PDF Bursdag i Antarktis Nybegynner Scratch PDF Introduksjon Bursdag i Antarktis er en interaktiv animasjon som forteller historien om en liten katt som har gått seg bort på bursdagen sin. Heldigvis treffer

Detaljer

Mesteparten av kodingen av Donkey Kong skal du gjøre selv. Underveis vil du lære hvordan du lager et enkelt plattform-spill i Scratch.

Mesteparten av kodingen av Donkey Kong skal du gjøre selv. Underveis vil du lære hvordan du lager et enkelt plattform-spill i Scratch. Donkey Kong Ekspert Scratch Introduksjon Donkey Kong var det første virkelig plattform-spillet da det ble gitt ut i 1981. I tillegg til Donkey Kong var det også her vi første gang ble kjent med Super Mario

Detaljer

Norsk informatikkolympiade runde

Norsk informatikkolympiade runde Norsk informatikkolympiade 2016 2017 1. runde Sponset av Uke 46, 2016 Tid: 90 minutter Tillatte hjelpemidler: Kun skrivesaker. Det er ikke tillatt med kalkulator eller trykte eller håndskrevne hjelpemidler.

Detaljer

CSS: Style nettsider Nybegynner

CSS: Style nettsider Nybegynner CSS: Style nettsider Nybegynner Web Introduksjon Nå skal vi lære å endre på stilen til nettsider. I denne oppgaven forventer vi at du har gjort HTML-oppgavene eller er litt kjent med HTML fra før av. I

Detaljer

Oblig3Pi- en matematisk rettet obligatorisk oppgave nr. 3 (av 4) i INF1000 ett av to alternativer for oblig 3.

Oblig3Pi- en matematisk rettet obligatorisk oppgave nr. 3 (av 4) i INF1000 ett av to alternativer for oblig 3. Oblig3Pi- en matematisk rettet obligatorisk oppgave nr. 3 (av 4) i INF ett av to alternativer for oblig 3. Leveringsfrist Oppgaven må leveres senest fredag. oktober kl 6.. Viktig: les slutten av oppgaven

Detaljer

Tak. Kapittel 4 - Tak... 3

Tak. Kapittel 4 - Tak... 3 30.01.2012 Kapittel 4... 1 DDS-CAD Arkitekt innføring i versjon 7 Kapittel Innhold... Side Kapittel 4 -... 3 Loftsetasje... 3 Underlagstegning... 3... 4 Yttervegg... 6 Vindu i gavl... 9 Gulv i loftsetasjen...

Detaljer

Bygg et Hus. Steg 1: Prøv selv først. Sjekkliste. Introduksjon. Prøv selv

Bygg et Hus. Steg 1: Prøv selv først. Sjekkliste. Introduksjon. Prøv selv Bygg et Hus Introduksjon I denne leksjonen vil vi se litt på hvordan vi kan få en robot til å bygge et hus for oss. Underveis vil vi lære hvordan vi kan bruke løkker og funksjoner for å gjenta ting som

Detaljer

Norsk informatikkolympiade runde. Sponset av. Uke 46, 2016

Norsk informatikkolympiade runde. Sponset av. Uke 46, 2016 Norsk informatikkolympiade 2016 2017 1. runde Sponset av Uke 46, 2016 Tid: 90 minutter Tillatte hjelpemidler: Kun skrivesaker. Det er ikke tillatt med kalkulator eller trykte eller håndskrevne hjelpemidler.

Detaljer

Dobbelklikk på program-ikonet!

Dobbelklikk på program-ikonet! En hjemmeside kan lages i hvilket som helst enkelt tekstbehandlingsprogram (som f.eks. Notepad i Windows eller EnkelTekst på en Mac). Forutsetningen for å kunne gjøre dette er at man behersker html. Html

Detaljer

03.10.2013 Manual til. GeoGebra. Ungdomstrinnet. Ressurs til. Grunntall 8 10. Bjørn Bakke og Inger Nygjelten Bakke ELEKTRONISK UNDERVISNINGSFORLAG AS

03.10.2013 Manual til. GeoGebra. Ungdomstrinnet. Ressurs til. Grunntall 8 10. Bjørn Bakke og Inger Nygjelten Bakke ELEKTRONISK UNDERVISNINGSFORLAG AS 03.10.2013 Manual til GeoGebra Ungdomstrinnet Ressurs til Grunntall 8 10 Bjørn Bakke og Inger Nygjelten Bakke ELEKTRONISK UNDERVISNINGSFORLAG AS Innhold Verktøy... 4 Hva vinduet i GeoGebra består av...

Detaljer

Farger. Steg 1: Mer enn grått. Sjekkliste. Introduksjon

Farger. Steg 1: Mer enn grått. Sjekkliste. Introduksjon Farger Introduksjon Processing PDF Introduksjon På skolen lærer man om farger og hvordan man kan blande dem for å få andre farger. Slik er det med farger i datamaskinen også; vi blander primærfarger og

Detaljer

6: Trigonometri. Formlikhet bør kanskje repeteres. Og Pytagoras læresetning. Se nettsidene! Oppgaver Innhold Dato

6: Trigonometri. Formlikhet bør kanskje repeteres. Og Pytagoras læresetning. Se nettsidene! Oppgaver Innhold Dato Plan for hele året: - Kapittel 7: Mars - Kapittel 8: Mars/april 6: Trigonometri - Repetisjon: April/mai - Økter, prøver, prosjekter: Mai - juni Ordet geometri betyr egentlig jord- (geos) måling (metri).

Detaljer

TDT4110 Informasjonsteknologi, grunnkurs Uke 35 Introduksjon til programmering i Python

TDT4110 Informasjonsteknologi, grunnkurs Uke 35 Introduksjon til programmering i Python TDT4110 Informasjonsteknologi, grunnkurs Uke 35 Introduksjon til programmering i Python Professor Guttorm Sindre Institutt for datateknikk og informasjonsvitenskap Læringsmål og pensum Mål Vite hva et

Detaljer

Bygge en pyramide. Steg 1: Lage en ny mod. Sjekkliste. Introduksjon

Bygge en pyramide. Steg 1: Lage en ny mod. Sjekkliste. Introduksjon Bygge en pyramide Introduksjon Learn To Mod Introduksjon La oss gjøre som Egypterne og bygge en pyramide! Denne oppgaven har ikke så detaljerte instruksjoner som "Bygge en kube", den passer fint som oppgave

Detaljer

Installasjon InfoMediaPlayer:

Installasjon InfoMediaPlayer: Installasjon InfoMediaPlayer: InfoMediaPlayer lastes ned fra: https://dl.dropboxusercontent.com/u/81046462/5.5.42.exe Dette er en executable RAR fil, så kjør filen og sett C:\InfoMedia som bane for utpakking.

Detaljer

Vindu og dør. Kapittel 3 - Vindu og dør... 3

Vindu og dør. Kapittel 3 - Vindu og dør... 3 19.07.2012 Kapittel 3... 1 DDS-CAD Arkitekt Byggmester - innføring versjon 7 Vindu og dør Kapittel Innhold... Side Kapittel 3 - Vindu og dør... 3 Vinduene 1, 2, 3 og 4... 3 Hvordan ser fasaden ut?... 6

Detaljer

JS: Grunnleggende JavaScript Nybegynner

JS: Grunnleggende JavaScript Nybegynner JS: Grunnleggende JavaScript Nybegynner Web Introduksjon I denne oppgaven skal du lære helt enkle og grunnleggende elementer av JavaScript. Du vil lære om variabler, if-setninger, funksjoner og løkker.

Detaljer

Algoritmer og datastrukturer Kapittel 2 - Delkapittel 2.1

Algoritmer og datastrukturer Kapittel 2 - Delkapittel 2.1 Delkapittel 2.1 Plangeometriske algoritmer Side 1 av 7 Algoritmer og datastrukturer Kapittel 2 - Delkapittel 2.1 2.1 Punkter, linjesegmenter og polygoner 2.1.1 Polygoner og internett HTML-sider kan ha

Detaljer

Kapittel 2. Algebra. Kapittel 2. Algebra Side 29

Kapittel 2. Algebra. Kapittel 2. Algebra Side 29 Kapittel. Algebra Algebra kalles populært for bokstavregning. Det er ikke mye algebra i Matematikk P-Y. Det viktigste er å kunne løse enkle likninger og regne med formler. Kapittel. Algebra Side 9 1. Forenkling

Detaljer

Bytte til PowerPoint 2010

Bytte til PowerPoint 2010 I denne veiledningen Microsoft PowerPoint 2010 ser helt annerledes ut enn PowerPoint 2003, så vi har laget denne veiledningen for å gjøre det så enkelt som mulig for deg å lære forskjellene. Les videre

Detaljer

- reklamebannere mobil og tablet

- reklamebannere mobil og tablet Spesifikasjoner - reklamebannere mobil og tablet FINN.no Versjon 2.4 Sist oppdatert 16.08.2013 1. Innhold Innhold Introduksjon Målsetning Spesifikasjoner HTML Fysisk størrelse 225 px* Eksempler Størrelser

Detaljer

Deltegning + fritt definert tak... 3

Deltegning + fritt definert tak... 3 DDS-CAD Arkitekt 10 Deltegning + fritt definert tak Kapittel 16 1 Innhold Side Kapittel 16 Deltegning + fritt definert tak... 3 Oppstart deltegning... 3 Vegg... 4 Gulv... 6 Tak... 7 Automatiske taksymbol...

Detaljer

Vindu og dør. Kapittel 3 - Vindu og dør... 3

Vindu og dør. Kapittel 3 - Vindu og dør... 3 20.10.2009 Kapittel 3... 1 Kapittel Innhold... Side Kapittel 3 -... 3 Vinduer... 3 Gitter posisjonering... 4 Hvordan ser fasaden ut?... 5 Lukkevinduer... 6 Relativ posisjonering... 7 Se på 3D-modell...

Detaljer

Norsk informatikkolympiade runde

Norsk informatikkolympiade runde Norsk informatikkolympiade 2015 2016 1. runde Sponset av Uke 46, 2015 Tid: 90 minutter Tillatte hjelpemidler: Kun skrivesaker. Det er ikke tillatt med kalkulator eller trykte eller håndskrevne hjelpemidler.

Detaljer