Categorieën
programmeren

Van schets naar recht

Een eenvoudige uitdaging: kan ik een slordige lijn tekenen op een canvas in html die daarna vanzelf een rechte lijn wordt? Hieronder staat een eerste versie met behulp van de P5-bibliotheek. Voor mobiele devices (jouw telefoon dus): klik hier.

De broncode voor deze eerste versie vind je hier. Er volgt nog een uitbreiding naar het herkennen van gebogen curves en, hopelijk, een vereenvoudiging naar bijv. een rechthoek.

Categorieën
programmeren wiskunde

Rijen afwisselen met modulus

Een korte uitleg over een javascript dat iedere rij in html een andere achtergrond kleur geeft. We gaan de modulus-operator gebruiken.

Hieronder het eindresultaat dat we willen bereiken:

Categorieën
programmeren wiskunde

Perfecte getallen..

In de eerste aflevering van Lewis (de sequel van de politieserie Morse) komt de fascinatie voor perfecte getallen aan bod. Het speelt zich dan ook af in Oxford. Perfecte getallen zijn gehele getallen die gelijk zijn aan de som van hun deelcijfers. Het kleinste perfecte getallen is 6, want deelbaar door 1 ,2 en 3 die opgeteld 6 zijn. Kunnen wij deze getallen vinden met een klein javascript? We gaan het op 2 manieren proberen.

Categorieën
programmeren wiskunde

Overal een andere tijd

Onze klok en tijdzones zijn een vereenvoudiging van de zonnetijd. Eigenlijk is op iedere plaats het moment waarop bijv. de zon het hoogste punt bereikt, anders. We gaan eens kijken, of we eenvoudig kunnen bereken, hoeveel tijdverschil er is tussen twee personen die op een meter afstand staan

Categorieën
programmeren Uncategorized

sterren met class in p5

P5 is de omzetting van Processing in een library in javascript. In deze blog wordt in stappen getoond hoe je een class-functie kunt maken javascript. We maken een sterrenhemel, zie hieronder.

Categorieën
programmeren visueel ontwerp

Spelen met p5

Een testje met een logo voor “iets” is hier in p5 gemaakt.

P5 kan een hulp zijn om snel een adaptief ontwerp te maken.

Categorieën
programmeren visueel ontwerp

Rekenen met Animate

In de vorige blog hebben we het al over het maken van prototypes in Adobe Animate gehad. Hier is nog een voorbeeld om met (java)script in het programma interactie en animatie toe te voegen. . Door op de getallen in de sommen te klikken, kun je de sommen kloppend maken.

Categorieën
programmeren visueel ontwerp

64 schoenen in Animate

Hier is een voorbeeld om variatie van prototypes te maken met behulp van movieclips en een beetje javascript. (Je kunt naar rechts scrollen op je mobiel)

Categorieën
programmeren

Een cirkel beweging in code

Begrippen uit de wiskunde, zoals cosinus en sinus worden vaak moeilijk genoemd. De meesten van ons hebben er ooit mee gewerkt maar na de middelbare school lijkt het voorbij. Deze blog gaat toch over deze geometrisch begrippen. Kun je de cosinus en sinus gebruiken om een cirkelbeweging te maken in bijv. javascript? Eerst even wat theorie en dan een uitwerking in P5 (javascript).