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

S praktickou ukázkou, jak vytvořit svůj vlastní CAD, založený unikátně na CSS 3D a napsaný v jazyce, který je originálním spojením fronendu a backendu a nativně běží jak na PHP serveru tak 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
Ilustrační obrázek k článku: Jak docílit stejných číselných výsledků v PHP i v JS

16. Jak docílit stejných číselných výsledků v PHP i v JS

Než začneme programovat nějaké matematické výpočty je potřeba zjistit zda vůbec můžeme v PHP i v JS dojít při těchto výpočtech ke stejným výsledkům.

CombiScript, PHP, Javascript
Ilustrační obrázek k článku: Faktoriál - první funkce v CombiScriptu

17. Faktoriál - první funkce v CombiScriptu

Jako první funkci v CombiScriptu si naprogramujeme klasický faktoriál. Použijeme rekurzi a ukážeme si, jak může jeden kód fungovat v JS i PHP zároveň.

CombiScript, PHP, Javascript
Ilustrační obrázek k článku: Extenze Combiscriptové knihovny

18. Extenze Combiscriptové knihovny

Abychom naši funkci faktoriál mohli používat jak v .js tak .php programu, tak ji potřebujeme uložit do knihovny. A v tomto článku si ukážeme jakou taková knihovna bude mít extenzi.

CombiScript
Ilustrační obrázek k článku: Ošetření otevíracího <?php

19. Ošetření otevíracího <?php

Zní to jako sci-fi, ale opravdu to funguje: jeden soubor spustitelný v PHP i v JavaScriptu. Dnes si otestujeme naši první Combiscriptovou knihovnu.

Javascript, PHP, CombiScript
Ilustrační obrázek k článku: Knihovna bez ob_ funkcí

20. Knihovna bez ob_ funkcí

V tomto článku si ukážeme jak upravit CombiScriptovou knihovnu tak, aby šla vkládat i bez ob_ funkcí. A podíváme se trochu do historie jazyka Javascript

CombiScript
Ilustrační obrázek k článku: Zakládání proměnných

21. Zakládání proměnných

V tomto článku si ukážeme jak nejjednodušším způsobem založit proměnnou. A zároveň si naprogramujeme funkci faktoriál pomocí cyklu.

CombiScript, PHP, Javascript
Ilustrační obrázek k článku: Volání interních funkcí PHP a JS

22. Volání interních funkcí PHP a JS

V článku si ukážeme, jak pomocí jediné podmínky zajistit, aby stejný kód v PHP i JS volal správnou nativní funkci a tím sjednotíme kód pro frontend i backend.

CombiScript, PHP, Javascript
Ilustrační obrázek k článku: Nejkratší výraz vracející true v JS a false v PHP

23. Nejkratší výraz vracející true v JS a false v PHP

V dnešním článku hledáme nejkratší výraz vracející v JS true a v PHP false, který je samozřejmě pro oba jazyky syntakticky v pořádku. Kolik znaků stačí ke spolehlivému detekování prostředí?

CombiScript, PHP, Javascript
Ilustrační obrázek k článku: Komentářový přepínač

24. Komentářový přepínač

Komentářový přepínač je jednoduchý trik, jak ve zdrojovém kódu (PHP nebo JS) jedním znakem zakomentovat jednu část a odkomentovat jinou.

CombiScript, PHP, Javascript
Ilustrační obrázek k článku: Přepínání celých funkcí

25. Přepínání celých funkcí

Nejjednodušší způsob jak využít komentářový přepínač je přepínání celých funkcí. Tento trik nám umožní psát sdílený kód pro prohlížeč i PHP server v jednom souboru.

CombiScript, PHP, Javascript