Články o kreativním programování

S praktickou ukázkou, jak vytvořit svůj vlastní CAD založený na CSS 3D a napsaný v jazyce, který nativně běží na PHP serveru i v browseru.

Ilustrační obrázek k článku: O čem bude tento blog

1. O čem bude tento blog

Tento blog bude o tom, jak se stát kreativním programátorem. Kreativním programátorem myslím takového, který dokáže vytvořit zcela nové, nikde nepublikované programátorské algoritmy a konstrukce.

O blogu, CSS 3D
Ilustrační obrázek k článku: (PHP XOR JS) OR (PHP AND JS) ?

2. (PHP XOR JS) OR (PHP AND JS) ?

V tomto článku vyřešíme otázku, zda náš převodník psát v PHP, JavaScriptu (JS) nebo snad obojím? Výsledek Vás určitě překvapí.

O blogu, PHP, Javascript
Ilustrační obrázek k článku: Od převodníku k plnohodnotnému CAD

3. Od převodníku k plnohodnotnému CAD

V tomto příspěvku si probereme zdali nám k definování 3D scény stačí převodník z .OBJ do HTML + CSS 3D či zdali nás požadavky praxe donutí vyvinout něco mnohem složitější aplikaci.

O blogu, CSS 3D, CAD
Ilustrační obrázek k článku: Geometrie těles pro CAD

4. Geometrie těles pro CAD

Jestliže jsme se rozhodli, že budeme psát CAD, tak si ovšem před jeho vytvořením musíme definovat to jaká tělesa budeme podporovat.

O blogu, CAD
Ilustrační obrázek k článku: Animace? Samozřejmě.

5. Animace? Samozřejmě.

Díky animacím bude scéna nejen živější, ale i uživatelsky přívětivější, umožní lepší vizuální zpětnou vazbu a usnadní navigaci v 3D prostoru.

O blogu, CAD, CSS 3D
Ilustrační obrázek k článku: Oblá tělesa v CSS 3D

6. Oblá tělesa v CSS 3D

V tomto článku se podíváme na to, jak v našem CAD systému aproximovat a emulovat složitá oblá tělesa pomocí HTML a CSS

O blogu, CSS 3D, CAD
Ilustrační obrázek k článku: Grafy, písmena v CSS 3D

7. Grafy, písmena v CSS 3D

Umíme-li umístit libovolný polygon do 3D, tak toto můžeme využít pro vyváření grafů či těles na základě fontů.

O blogu, CSS 3D, CAD
Ilustrační obrázek k článku: IFRAME v CSS 3D, podpora JS

8. IFRAME v CSS 3D, podpora JS

Chceme-li, aby naše výsledné scény byly opravdu interaktivní, někdy se bez použití JavaScriptu neobejdeme. Jiné složitější funkcionality můžeme vložit pomocí IFRAME.

O blogu, Javascript, CAD
Ilustrační obrázek k článku: Pokročilé animace a makrojazyk

9. Pokročilé animace a makrojazyk

Do CADu přidáváme makrojazyk – nástroj, který umožní automatizovat různé úlohy. Generování @keyframes pro animace je jen jedna z jeho rolí

O blogu, Javascript, PHP
Ilustrační obrázek k článku: 3D Herní engine čistě v CSS?

10. 3D Herní engine čistě v CSS?

Lze vytvořit 3D hru čistě pomocí CSS – bez JavaScriptu a s plným pohybem ve všech třech osách? S naším CSS 3D CADem a trochou kreativity to půjde.

O blogu, CSS 3D
Ilustrační obrázek k článku: Když pole nestačí: Napojení na dB

11. Když pole nestačí: Napojení na dB

Jednoduché struktury přestávají stačit. Náš CSS 3D CAD čeká krok vpřed – napojení na databázi, která otevře cestu k opravdu rozsáhlým scénám.

O blogu, SQL
Ilustrační obrázek k článku: Vnitřní požadavky na jazyk

12. Vnitřní požadavky na jazyk

Tento článek popisuje návrh vlastního jazyka pro náš CSS 3D CAD – polyglotní skript běžící v PHP i JavaScriptu. Upřesníme si pravidla typování, práci s poli a serializaci.

O blogu, PHP, Javascript
Ilustrační obrázek k článku: Vnější požadavky na jazyk

13. Vnější požadavky na jazyk

Vlastní jazyk nestačí. Pokud ho chcete opravdu používat, potřebujete k němu i nástroje. My si vytvoříme celé prostředí. Proč? A jak na to?

O blogu
Ilustrační obrázek k článku: Projekt CAD: specifikace a cíle

14. Projekt CAD: specifikace a cíle

Co všechno by měl umět náš CAD? A jaký jazyk si pro něj vytvoříme? Dnešní přehled shrnuje cíle, které nás čekají – a není jich málo.

O blogu, CAD
Ilustrační obrázek k článku: Název a logo jazyka běžícícho v PHP i v JS

15. Název a logo jazyka běžícícho v PHP i v JS

První předpokladem každého kvalitního počítačového jazyka je výběr trefného názvu a samozřejmě vhodné logo. A tím tvorbu jazyka také začneme.

CombiScript