Studierea primitivelor grafice simple 2D

INTRODUCERE

P5.js este o utilita gratuită, open-source și independent de platfoma, ceia ce permite integrarea simplă a codurilor scrise în pagini web prin adăugarea codului scris întru-un document HTML. P5.js permite cerearea și vizualizarea imaginilor interactive prin intermediul primitivelor grafice simple, prin intermediul codurilor scrise în pagină web. Pentru crearea desenelor simple 2D este desenată în sistemul de coordonate. Axa vericala se numește axa Y, iar cea orizontală axa X, iar originea mereu se află în punctul stâng sus. P5.js este o bibliotecă JavaScript pentru codare creativă. O colecție de coduri pre-scrise, ce ne oferă instrumente care simplifică procesul de creare de imagini interactive cu cod în browserul web. Un proiect p5.js tipic include biblioteca p5.js, index.html, style.css și sketch.js. p5.js are în spate o cantitate impresionantă de funcționalitate, istorie și o comunitate care îl fac o investiție valoroasă în învățare, dacă v-ați dorit vreodată să creați artă, design, mișcare sau piese interactive folosind codul. Un program p5. js poate avea de la câteva linii de cod până la mii. p5.js are peste 1,5 milioane de utilizatori, este predat de la clasele K-12 până la universități din întreaga lume și este folosit atât de pasionați, cât și de profesioniști. In lucrearea de laborator nr.1 vom elabora 2 programe. Primul program va contine elaborarea unei scene 2D statice utilizand 6 primitive grafice de diferite cum ar fi - arc(), elliose(), circle(), line(), point(), quad(), rect(), square(), triangle(), primitivele trebuie sa fie cu diferite attribute si semnata in coltul dreot jos a ecranului. Al doilea desen va conține un program care crează pesoajul conform varintei indicate de profesor.

REALIZAREA PRACTICĂ A SARCINII DE LUCRU

Figura 1.1 Scena 2D statica

În figura 1.1 este reprezentata o scena 2D statica formata din 6 primitive grafice- arc(), circle(), line(), triangle(), ellipse(), rect().