Canvas

Canvas

Vi vil i gruppen undersøge følgende

Hvad er canvas tagget?

Hvilke ting kan man bruge det til og med hvilke parametre bruger man det ?

Hvorfor er det godt at bruge ?

Historien bag

Canvas elementet blev introduceret af Apple i 2004. Apples dashboard elementer er blevet lavet med Canvas og ellers kan man bruge det til at lave spil, grafik, animationer og billeder.

Hvad er Canvas tag i HTML 5

Et  canvas tag i HTML 5 er et tag <canvas> man bruger til at definere et område på en side der ikke har nogen ramme (usynlig) eller en ramme kan tilføjes så man bedre kan få et overblik over området.

Der kan tilføjes utallige canvas områder på en html side.

Når man bruger kanvas tagget er det vigtigt at kunne kende forskel på elementet og kanvas kontekst fordi man ofte balder de to sammen. Canvas elementet er faktisk et DOM node som er indlejret i HTML siden. Konteksten er et objekt med indstillinger. Det kan være 2D eller webgl 3D.

Man kan bruge metoder til at ændre grafikken indeni Canvas elementet

Et kanvas område kan få tildelt et id som alle andre elementer.

Du skal forestille dig at canvas ser ud som et felt med en x og y akse

billedet her er tegnet med canvas tagget:

Tags brugt:

MoveTo:bestemmer hvilke “felter der skal påvirkes

LineTo:Du bevæger dig i pixels på tværs af x og y akserne.

StrokeStyle: her kan du vælge farve på stroke. f.eks #000

Stroke: det der “fylder” disse felter med noget vi kan se

skal du starte en ny “sti” skriver du

beginPath: Har du tegnet én streg og vil starte en ny streg et andet sted i feltet.

Eksempel på en simpel Canvas tegning

Forklaring af de vigtigste udtryk:

fillstyle: kan være farve, mønster eller gradient.

fillrect: her kan du tegne en firkant med fyld.

strokestyle: som fillstyle bare med stroke

strokerect: tegner en firkant uden fyld.

clearrect:fjerner pixels i en firkant du har tegnet.

font:her kan du vælge font som i css

fillText:Her angiver du hvilken placering på x og y aksen teksten skal placeres eks (“x”, 248,) (“x”, 134,)

Hvorfor er det godt at bruge canvas:

1. Canvas er sikkert at bruge og passer med multi platform.
2. Du kan lege med pixels og farve såvel som hastighed
3. Du kan gemme dit Canvas som billede
4. at loade end et billede

brugte links

http://diveintohtml5.info/canvas.html

http://en.wikipedia.org/wiki/Canvas_element

Eksempler på seje ting der er lavet i Canvas

http://code.tutsplus.com/articles/21-ridiculously-impressive-html5-canvas-experiments--net-14210

Om interaktions design.

Interaktions design fylder din hverdag. Prøv at tænk på hvor mange elektroniske ting du har inter ageret med siden du stod op i morges.

Min hverdag lyder således

6:30: Digitalt vækkeur.
7:00: knust is fra mit amerikanske køleskab. Køleskabet har et digitalt program hvor man vælger is type.
8: Rejsekort. Check ind.
8:30: Dankort automat i 7 eleven.
9:00: mobiltelefon med google play.
9:30: Nem id login
9:00: computer i skolen.
15:00:check ud.
16:30: Hører musik på en ipod tilknyttet radioen i køkkenet. På Spotify.
18:00:Smart Tv.

Udfra min hverdag ser jeg det som der mindst er to kategorier af Interaktions design. Praktisk eller Underholdning

Praktisk interaktions design

Alle de praktiske ting er en del af min hverdag fordi de er uundgåelige i dag.Vores hverdag bliver i højere grad digitalesiret... Klippekort udgår. Rejsekort bliver indført. E-post erstatter brevet.

Dette tvinger os til at forholde os til at interagere med digitale løsninger. De fleste yngre generationer klarer opgaven naturligt. Men en del ældre føler hurtigt at deres hverdag bliver mere besværlig.
Spørgsmålet er bare hvor grænsen går ?

Underholdning  og interaktions design

Ved underholdning og interaktions design er der derimod ikke nogle grænser. Grænserne skubber sig hele tiden og involverer alle sanser. 

Wii, Kinect og bevægelses sansen.

Mega installationer med touch egenskaber.

Google glasses.

Sensorer der påvirker nervesystemet.

360 graders udsyn i spil universer.

Hvor er vi i fremtiden

Man kunne  næsten forestille sig at fremtiden kunne byde på spil og underholdning. Der involverer alle sanser.

Kan du forestille dig at gå ind i en biograf der er en 3d verden du kan bevæge dig rundt i. Du kan selv vælge hvilken rolle i filmen du vil være. Et system bliver koblet til dig så du både føler, ser, hører og dufter hvad personen gør. (nok minus smerte ).

Kunne det være muligt ? Ville du have lyst til det?

Spørgsmålet er så bare om en sådan mulighed i fremtiden ville have en dyster bagside og lede verden hen mod Utopi eller Dystopi.

Et eksempel på hvordan  man kunne bruge en browser som normalt hvis man kun har to knapper at anvende ?

Funktioner:

Tænd/sluk
Navigere med mus for at vælge "klik-Punkt"
Højre/venstre klikke.
Dobbelt klikke.
Bruge alle tegn på tastatur.



En skærm er til start opdelt i et grid af 6x4cm. felter.

Ved 1 klik på begge knapper samtidigt starter markøren i venstre top hjørne.
herfra kan du gå til højre eller venstre gennem de forskellige felter.

Når du har fundet det pågældende sted på skærmen du genre vil bevæge dig rundt i af mindre felter kan du vente 2 sek med at bevæge dig videre. Dobbeltl klik på højre pil og herved bevæge dig rundt i mindre felter a 20 x 20px.

Dobbelt klikker du på et sted hvor der skal skrives tekst kommer der en funktion med et tastatur frem.

På samme måde starter markøren ved esc knappen. Og du kan igen bevæge dig via pile tasterne rundt på tastaturet.

Laswell og kommunikation

I dag er de fleste i vores moderne samfund meget bevidste om reklamer og skjulte budskaber.
Manke af os kender sandsynligvis til ord som Produkt Place ment, og har markedsføring som fag i skolen.

Derfor har de fleste af os i dag en Fire-Wall i forhold til reklamer og manipulerede budskaber.

Men alligevel bliver vi bombarderet med reklamer, film, emballage og videoer der er skabt til at ramme netop vores type. Og Det betyder muligvis alt for om hvordan vi vælger vores livsstils produkter.

Og vel troende på at vi kan "gennemskue" påvirknings faktorer. Er der helt sikkert stadig ting vi ikke lægger mærke til.

Men hvad går det ud på Laswells Kommunikations model ?

Hvem siger hvad ? Gennem hvilken kanal? Til hvem? Med hvilken effekt?

Et eksempel kan være Dansk Folkeparti og deres valgkampagne..

Dansk Folkeparti har et stort segment af ældre vælgere og bruger derfor bevidst symboler der frembringer tryghed og genklang hos lige præcis dem.

Hundehvalpe, Dannebrog, farverne rød, blå og hvid. Danske lyshårede frontfigurer. Et Billede af en ældre dame som sidder med et oldebarn på skødet. Med teksten "vi passer på dig gennem hele livet".

Mange af deres reklamer bliver placeret i Kryds og tværs sektionen.

Man vil vove at påstå at, ligemeget hvad man vil opnå. Om det er et salg, et budskab for en bedre verden eller en religion, er det uhyre vigtigt at være opmærksom på hvilke kanaler der bruges til hvilket budskab.

Havde de placeret deres reklamer i et Soundvenue blad eller ved siden af Roskilde festival reklamen ville de gå gennem en kanal der ikke ville ramme de rigtige modtagere. Eller endnu værre de ville provokere et segment der i forvejen er meget følsomme overfor deres kritisable ideologier.

Hvad er ophavsret.

Ophavsret

Malerier, , skrevne værker, designs, produkter, tekniske tegninger, oversatte værker kunstværker, produkter, skrevne værker Osv.

Alle sammen ting som opstår i hovedet på én person, gruppe eller noget der er blevet  bygget videre på gennem flere generationer.

Som alle originale tanker og ideer kommer og går, er der selvfølgelig nogle der er så interessante at man kan tjene penge på dem eller at andre mennesker kan bruge dem. Men hvad hvis to individer får samme geniale ide samme tid to forskellige steder på jorden ?

Og begge påstår at det kun er deres originale idé ?

Eller hvad hvis naboen ser at du tjener kassen på en fantastisk ide og så beslutter sig for at låne den ? Så kan der pludselig være et problem med ophavsretten.

Dorit Moral
Dorit moral betyder de ideele rettigheder. Og det betyder to ting; for det første skal ophavsmandens navn altid nævnes ved brug af hans værk. Et eksempel kan være en blogger der bruger et stykke tekst fra en anden original blog. Her skal den originale bloggers navn altid nævnes som reference. Et andet eksempel kan være et billede fra en fotograf man vil bruge til at illustrere en tekst. Her skal man have tilladelse fra fotografen.
Det kan blive dyrt at bruge fotografier uden tilladelse. Fotografen har ret til at sende en regning ved brug uden at få lov. Brug af et enkelt billede kan hurtigt koste dig en regning på 7-8000 kroner uden advarsel.

 For det andet må en kunstners værk ikke ændres på en måde der kan forstyrre eller være krænkende for ophavsmanden.


Der er dog utallige kriterier du dog skal være opmærksom på i forhold til ophavsret, hvor nogle vigtige er:

• Det er ikke nok kun at få en idé til et musikstykke, kunstværks os v. Du har først ophavsret når den pågældende idé er blevet udført.
• Man kan ikke monopolisere bestemte stilarter som eks. modernisme eller Bauhaus stilen.
• Ophavsret varer i 70 år efter skaberen dør. Herefter kan værket benyttes frit på ny
• Ophavsret kan til tider være en gråzone og kan i mange tilfælde skulle gennem retten. 

International beskyttelse Den internationale beskyttelse af ophavsret er Bernerkonventionen og Romkonventionen. Det betyder at alle lande der er medlem af konventionen yder beskyttelse af dit værk selvom du kommer fra Danmark. Dog udfra de pågældende landes egne lovgivninger omkring ophavsret.