SketchBook
21 malých skíc v prehliadači: klasické hry, simulácie, fraktály a efekty na plátne.
O projekte
Malé projekty, ktoré som napísal v roku 2021, keď som sa učil JavaScript, väčšinou podľa tutoriálov. Neskôr som opravil ich chyby, dal im spoločný dizajn, ktorý funguje aj na mobile, a pridal päť nových.
Čo si môžete vyskúšať
- Hry: Snake, Pong proti počítaču alebo kamarátovi, piškvorky s neporaziteľným botom, Mínolovka
- Simulácie a algoritmy: Game of Life, kŕdeľ boidov, genetický algoritmus, quadtree, generovanie a riešenie bludiska, triedenie
- Matematika: Mandelbrotova množina s priblížením, Fourierove rady, chaos game, Barnsleyho papraď a fraktálové stromy
- Efekty, ktoré reagujú na kurzor alebo dotyk, dva z nich zostavené z vlastného nahraného obrázka
- Každý projekt má krátke vysvetlenie, ako funguje
Ako to funguje
- Čisté HTML, CSS a JavaScript bez zostavovania, hostované na GitHub Pages
- Riešiče bludiska a triediace algoritmy sú napísané ako generátory, ktoré sa po každom kroku zastavia, takže animácia ich ukáže krok po kroku
- Efekty s veľa pixelmi zapisujú priamo do obrazových bufferov a Mandelbrotova množina sa vykresľuje po niekoľkých riadkoch na snímku, aby stránka reagovala
Zoznam zmien
- p5.js 1.3 na 1.11
- Jeden spoločný tmavý dizajn
- Plátna, ktoré sa prispôsobia každej obrazovke a fungujú s dotykom
- Asi tucet opráv chýb
- Päť nových projektov
- Kedy
- 2021 – 2026
- Typ
- Osobný
- Verzie
- p5.js 1.11
- Technológie
- JavaScript
- p5.js
- Canvas
- HTML
- CSS
- GitHub Pages
Galéria
