CodingTrain / CodingTrain/Suggestion-Box

Coding Challenge: Plane Deformations

Offen
#954 0 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.