Skip to content

Commit

Permalink
Update docs
Browse files Browse the repository at this point in the history
  • Loading branch information
@hamoid
hamoid committed Apr 4, 2024
1 parent 27de747 commit 7b97cdf
Show file tree
Hide file tree
Showing 95 changed files with 640 additions and 329 deletions.
2 changes: 0 additions & 2 deletions docs/.bundle/config
View file

This file was deleted.

10 changes: 5 additions & 5 deletions docs/ORX/compositor.markdown
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
layout: default
title: Compositor
parent: ORX
last_modified_at: 2024.01.16 18:11:44 +0100
last_modified_at: 2024.04.04 18:44:14 +0200
nav_order: 170
has_children: false
---
Expand Down Expand Up @@ -219,7 +219,7 @@ fun main() = application {
[Link to the full example](https://github.com/openrndr/openrndr-examples/blob/master/src/main/kotlin/examples/80_ORX/C170_Compositor002.kt)

<video controls preload="none" loop poster="../media/compositor-003-thumb.jpg">
<source src="../media/compositor-003.mp4" type="video/mp4"></source>
<source src="../media/compositor-003.mp4" type="video/mp4">
</video>


Expand All @@ -232,7 +232,7 @@ where there is text. This can be achieved
by using nested layers and a `Normal` blend with `clip` enabled.

<video controls preload="none" loop poster="../media/compositor-004-thumb.jpg">
<source src="../media/compositor-004.mp4" type="video/mp4"></source>
<source src="../media/compositor-004.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -295,7 +295,7 @@ the text is readable. You can use a drop shadow _post_ effect to draw
the text with a bit of a shadow that sets the text apart from the image.

<video controls preload="none" loop poster="../media/compositor-005-thumb.jpg">
<source src="../media/compositor-005.mp4" type="video/mp4"></source>
<source src="../media/compositor-005.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -356,7 +356,7 @@ we create a text layer that uses 3 post effects:
two distortion effects followed by a blur filter.

<video controls preload="none" loop poster="../media/compositor-006-thumb.jpg">
<source src="../media/compositor-006.mp4" type="video/mp4"></source>
<source src="../media/compositor-006.mp4" type="video/mp4">
</video>


Expand Down
10 changes: 5 additions & 5 deletions docs/ORX/distanceFields.markdown
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
layout: default
title: Distance fields
parent: ORX
last_modified_at: 2024.01.16 18:11:44 +0100
last_modified_at: 2024.04.04 18:44:14 +0200
nav_order: 220
has_children: false
---
Expand All @@ -21,7 +21,7 @@ set in `build.gradle.kts` and reimport the gradle project.
## Distance field visualization

<video controls preload="none" loop poster="../media/distance-fields-001-thumb.jpg">
<source src="../media/distance-fields-001.mp4" type="video/mp4"></source>
<source src="../media/distance-fields-001.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -58,7 +58,7 @@ fun main() = application {
orx-jumpflood comes with a filter that creates Photoshop-style outer glow effect.

<video controls preload="none" loop poster="../media/distance-fields-101-thumb.jpg">
<source src="../media/distance-fields-101.mp4" type="video/mp4"></source>
<source src="../media/distance-fields-101.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -91,7 +91,7 @@ Similar to the outer glow effect, but the glow is placed in the inside
of the shape.

<video controls preload="none" loop poster="../media/distance-fields-102-thumb.jpg">
<source src="../media/distance-fields-102.mp4" type="video/mp4"></source>
<source src="../media/distance-fields-102.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -121,7 +121,7 @@ fun main() = application {
## Sampling distance

<video controls preload="none" loop poster="../media/distance-fields-002-thumb.jpg">
<source src="../media/distance-fields-002.mp4" type="video/mp4"></source>
<source src="../media/distance-fields-002.mp4" type="video/mp4">
</video>


Expand Down
58 changes: 29 additions & 29 deletions docs/ORX/imageFilters.markdown
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
layout: default
title: Image post-processing with filters
parent: ORX
last_modified_at: 2024.01.16 18:11:44 +0100
last_modified_at: 2024.04.04 18:44:14 +0200
nav_order: 160
has_children: false
---
Expand Down Expand Up @@ -37,7 +37,7 @@ complete overview of what orx-fx offers.
#### BoxBlur

<video controls preload="none" loop poster="../media/filters-001-thumb.jpg">
<source src="../media/filters-001.mp4" type="video/mp4"></source>
<source src="../media/filters-001.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -72,7 +72,7 @@ fun main() = application {
#### ApproximateGaussianBlur

<video controls preload="none" loop poster="../media/filters-002-thumb.jpg">
<source src="../media/filters-002.mp4" type="video/mp4"></source>
<source src="../media/filters-002.mp4" type="video/mp4">
</video>


Expand All @@ -97,7 +97,7 @@ fun main() = application {
#### GaussianBloom

<video controls preload="none" loop poster="../media/filters-003-thumb.jpg">
<source src="../media/filters-003.mp4" type="video/mp4"></source>
<source src="../media/filters-003.mp4" type="video/mp4">
</video>


Expand All @@ -123,7 +123,7 @@ fun main() = application {
#### HashBlur

<video controls preload="none" loop poster="../media/filters-004-thumb.jpg">
<source src="../media/filters-004.mp4" type="video/mp4"></source>
<source src="../media/filters-004.mp4" type="video/mp4">
</video>


Expand All @@ -148,7 +148,7 @@ fun main() = application {
#### FrameBlur

<video controls preload="none" loop poster="../media/filters-005-thumb.jpg">
<source src="../media/filters-005.mp4" type="video/mp4"></source>
<source src="../media/filters-005.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -181,7 +181,7 @@ fun main() = application {
#### ZoomBlur

<video controls preload="none" loop poster="../media/filters-006-thumb.jpg">
<source src="../media/filters-006.mp4" type="video/mp4"></source>
<source src="../media/filters-006.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -209,7 +209,7 @@ fun main() = application {
#### ChromaticAberration

<video controls preload="none" loop poster="../media/filters-100-thumb.jpg">
<source src="../media/filters-100.mp4" type="video/mp4"></source>
<source src="../media/filters-100.mp4" type="video/mp4">
</video>


Expand All @@ -234,7 +234,7 @@ fun main() = application {
#### ColorCorrection

<video controls preload="none" loop poster="../media/filters-101-thumb.jpg">
<source src="../media/filters-101.mp4" type="video/mp4"></source>
<source src="../media/filters-101.mp4" type="video/mp4">
</video>


Expand All @@ -261,7 +261,7 @@ fun main() = application {
#### Sepia

<video controls preload="none" loop poster="../media/filters-102-thumb.jpg">
<source src="../media/filters-102.mp4" type="video/mp4"></source>
<source src="../media/filters-102.mp4" type="video/mp4">
</video>


Expand All @@ -286,7 +286,7 @@ fun main() = application {
#### LumaOpacity

<video controls preload="none" loop poster="../media/filters-103-thumb.jpg">
<source src="../media/filters-103.mp4" type="video/mp4"></source>
<source src="../media/filters-103.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -319,7 +319,7 @@ fun main() = application {
#### LumaSobel

<video controls preload="none" loop poster="../media/filters-200-thumb.jpg">
<source src="../media/filters-200.mp4" type="video/mp4"></source>
<source src="../media/filters-200.mp4" type="video/mp4">
</video>


Expand All @@ -345,7 +345,7 @@ fun main() = application {
#### Contour

<video controls preload="none" loop poster="../media/filters-201-thumb.jpg">
<source src="../media/filters-201.mp4" type="video/mp4"></source>
<source src="../media/filters-201.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -373,7 +373,7 @@ fun main() = application {
#### EdgesWork

<video controls preload="none" loop poster="../media/filters-202-thumb.jpg">
<source src="../media/filters-202.mp4" type="video/mp4"></source>
<source src="../media/filters-202.mp4" type="video/mp4">
</video>


Expand All @@ -400,7 +400,7 @@ fun main() = application {
#### BlockRepeat

<video controls preload="none" loop poster="../media/filters-300-thumb.jpg">
<source src="../media/filters-300.mp4" type="video/mp4"></source>
<source src="../media/filters-300.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -428,7 +428,7 @@ fun main() = application {
#### StackRepeat

<video controls preload="none" loop poster="../media/filters-301-thumb.jpg">
<source src="../media/filters-301.mp4" type="video/mp4"></source>
<source src="../media/filters-301.mp4" type="video/mp4">
</video>


Expand All @@ -455,7 +455,7 @@ fun main() = application {
#### HorizontalWave

<video controls preload="none" loop poster="../media/filters-302-thumb.jpg">
<source src="../media/filters-302.mp4" type="video/mp4"></source>
<source src="../media/filters-302.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -485,7 +485,7 @@ fun main() = application {
#### VerticalWave

<video controls preload="none" loop poster="../media/filters-303-thumb.jpg">
<source src="../media/filters-303.mp4" type="video/mp4"></source>
<source src="../media/filters-303.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -515,7 +515,7 @@ fun main() = application {
#### Perturb

<video controls preload="none" loop poster="../media/filters-304-thumb.jpg">
<source src="../media/filters-304.mp4" type="video/mp4"></source>
<source src="../media/filters-304.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -543,7 +543,7 @@ fun main() = application {
#### Tiles

<video controls preload="none" loop poster="../media/filters-305-thumb.jpg">
<source src="../media/filters-305.mp4" type="video/mp4"></source>
<source src="../media/filters-305.mp4" type="video/mp4">
</video>


Expand All @@ -570,7 +570,7 @@ fun main() = application {
#### Fisheye

<video controls preload="none" loop poster="../media/filters-306-thumb.jpg">
<source src="../media/filters-306.mp4" type="video/mp4"></source>
<source src="../media/filters-306.mp4" type="video/mp4">
</video>


Expand All @@ -596,7 +596,7 @@ fun main() = application {
#### DisplaceBlend

<video controls preload="none" loop poster="../media/filters-307-thumb.jpg">
<source src="../media/filters-307.mp4" type="video/mp4"></source>
<source src="../media/filters-307.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -637,7 +637,7 @@ fun main() = application {
#### StretchWaves

<video controls preload="none" loop poster="../media/filters-308-thumb.jpg">
<source src="../media/filters-308.mp4" type="video/mp4"></source>
<source src="../media/filters-308.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -671,7 +671,7 @@ fun main() = application {
#### PerspectivePlane

<video controls preload="none" loop poster="../media/filters-309-thumb.jpg">
<source src="../media/filters-309.mp4" type="video/mp4"></source>
<source src="../media/filters-309.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -708,7 +708,7 @@ fun main() = application {
#### ADither

<video controls preload="none" loop poster="../media/filters-400-thumb.jpg">
<source src="../media/filters-400.mp4" type="video/mp4"></source>
<source src="../media/filters-400.mp4" type="video/mp4">
</video>


Expand All @@ -734,7 +734,7 @@ fun main() = application {
#### CMYKHalftone

<video controls preload="none" loop poster="../media/filters-401-thumb.jpg">
<source src="../media/filters-401.mp4" type="video/mp4"></source>
<source src="../media/filters-401.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -763,7 +763,7 @@ fun main() = application {
#### Crosshatch

<video controls preload="none" loop poster="../media/filters-402-thumb.jpg">
<source src="../media/filters-402.mp4" type="video/mp4"></source>
<source src="../media/filters-402.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -797,7 +797,7 @@ fun main() = application {
#### DropShadow

<video controls preload="none" loop poster="../media/filters-500-thumb.jpg">
<source src="../media/filters-500.mp4" type="video/mp4"></source>
<source src="../media/filters-500.mp4" type="video/mp4">
</video>


Expand Down Expand Up @@ -838,7 +838,7 @@ fun main() = application {
`Checkers` is a simple checker generator filter.

<video controls preload="none" loop poster="../media/filters-600-thumb.jpg">
<source src="../media/filters-600.mp4" type="video/mp4"></source>
<source src="../media/filters-600.mp4" type="video/mp4">
</video>


Expand Down
10 changes: 5 additions & 5 deletions docs/ORX/imageFit.markdown
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
layout: default
title: Image fit
parent: ORX
last_modified_at: 2024.01.16 18:11:44 +0100
last_modified_at: 2024.04.04 18:44:14 +0200
nav_order: 200
has_children: false
---
Expand All @@ -26,7 +26,7 @@ set in `build.gradle.kts` and reimport the gradle project.
## Contain mode

<video controls preload="none" loop poster="../media/image-fit-001-thumb.jpg">
<source src="../media/image-fit-001.mp4" type="video/mp4"></source>
<source src="../media/image-fit-001.mp4" type="video/mp4">
</video>


Expand All @@ -51,7 +51,7 @@ fun main() = application {
Additionally the placement of the image in the rectangle can be adjusted

<video controls preload="none" loop poster="../media/image-fit-002-thumb.jpg">
<source src="../media/image-fit-002.mp4" type="video/mp4"></source>
<source src="../media/image-fit-002.mp4" type="video/mp4">
</video>


Expand All @@ -76,7 +76,7 @@ fun main() = application {
## Cover mode

<video controls preload="none" loop poster="../media/image-fit-101-thumb.jpg">
<source src="../media/image-fit-101.mp4" type="video/mp4"></source>
<source src="../media/image-fit-101.mp4" type="video/mp4">
</video>


Expand All @@ -103,7 +103,7 @@ fun main() = application {
[Link to the full example](https://github.com/openrndr/openrndr-examples/blob/master/src/main/kotlin/examples/80_ORX/C200_Image_fit002.kt)

<video controls preload="none" loop poster="../media/image-fit-102-thumb.jpg">
<source src="../media/image-fit-102.mp4" type="video/mp4"></source>
<source src="../media/image-fit-102.mp4" type="video/mp4">
</video>


Expand Down
Loading

0 comments on commit 7b97cdf

Please sign in to comment.