Roc Zadkine. Javascript SpaceGame. Door: K.Bakker versie 2.0
|
|
- Raphaël de Wit
- 5 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Roc Zadkine Javascript SpaceGame Door: K.Bakker versie 2.0
2 juni 2016 distributielijst versie historie versie datum auteur Opmerkingen k.bakker k.bakker
3 inhoudsopgave 1. Game in HTML5 en JavaScript Canvas code 4 2. Canvas code bespreking Body code Script code canvasspacegame functie stars functie UFO 8
4 1. Game in HTML5 en JavaScript. Met het gebruik van HTML5 en JavaScript wordt een eenvoudige sterrenachtergrond opgebouwd en een vliegend voorwerp dat als sterrenschip dient. De achtergrond wordt gevormd door een achtergrond van sterren die feitelijk gemaakt worden met de grafisch mogelijkheden van CANVAS. Dit zijn de geometrische basisvormen. Daarnaast wordt het sterrenschip gevormd door een object dat zich over de achtergrond beweegt. Het sterrenschip is de voorstelling van een UFO. Om het spel mogelijk te maken worden de volgende zaken uitgevoerd; Toevoegen van een canvas element aan een wegpagina Een zwarte achtergrond aanmaken Tekenen van sterren op de achtergrond. Toevoegen van de UFO als apart object voor de zwaarte achtergrond. Aan het einde van deze oefening worden nog wat tips gegeven om het spel aan te passen.
5 1.1 Canvas code <!DOCTYPE html> <html> <head> <script type="text/javascript"> // Deze functie wordt geladen tijdens de zgn page-load function canvasspacegame() { // Vind het canvas element canvas = document.getelementbyid("mycanvas"); // getcontext om de context te vatten if (canvas.getcontext) // Maak een canvas user interface element. { // Specificeer altijd 2d of 3d ctx = canvas.getcontext("2d"); // achtergrondkleur is zwart // de geometrische primitieven worden gebruikt als rechthoek // en vulkleur maar dan op het canvas-element ctx.fillstyle = "black"; ctx.rect(0, 0, 300, 300); ctx.fill(); // Teken de sterren op de achtergrond, functie stars() stars(); // Teken het ruimte schip, functie UFO() UFO();
6 function stars() { // Teken 50 sterren. for (i = 0; i <= 50; i++) { // Willekeurige posities voor de sterren in coordinaten x en y. // De wiskundige functies worden gebruikt én de grenswaarden // 300 worden aangehouden var x = Math.floor(Math.random() * 299); var y = Math.floor(Math.random() * 299); // Sterren kleuren wit ctx.fillstyle = "white"; // Ruimte rondom de UFO startpositie. Grootte 30x30 if (x < 30 y < 30) ctx.fillstyle = "black"; // teken een ster door een cirkel te tekenen ctx.beginpath(); ctx.arc(x, y, 3, 0, Math.PI * 2, true); ctx.closepath(); ctx.fill();
7 function UFO() { // Teken de UFO ctx.beginpath(); ctx.moveto(28.4, 16.9); ctx.beziercurveto(28.4, 19.7, 22.9, 22.0, 16.0, 22.0); ctx.beziercurveto(9.1, 22.0, 3.6, 19.7, 3.6, 16.9); ctx.beziercurveto(3.6, 14.1, 9.1, 11.8, 16.0, 11.8); ctx.beziercurveto(22.9, 11.8, 28.4, 14.1, 28.4, 16.9); ctx.closepath(); ctx.fillstyle = "rgb(222, 103, 0)"; ctx.fill(); // Teken UFO top. ctx.beginpath(); ctx.moveto(22.3, 12.0); ctx.beziercurveto(22.3, 13.3, 19.4, 14.3, 15.9, 14.3); ctx.beziercurveto(12.4, 14.3, 9.6, 13.3, 9.6, 12.0); ctx.beziercurveto(9.6, 10.8, 12.4, 9.7, 15.9, 9.7); ctx.beziercurveto(19.4, 9.7, 22.3, 10.8, 22.3, 12.0); ctx.closepath(); ctx.fillstyle = "rgb(51, 190, 0)"; ctx.fill(); </script> </head> <body onload="canvasspacegame()"> <! start het spel tijdens laden--> <h1> Canvas Space Game </h1> <canvas id="mycanvas" width="300" height="300"> </canvas> </body> </html>
8 2. Canvas code bespreking De code begint met een openingstags <!doctype html> waarmee feitelijk een HTML5 document geopend wordt. In de header wordt het javascript programma geplaatst met de tag <script type="text/javascript"> Het gehele spel bestaat uit 2 delen: Body code Script code 2.1 Body code In de body wordt een onload() functie gebruikt om het script canvasspacegame onmiddellijk op te starten.. Het canvas element is onderdeel van de HTML code. De afmetingen van het canvas element is bepaald in het ID attribuut. Dit ID atribuut is belangrijk om weer te gebruiken voor verdere bewerking. 2.2 Script code In de java script sectie worden 3 functies gemaakt; canvasspacegame, stars, and UFO. De functie canvasspacegame wordt aangeroepen als de pagina geladen wordt. Deze functie is dus de hoofdfunctie. De andere 2 functies (stars en UFO) worden aangeroepen vanuit de functie canvasspacegame.
9 2.3 canvasspacegame functie Deze functie wordt automatisch aangeroepen. Het zoekt eerst het canvas element in de de BODY van de HTML pagina. Het canvas element wordt gevonden door het ID. Daarna wordt de context ( inhoud) geladen van dit element om deze context te bewerken in 2D. Daarvoor worden de methoden gebruikt fillstyle, rect en fill. 2.4 stars functie Deze functie wordt aangeroepen vanuit de functie canvasspacegame. In een iteratieve loop wordt 50 maal een figuur getekend op willekeurige posities. De posities worden getekend op x en y coördinaten bepaald vanuit de linker bovenhoek. Daarnaast wordt een vlakje overgelaten voor de UFO op 30 x 30. De grafische primitieven fillstyle en arc worden gebruikt. Let op dat bij arc een volgorde aangehouden moet worden. beginpath(); arc(x, y, 3, 0, Math.PI * 2, true); closepath(); fill(); x en y Math.PI x 2 : zijn willekeurige coördinaten op het sterrenveld. : staat voor 2 π radiaal Documentatie: CanvasRenderingContext2D.arc(x, y, radius, startangle, endangle, anticlockwise); 2.5 UFO Deze functie wordt aangeroepen door de functie canvasspacegame. Hierbij wordt het sterrenschip getekend met de methode beziercurveto op het Canvas2D object. Documentatie: CanvasRenderingContext2D.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
Roc Zadkine. Javascript Car. Door: K.Bakker versie 1.0
Roc Zadkine Javascript Car Door: K.Bakker versie 1.0 mei 2016 distributielijst versie historie versie datum auteur Opmerkingen 1.0 2-2-2016 k.bakker inhoudsopgave 1. Project benodigdheden 3 2. Benodigdheden
Nadere informatieHTML Graphics. Hans Roeyen V 3.0
HTML Graphics Hans Roeyen V 3.0 19 maart 2015 Inhoud 1. HTML5 Canvas... 3 1.1. Het Canvas element... 3 2. SVG Element... 9 2.1. SVG vergeleken met Canvas... 9 2.2. Een cirkel tekenen met SVG... 10 2.2.1.
Nadere informatieRoc Zadkine. Javascript animatie en bewegingen. Door: K.Bakker versie 2.0
Roc Zadkine Javascript animatie en bewegingen Door: K.Bakker versie 2.0 mei 2016 distributielijst versie historie versie datum auteur Opmerkingen 1.0 2-2-2016 k.bakker Klant : Zadkine College Pagina 1
Nadere informatieWeb building gevorderden: CSS & JavaScript. Karel Nijs 2008/11
Web building gevorderden: CSS & JavaScript Karel Nijs 2008/11 Webbuilding gevorderden les 3 JavaScript intro JavaScript invoegen JavaScript statements JavaScript popup berichten JavaScript functies JavaScript
Nadere informatieoefeningen opstellen met GeoGebra en javascript
oefeningen opstellen met GeoGebra en javascript Er zijn heel wat verschillende mogelijkheden om GeoGebra en Javascript te combineren in het opstellen van oefeningen. Antwoorden in het applet zelf: - Je
Nadere informatieLes 9: formulier controle met javascript.
Les 9: formulier controle met javascript. Javascript is erg veel gebruikt bij internet toepassingen. In tegenstelling tot PHP, wat een server side scripting is, is java client side scripting. Dwz, niet
Nadere informatieJavascript oefenblad 1
Leer de basis van Javascript. Javascript oefenblad 1 Niels van Velzen Javascript oefenblad 1 Pagina 2 Inleiding Javascript is niet altijd even makkelijk. Vooral aan het begin is het even wennen hoe de
Nadere informatieVoordelen: Nadelen: Benodigdheden: Programma s: Google Web Designer. Photoshop. Sublime (HTML-editor) Websites: Tinypng.com
Google Web Designer Voordelen: Sneller en makkelijker. Banners kunnen worden afgespeeld op telefoons (flash kan dit niet). Het vervangen van plaatjes kan zonder het programma op te starten. Meer FPS dan
Nadere informatieProgrammeren en Wetenschappelijk Rekenen in Python. Wi1205AE I.A.M. Goddijn, Faculteit EWI 8 mei 2014
Programmeren en Wetenschappelijk Rekenen in Python Wi1205AE, 8 mei 2014 Bijeenkomst 6 Onderwerp Tips met betrekking tot debuggen Animaties, simulaties en spellen Pygame: de basis 8 mei 2014 1 Algemene
Nadere informatieX. Grafische elementen
X. Grafische elementen Om u te helpen bij grafische voorstellingen heeft java een aantal grafische afbeeldingen die u kunt gebruiken. Meestal worden zij in de methode paint(graphics g) geplaatst. Zij moeten
Nadere informatieHandleiding Woonz.nl iframe
Handleiding Woonz.nl iframe Woonz.nl biedt de mogelijkheid om uw actuele woningaanbod op Woonz.nl op uw website te tonen. Hiervoor dient u eerst een API-key te ontvangen van Woonz.nl, dit is een sleutel
Nadere informatieHand-out Introduction to Programming, werkcollege 7 Alex Reuneker 2013
Hand-out Introduction to Programming, werkcollege 7 Alex Reuneker (a.reuneker@hhs.nl), 2013 1. Document Object Model (DOM) DOM: DOM staat voor Document Object Model. Het DOM is een model van webpagina
Nadere informatieOpgave Tussentijdse Oefeningen Jaarproject I Reeks 4: Lcd Interface & Files
Opgave Tussentijdse Oefeningen Jaarproject I Reeks 4: Lcd Interface & Files 1 Introductie In deze oefening zal je je LCD display leren aansturen. Je controleert deze display door er instructies naar te
Nadere informatiesize( 800, 500 ); Canvas = tekenblad 'size' is een woord dat processing herkent om de grootte van het canvas (tekenblad) in te stellen
Canvas = tekenblad 1 'size' is een woord dat processing herkent om de grootte van het canvas (tekenblad) in te stellen 'size' op zich is niet genoeg informatie... Extra informatie wordt meegegeven tussen
Nadere informatieOmschrijf bij ieder onderdeel van de methode de betekenis ervan. Java kent twee groepen van klassen die een GUI kunnen maken: awt en swing.
irkel (met Jpanel) ij de onderstaande opdracht behoort het bestand Panels: JPanels_1.java (map Panel) in de map irkel. pplicaties in Java hebben altijd een publieke klasse waarin een methode main voorkomt.
Nadere informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatieHOOfDsTuk 1 Objecten en klassen
HOOfDsTuk 1 Belangrijkste concepten in dit hoofdstuk: objecten klassen methodes parameters We springen meteen in het diepe en maken een begin met onze behandeling van objectgeorienteerd programmeren. Om
Nadere informatieFFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40
FFOUCHIER 01/11/2018 FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40 De meeste juiste antwoorden: #22 Minste Juiste antwoorden: #30 1. Selecteer de juiste HTML-code voor het maken
Nadere informatieKris Merckx Javascript Programming - DIVARC - trigonometry en wrapping/warping text
DIVARC Copyright: Kris Merckx 2013 Parameter Waarde Wat? size geheel getal aantal posities op de cirkel xpos getal x-positie middelpunt van de cirkel ypos getal y-positie middelpunt van de cirkel radius
Nadere informatieInteractief blok 2 code opdracht 6 - wireframe
Interactief blok 2 code opdracht 6 - wireframe 1. Klaarzetten bestanden Dit is een best practice voorbeeld. Maak een map aan voor je site. Hier komen alle bestanden in te staan (HTML, CSS en al je afbeeldingen).
Nadere informatieWebsitecursus deel 3 JavaScript
Websitecursus deel 3 JavaScript A Eskwadraat WebCie www@a-eskwadraat.nl 12 oktober 2015 Introductie Twee weken geleden HTML Vorige week CSS Deze week JavaScript Javascript JavaScript (ook wel JS) is een
Nadere informatieGegevens uit een database tonen
Gegevens uit een database tonen In een eerdere handleiding heb ik jullie laten zien hoe je met behulp van MySQL en phpmyadmin een database kunt opzetten. We hebben toen een database aangemaakt en gevuld
Nadere informatieGoogleMapsGoogleMapsGoogleMaps GoogleMapsGoogleMapsGoogleMaps GoogleMapsGoogleMapsGoogleMaps
Google Maps INHOUDSOPGAVE Inleiding.. 3 Een Google Map maken.. 4 Een eigen adres opgeven 7 Inzoomen op je eigenkaart. 8 Satellietbeeld op je eigenkaart. 10 Markers plaatsen. 13 Tekstballon plaatsen.. 15
Nadere informatie1. Klik in de menubalk op Bestand/Nieuw. In het nieuwe venster kies je voor: Klik op OK en een nieuw plaatje verschijnt.
Basisvormen in PSP7 Je kunt het gereedschap Basisvormen gebruiken om allerlei vormen en symbolen te tekenen. Dat kan zijn op een raster- of op een vectorlaag. Een vectorvorm kan worden vervormd en bewerkt
Nadere informatie8 Word Art Teksten. De documentatie van deze API is te lezen in Bijlage P: WordArt Documentatie.
8 Word Art Teksten De tbvectorfont library maakt gebruik van alle standaard functionaliteit die de browsers bieden. Naast deze standaard functionaliteit ziet Tingly Games graag ook uitgebreidere tekst
Nadere informatieCascading Style Sheets
Cascading Style Sheets Dit gedeelte wordt uitgebreid besproken in http://www.handleidinghtml.nl/css/index.html 1TIN Internettechnologie 2003-2004 les 07 1 Onderwerpen Cascading model Syntax Toevoegen van
Nadere informatieViews, de finesse. Voorbereiding. Inhoudstypes
Les 15 Opdrachten 1. Het bestaande Hoovereffect I-blok verschijnt enkel op de frontpage in de linker zijbalk. 2. Er is een background image aanwezig op de frontpage. Dit is een patroon naar keuze of gebruik
Nadere informatieGraphics. Small Basic graphics 1/6
Small Basic graphics 1/6 Graphics Naast het werken met tekst kan je in Small Basic ook werken met grafische elementen: lijnen, vormen en kleuren. Hierbij gebruik je het grafische venster met de witte achtergrond.
Nadere informatiePagina-inhoud maken. Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het <img>-tag.
Afbeeldingen Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het -tag. De parameters:
Nadere informatieDe frameset uit de afbeelding wordt op de volgende manier gedefinieerd:
FRAMES GEBRUIKEN Met frames kan het venster van een browser zo worden ingedeeld, dat er meerdere webpagina's tegelijk getoond kunnen worden. In de afbeelding hieronder staat een webpagina met frames. We
Nadere informatieJavaScript. 0 - Wat is JavaScript? JavaScript toevoegen
0 - Wat is JavaScript? JavaScript is hele andere koek dan Scratch. Het wordt ook door professionele programmeurs gebruikt. Doordat er veel mensen gebruik maken van JavaScript is er veel informatie over
Nadere informatieOEFENINGEN PYTHON REEKS 4
Vraag 1: Introductie Tekenen OEFENINGEN PYTHON REEKS 4 Vanaf deze les gaan we gebruik maken van het pakket VPython om de objecten te tekenen en weer te geven. Om aan alle functies te kunnen die VPython
Nadere informatieTitel: flashvars.html
Data uitwisselen met Flash: the easiest way Kris Merckx www.ardeco.be Macromedia Flash-bestanden kunnen opgenomen worden in HTML. Een Flashfilm (*.swf) kan tekst, afbeeldingen, film, geluid en vectorbeelden
Nadere informatieAgenda. Wat is HTML? Meer over HTML... Waarom HTML leren? Aniel Bhulai. Inleiding Computergebruik - HTML 1. Waarin maak je een HTML-bestand?
Agenda HTML algemeen Wat is HTML? Korte historie Opbouw HTML document Aantal tags + voorbeelden Vragen 2 3 Opmaaktaal Letter Kleur Plaatjes Tabellen Formulieren Links Wat is HTML? Waarin maak je een HTML-bestand?
Nadere informatieGebruikershandleiding voor: Beperkte Password protectie met JavaScript
Gebruikershandleiding voor: Beperkte Password protectie met JavaScript URL: http://home.hccnet.nl/s.f.boukes/html-2/html-202.htm INHOUD : 1. Structuur van een beveiligde site 2. Login-formulier 3. Login
Nadere informatieAPI geolocation. Ying-Hing Lam Tjebbe Marchand DP31T
API geolocation Ying-Hing Lam Tjebbe Marchand DP31T 1 Inhoudsopgave Achtergrondinformatie blz. 4 Uitleg werking blz. 5 Extra functies blz. 6 Verschillende concepten Ons concept Brondvermelding Feedback
Nadere informatieKris Merckx - 16/10/ Agnes.js - creative commons license
Agnes.js - alpha 2.5 => www.ardeco.be/agnes (testsite) Fase 1: Opzetten van de frameworkbasis (afgerond) TOETSTYPES: - meerkeuze (één of meerdere correcte antwoorden) - invuloefening - ja-neen-vragen -
Nadere informatieInformatica: C# WPO 4
Informatica: C# WPO 4 1. Inhoud For-loop, debuggen, inleiding tot graphics 2. Oefeningen Demo 1: Geometrische figuren Demo 2: Teken een 10 bij 10 rooster Demo 3: Debug oplossingen demo s 1 en 2 A: Flowerpower
Nadere informatieHandmatig Onderzoekmelding invoeren Archis III
Handmatig Onderzoekmelding invoeren Archis III Voor het indienen van een onderzoekmelding in Archis III ga je naar Melden nieuw onderzoek Daar moeten 3 schermen doorlopen/ingevoerd worden. Eerste scherm:
Nadere informatieExercise assistant on-line
Exercise assistant on-line Onderwerpen - Introductie Exercise Assistant - On-line volgens MVC principe - Problemen bij MVC principe - Mogelijke oplossing - Richtingen onderzoek - Mogelijkheid tot meedoen
Nadere informatieEen imagemap of klikkaart is een standaard afbeelding (jpg, gif of png) waarop bepaalde zones aanklikbaar worden gemaakt.
Imagemaps Een image map bestaat uit een eenvoudige afbeelding (jpeg, gif...). Door bepaalde delen van de afbeelding aanklikbaar te maken, kan u bezoekers naar verschillende pagina's in de website doorsturen.
Nadere informatieEen verticale vormgeving is makkelijker en sneller te realiseren dan een horizontale.
Een HTML-sjabloon Denk goed na hoe je webpagina er moet uitzien. Wil je een webpagina met een horizontale vormgeving (zoals bij een schermpresentatie)? Wil je een webpagina met een verticale vormgeving
Nadere informatieExterne pagina s integreren in InSite en OutSite
Externe pagina s integreren in InSite en OutSite Document-versie: 1.1 Datum: 04-10-2013 2013 AFAS Software Leusden Niets uit deze uitgave mag verveelvoudigd worden en/of openbaar gemaakt worden door middel
Nadere informatieFoutcontrole met Javascript
Foutcontrole met Javascript Pol Van Dingenen Yannick Van Hauwe INLEIDING Het controleren van de gegevens die ingevuld zijn in formulieren is heel erg belangrijk. In de praktijk is enkel en alleen controle
Nadere informatieHier komt alle informatie over je webpagina, welke niet zichtbaar is op de webpagina zelf.
Elke website begint met een basisstructuur. Deze basisstructuur is opgebouwd uit drie tags. Je gebruikt eerst de - tag welke aangeeft wat voor type document het is. Dan de - tag. Hier komt
Nadere informatieAutoTrack.nl. Handleiding Implementatie Voorraadlijst
AutoTrack.nl Handleiding Implementatie Voorraadlijst Basis Implementatie De nieuwe AutoTrack.nl Voorraadlijst kunt u (of uw webbouwer) implementeren door op uw website de URL die u van AutoTrack.nl heeft
Nadere informatieINHOUDSOPGAVE. Over de auteur, de illustrator en de technische redacteuren 13
INHOUDSOPGAVE Over de auteur, de illustrator en de technische redacteuren 13 Dankwoord 14 Inleiding 15 Waarom Python?... 16 Hoe je code leert schrijven... 16 Voor wie is dit boek... 17 Wat staat er in
Nadere informatieAJAX (XMLHttpRequest)
AJAX (XMLHttpRequest) Ajax is hot. De meesten die met webdesign bezig zijn hebben er wel al van gehoord, veronderstel ik. Voor diegenen die er nog niet van hoorden, of nog niet mee werkten volgt hier een
Nadere informatieInleiding Conversies bijhouden
Inhoud Inleiding... 2 Voorbereiding... 3 Aanmaken van een tracking code... 3 Nieuwe conversie... 3 Bestaande conversie... 7 Tracking code gebruiken in SEOshop... 10 Alle pagina s... 10 Bedankt pagina...
Nadere informatieJavaLogo-programma s op het web plaatsen
Bijlage JavaLogo-programma s op het web plaatsen In deze bijlage laten we u zien hoe u JavaLogo-programma s op het web kunt plaatsen, met als voorbeeld het programma Cirkels uit opgave 2.16. We gaan er
Nadere informatieWiskunde D met Fontys en de TU/e
Wiskunde D met Fontys en de TU/e Mike Boldy m.c.boldy@tue.nl 5 juni 2008 Wiskunde D modules samenwerkingsverband met 3TU (UT, TUD, TU/e) en Fontys modules cursussen voor docenten kerngroep: scholen uit
Nadere informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatieLab Webdesign: Javascript 11 februari 2008
H2: BASISBEGRIPPEN In dit hoofdstuk zullen er enkele basisbegrippen worden behandelt PLAATSING VAN JAVASCRIPT-CODE DE SCRIPT-TAG De script-tag geeft aan dat er gebruik zal worden gemaakt van een scripttaal.
Nadere informatieInhoud. Pagina 2 van 13
Code Conventie Inhoud PHP algemeen... 3 Namen van variabelen... 3 Enkele of dubbele aanhalingstekens... 3 Globale variabelen... 3 Namen van functies... 3 Argumenten van functies... 3 Formattering... 4
Nadere informatieWELKOM BIJ UNICODING PROCESSING. Unicoding 1. Handleiding docent LES 1 DEEL A: Vormen, coördinaten en kleuren
WELKOM BIJ UNICODING Bedankt voor het kiezen van Unicoding Coding for Kids. Unicoding is een workshop coderen voor basisscholieren van groep 8. In de cursus leren de leerlingen stap voor stap hoe ze een
Nadere informatieHoe maak je Vintage Vector Kroonkurken in Illustrator en AD door Joshua Bader
Hoe maak je Vintage Vector Kroonkurken in Illustrator en AD door Joshua Bader In deze zelfstudie laat ik u zien hoe u een vectorkroonkurk kunt maken in Illustrator CS4 met behulp van enkele basisvormen,
Nadere informatieJarno Verhoogt 21 mei 2014 Stud. Nr. 500684953 Docent: Joost Faber. Deeltoets 2: Hoe maak je met javascript een eenvoudige slideshow?
Jarno Verhoogt 21 mei 2014 Stud. Nr. 500684953 Docent: Joost Faber Deeltoets 2: Hoe maak je met javascript een eenvoudige slideshow? Inleiding Dit is een eenvoudige handleiding om in javascript een simpele
Nadere informatieVersie 0.2. Documentatie Onsweb Club plugin voor NHV verenigingen. Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman
Documentatie Onsweb Club plugin voor NHV verenigingen Versie 0.2 Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,
Nadere informatieHTML. Media. Hans Roeyen V 3.0
Media Hans Roeyen V 3.0 12 maart 2015 Inhoud 1. (Multi)Media op websites... 3 2. Flash en Websites... 4 3. Video op je website... 4 3.1. YouTube insluiten op de pagina... 4 3.2. Video zonder YouTube...
Nadere informatieStart GameMaker en open een nieuw spel (menu: Zorg ervoor dat GameMaker in Advanced Mode
1. Room Start GameMaker en open een nieuw spel (menu: Zorg ervoor dat GameMaker in Advanced Mode toolbar onder de menubalk. Links staat de resource explorer waarmee je tijdens het ontwerpen van je spel
Nadere informatieLearnOSM. Onderzoek met behulp van veldformulieren. Overzicht van veldformulieren
LearnOSM Onderzoek met behulp van veldformulieren Bijgewerkt op 2015-08-22 In dit hoofdstuk zullen we zien hoe we de coördinaten van plaatsen kunnen opnemen zonder een GPS. We zullen gereedschap gebruiken,
Nadere informatieHosting. Bestelformulier en domeinnaamcontrole. Januari, 2013. WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland. w: www.wefact.nl e: helpdesk@wefact.
Hosting Januari, 2013 Bestelformulier en domeinnaamcontrole WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland w: www.wefact.nl e: helpdesk@wefact.nl Introductie Algemeen In deze handleiding wordt uitgelegd
Nadere informatieEen ASP.NET applicatie opzetten. Beginsituatie:
Hoofdstuk 1 Een ASP.NET applicatie opzetten Beginsituatie: Windows XP Pro, Windows Vista Pro of Windows 7 Pro Visual Studio.NET moet zijn geïnstalleerd. Let hierbij op dat de Express versie niet voldoet.
Nadere informatieGebruik maken van een Geopunt-mini-kaart v3.1
Gebruik maken van een Geopunt-mini-kaart v3.1 Document versie 1.0 1 1. Doelstelling Via een aantal Geopunt-kaarttoepassing kan je kaarten, interessante plaatsen en een aantal andere functionaliteiten van
Nadere informatieHANDLEIDING CMS. Blackbrick.nl. Datum Oktober Versie Online-Marketingmachine, Marco Bouman en Maico de Jong
HANDLEIDING CMS Blackbrick.nl Datum Oktober 2013 Versie 3.24 Auteurs Online-Marketingmachine, Marco Bouman en Maico de Jong INHOUDSOPGAVE 1. INLEIDING 2. AAN DE SLAG 3. TE BEHEREN ELEMENTEN IN DE SITE
Nadere informatieBasis-theme. Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme >
Basis-theme Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Naam invullen en de code van basis-theme kopiëren en erin plakken
Nadere informatieDocumentatie. InstantModules Q42. Versie 1.1
Documentatie InstantModules Q42 Versie 1.1 Inhoudsopgave Inhoudsopgave... 2 Voor gebruikers... 3 InstantComment... 3 InstantTagging... 5 Voor webmasters... 9 InstantComment... 9 InstantTagging... 11 Voor
Nadere informatieformulieren met gedragingen en
14 Interactieve formulieren met gedragingen en SPRY De belangrijkste punten van hoofdstuk 14 Kennismaken met behaviors. Webeffecten leren aanmaken. De verschillende soorten behaviors gebruiken. Wat leert
Nadere informatieInteractieve formulieren met gedragingen en Spry
14 Interactieve formulieren met gedragingen en Spry De belangrijkste punten van hoofdstuk 14 Kennismaken met Gedragingen (Behaviors). Webeffecten leren aanmaken. De verschillende soorten Gedragingen gebruiken.
Nadere informatieInfo-books. Toegepaste Informatica. Deel 35: XML - XSL HO35. Jos Gils Erik Goossens
Info-books HO35 Toegepaste Informatica Deel 35: XML - XSL Jos Gils Erik Goossens Hoofdstuk 5 Het Document Object Model 5.1 Probleemstelling Wanneer je de inhoud van een document en de presentatie uiteen
Nadere informatieInhoud leereenheid 7c. JavaScript: Objecten en functies. Introductie 59. Leerkern 60. Samenvatting 82. Opdrachten 83. Zelftoets 89.
Inhoud leereenheid 7c JavaScript: Objecten en functies Introductie 59 Leerkern 60 1 Functies 60 1.1 Syntax - samenvatting 60 1.2 Functies definiëren 61 1.3 Functie als parameter (facultatief) 64 1.4 Functie
Nadere informatieTechnisch Ontwerp W e b s i t e W O S I
Technisch Ontwerp W e b s i t e W O S I WOSI Ruud Jungbacker en Michael de Vries - Technisch ontwerp Website Document historie Versie(s) Versie Datum Status Omschrijving / wijzigingen 0.1 20 nov 2008 Concept
Nadere informatieDOBBELSTEEN 2.0. Stap-voor-stap instructie
DOBBELSTEEN 2.0 Stap-voor-stap instructie 1. Project Een dobbelsteen met LED-jes en gesproken tekst, aangestuurd door de Raspberry Pi, geprogrammeerd met Python 2.7. 2. Benodigdheden Raspberry Pi (2 model
Nadere informatieMODULE 2: Onderzoek 3. Cirkels Ontdekken
MODULE 2: Onderzoek 3 Cirkels Ontdekken MODULE 2: Onderzoek 3 Activiteit 2.3.1 Cirkels Ontdekken ACTIVITEIT 2.3.1 Cirkels Ontdekken MODULE 2: Onderzoek 3 Activiteit 2.3.1 Cirkels Ontdekken Open project
Nadere informatieWEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Afronding vak JQuery, mail(formulieren) en social media Testen Website-design 5-1-2015 2 AFRONDING VAK
Nadere informatieOnderwater teksteffect
http://psd.fanextra.com/tutorials/text-effects/create-an-underwater-typography-scene/ Onderwater teksteffect Nodig : lettertype Code ; rook penselen ; ruimtepenselen ; ruimte structuur ; vissen ; onderwater
Nadere informatieMailgroep photoshop. Copyright. Mixed Media portret.
https://photoshopstar.com/fashion-mixed-media-portrait-in-photoshop/ Mixed Media portret Nodig : model; bloemen; abstracte vormen; sterren; cirkels; splashes Mixed Media Portret blz. 1 Stap 1 Open een
Nadere informatieModule 2: Wat is Scratch?
Module 2: Wat is Scratch? Inhoudsopgave Module 2: Wat is Scratch?...1 Wat is Scratch?...2 Eerste stappen...3 Je eerste Scratch programma...6 Scratch coördinaten...7 Verander de achtergrond van je werkgebied...10
Nadere informatieOpdracht ICT: Handleiding: Tekenen in Word
Opdracht ICT: Handleiding: Tekenen in Word Inhoud 1.Een vorm invoegen... 3 1.1 Verschillende basisvormen... 3 1.2.1. Laatst gebruikte vormen... 4 1.2.2. Lijnen... 4 1.2.3. Basisvormen... 5 1.2.4. Blokpijlen...
Nadere informatieObjectgeoriënteerd Programmeren: WPO 4B
Objectgeoriënteerd Programmeren: WPO 4B 1. Inhoud Polymorfie 2. Oefeningen A: Polygon A: Rekenmachine A: Infection A: Waves E: Snake X: Pacman X: Planetendans 2.1 A: Polygon Herneem de opgave Polygon van
Nadere informatieWebsitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
Nadere informatieNodig : Afbeelding frost ; sparkle penselen ; golden particles verloop ; red particles verloop ; laagstijl hangers ; laagstijl pins ; lettertype
http://textuts.com/glossy-snow-globe-text-effect/ Sneeuwen Nodig : Afbeelding frost ; sparkle penselen ; golden particles verloop ; red particles verloop ; laagstijl hangers ; laagstijl pins ; lettertype
Nadere informatieWISKUNDE 3 PERIODEN EUROPEES BACCALAUREAAT DATUM : 8 juni 2006 ( s morgens) DUUR VAN HET EXAMEN : 3 uur (180 minuten) TOEGESTANE HULPMIDDELEN :
EUROPEES BACCALAUREAAT 2006 WISKUNDE 3 PERIODEN DATUM : 8 juni 2006 ( s morgens) DUUR VAN HET EXAMEN : 3 uur (180 minuten) TOEGESTANE HULPMIDDELEN : Formuleboekje voor de Europese scholen Zakrekenmachine
Nadere informatiePoolcoördinaten (kort)
Poolcoördinaten (kort) WISNET-HBO update juli 2013 Carthesiaanse coördinaten In het algemeen gebruiken we voor de plaatsbepaling in het platte vlak de gewone (Carthesiaanse) coördinaten voor, in een rechthoekig
Nadere informatieVersie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman
Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.4 Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,
Nadere informatieProgrammeren in MyShop
Programmeren in MyShop Wat leer je in dit hoofdstuk: - Wat HTML en CSS is - (Een heel klein beetje) HTML - (Een heel klein beetje) CSS - Een aangepaste footer maken ( deurmat ) Eindresultaat Je gaat je
Nadere informatieInteractie: Document Object Model en JavaScript. Hoorcollege Webdesign 7 23 mei 2014 Christof van Nimwegen
Interactie: Document Object Model en JavaScript Hoorcollege Webdesign 7 23 mei 2014 Christof van Nimwegen JavaScript WWW was geheel statisch, interactie was alleen volgen van link Javascript maakt interactie
Nadere informatieModule Programmeren in Javascript
Module Programmeren in Javascript Spel: PONG Pong: uiterlijk In deze module zullen we alle onderdelen die we tot nu toe geleerd hebben samen brengen in het spel Pong. We willen dat het spel er uiteindelijk
Nadere informatieN&O: Objectgericht Programmeren. (in Python)
N&O: Objectgericht Programmeren (in Python) N&O Twee aparte onderwerpen Internet en websites (50%) Programmeren in Python (50%) Komen samen in dynamische websites Webpagina als user interface voor Python
Nadere informatieLab Webdesign: Javascript 25 februari 2008
H4: FUNCTIES We zullen in dit hoofdstuk zien hoe we functies moeten maken, aanroepen, argumenten doorgeven en waarden retourneren. Ook zullen we het hebben over het begrip "recursie", en laten zien hoe
Nadere informatieHandleiding opmaken Wageningen UR Blog. Maart 2016
Handleiding opmaken Wageningen UR Blog Maart 2016 Voorwoord In deze handleiding is voor beheerders van het Wageningen UR blogs stap voor stap beschreven hoe zij hun blog kunnen inrichten. Bij de oplevering
Nadere informatieCluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid
LEEREENHEID HTML/CSS Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatieProject Embedded Linux Domaza. Elektronica-ICT. Dimitri Kozakiewiez Jonas Govaerts. Academiejaar 2014-2015
Project Embedded Linux Domaza Elektronica-ICT Dimitri Kozakiewiez Jonas Govaerts Academiejaar 2014-2015 Campus Geel, Kleinhoefstraat 4, BE-2440 Geel 5 2 INHOUDSTAFEL INHOUDSTAFEL... 2 1 DOMAZA... 3 1.1
Nadere informatieHoe maak je een tram in Adobe Illustrator AD en DRAW door Hector Heredia6
Hoe maak je een tram in Adobe Illustrator AD en DRAW door Hector Heredia6 Wat je gaat creëren In deze tutorial gaan we een klassieke tram maken met behulp van eenvoudige vormen in Adobe Illustrator. Als
Nadere informatieJe hoeft je maar met twee bestanden bezig te houden:
1 2 3 Deze set Sushi Kaarten leert je hoe je een web-app maakt met een nogte-doen lijst. Als je op enig moment wilt zien hoe de web-app kan worden, kijk dan op dojo.soy/js-todo. Deze app kun je gebruiken
Nadere informatieBeschrijvings SW gebruikers handleiding (V1.1) Voor Apple Macintosh computers Voor Macintosh Computer
Annotation SW User s Guide Beschrijvings SW gebruikers handleiding (V1.1) Voor Apple Macintosh computers Voor Macintosh Computer 2011. 5 PenAndFree Co.,Ltd 0 Deze handleiding beschrijft alle functies die
Nadere informatieInformatietechnologie 2. JavaScript. Functies, Objecten en toegang tot de DOM. Kristof Michiels
Informatietechnologie 2 JavaScript Functies, Objecten en toegang tot de DOM Kristof Michiels In deze presentatie Functies Objecten Toegang tot de DOM: basis 2 / 32 Functies Wat zijn functies? Kort gezegd
Nadere informatieDigitale vormgeving 2014 2015. Wordpress deel 1
Digitale vormgeving 2014 2015 Wordpress deel 1 2 Inhoud Site in WordPress... 3 Maak een eigen site in WordPress.com.... 3 Wordpressaccount aanmaken... 4 Opdracht 1... 4 Thema kiezen... 6 Opdracht 2...
Nadere informatie