CodingTrain / CodingTrain/Suggestion-Box
Coding Challenge: Plane Deformations
- Vorherrschende Sprache
- Keine Sprachdaten
- Sterne
- 570
- Forks
- 85
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
Quick n' easy coding challenge: Plane deformations (used a lot in old-school demos)
The idea is very simple. Find a source image. Create an empty canvas. Fill every pixel in the canvas with a color picked from an offset position (found using simple math expressions) in the source image.
Possible ways to expand the coding challenge:
* Animate the source image to make weird psychedelic effects
* Use look-up-tables (LUT) to precalculate the deformations and speed up rendering
* Generate math expressions randomly to explore new effects (possibly involving infix/postfix notation = out of scope?)
Online example:
http://mrdoob.com/lab/javascript/effects/plane_deformations/
Here is a good write-up by Inigo Quilez on the topic: http://www.iquilezles.org/www/articles/deform/deform.htm
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Rechercherichtung
Beginne mit dem verlinkten mrdoob-JavaScript-Beispiel und dem Beitrag von Inigo Quilez, um das Sampling des Quellbilds und die Offset-Mathematik zu verstehen. Erstelle eine Challenge, die eine Canvas aus deformierten Quellkoordinaten füllt; als abgeschlossen gilt sie, wenn der Effekt sichtbar gerendert wird, wobei Animation oder Lookup-Tabellen als optionale Erweiterungen behandelt werden.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript
- Bereich
- computer-graphics
- Issue-Typ
- Feature
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100