-
Notifications
You must be signed in to change notification settings - Fork 75
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
73 changed files
with
9,648 additions
and
172 deletions.
There are no files selected for viewing
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -36,7 +36,8 @@ | |
display: block; | ||
a img { | ||
display: block; | ||
max-width: 10rem; | ||
max-height: 5rem; | ||
width: auto; | ||
} | ||
} | ||
} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
|
||
# 2D Arrow Manipulations | ||
|
||
**Author:** Hayley van Waas | ||
|
||
This is the base system for a series of interactive used to show how to translate, scale and rotate an arrow by using coordinates and/or matrices. | ||
|
||
## Required files | ||
|
||
- No required files | ||
|
||
## Licenses | ||
Code was modified from the [css3patterns](https://github.com/LeaVerou/css3patterns/blob/master/license.txt) library to create the graph background, the licence file can be found in css/css3patterns-license.md |
6 changes: 6 additions & 0 deletions
6
interactives/2d-arrow-manipulations/config/coord-scale-translate.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
{ | ||
"type": "coordinates", | ||
"title": "Combining Scaling and Translation Challenge", | ||
"task": "Try to get the blue arrow to match up with the red one.<br>Hint: you may like to use expressions like 2*(2+1) or fractions like 1/5", | ||
"target": "5 12 -1 6 3 6 3 -4 7 -4 7 6 11 6" | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
{ | ||
"type": "coordinates", | ||
"title": "Scaling", | ||
"task": "Try multiplying the original coordinates by 2. What is the effect of this transform?<br>What would happen if you multiply each value by 10? How about 0.5? What if you only multiply the x values?", | ||
"target": "0 8 -6 2 -2 2 -2 -8 2 -8 2 2 6 2" | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
{ | ||
"type": "coordinates", | ||
"title": "Swapping Coordinates", | ||
"task": "What happens if you swap the x and y value for each coordinate?", | ||
"target": "4 0 1 -3 1 -1 -4 -1 -4 1 1 1 1 3" | ||
} |
6 changes: 6 additions & 0 deletions
6
interactives/2d-arrow-manipulations/config/coord-translate.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
{ | ||
"type": "coordinates", | ||
"title": "Changing Point Locations", | ||
"task": "Try adding 2 to all the x points, and 3 to all the y points. What effect does this have on the original arrow? <br>What happens if you subtract 3 from each of the original coordinates?", | ||
"target": "2 7 -1 4 1 4 1 -1 3 -1 3 4 5 4" | ||
} |
7 changes: 7 additions & 0 deletions
7
interactives/2d-arrow-manipulations/config/matrix-rotate-scale-translate-2.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
{ | ||
"type": "matrix", | ||
"title": "Multiple Transformation Challenge", | ||
"task": "Try moving the arrow to the target position by using the two multiplication matrices (one to scale and one to rotate) then translating.", | ||
"target": "-9.68 -1.32 -9.68 -9.84 -6.84 -7 0.26 -14.1 3.1 -11.26 -4 -4.16 -1.16 -1.32", | ||
"modules": ["first-scale", "second-scale", "first-translate"] | ||
} |
7 changes: 7 additions & 0 deletions
7
interactives/2d-arrow-manipulations/config/matrix-rotate-scale-translate.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
{ | ||
"type": "matrix", | ||
"title": "Combining Translation, Scaling and Rotation", | ||
"task": "Try moving the arrow to the target position by using the two multiplication matrices (one to scale and one to rotate) then translating.", | ||
"target": "12 4 9 10 9 6 4 6 4 2 9 2 9 -2", | ||
"modules": ["first-scale", "second-scale", "first-translate"] | ||
} |
8 changes: 8 additions & 0 deletions
8
interactives/2d-arrow-manipulations/config/matrix-rotate-translate.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,8 @@ | ||
{ | ||
"type": "matrix", | ||
"title": "Using Translation to Simplify Rotation", | ||
"task": "To move the arrow to the new position, you'll have to translate the tip to the origin, apply the rotation, then translate it back.", | ||
"start": "5 12 2 9 4 9 4 4 6 4 6 9 8 9", | ||
"target": "5 12 5 7.74 6.42 9.16 9.97 5.61 11.39 7.03 7.84 10.58 9.26 12", | ||
"modules": ["first-translate", "first-scale", "second-translate"] | ||
} |
7 changes: 7 additions & 0 deletions
7
interactives/2d-arrow-manipulations/config/matrix-rotate.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
{ | ||
"type": "matrix", | ||
"title": "Matrix Rotation", | ||
"task": "Rotate and translate the arrow to the new position. You can use the Trig Function Calculator interactive to calculate exact angles, the target arrow has accuracy of 2 decimal places", | ||
"target": "7.84 6.84 3.58 6.84 5 5.42 1.45 1.87 2.87 0.45 6.42 4 7.84 2.58", | ||
"modules": ["first-scale", "first-translate"] | ||
} |
7 changes: 7 additions & 0 deletions
7
interactives/2d-arrow-manipulations/config/matrix-scale-translate-2.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
{ | ||
"type": "matrix", | ||
"title": "Translation before Scaling", | ||
"task": "This time, the order of translation and scaling has been swapped. Try to transform the arrow to the target position. The order in which operations happens makes a difference!", | ||
"target": "9 2 3 -4 7 -4 7 -14 11 -14 11 -4 15 -4", | ||
"modules": ["first-translate", "first-scale"] | ||
} |
8 changes: 8 additions & 0 deletions
8
interactives/2d-arrow-manipulations/config/matrix-scale-translate-3.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,8 @@ | ||
{ | ||
"type": "matrix", | ||
"title": "Using Translation to Simplify Scaling", | ||
"task": "This time the tip of the arrow is at (12, 12), so you should translate it to the origin, scale it, then transform it back.", | ||
"start": "12 12 15 9 13 9 13 4 11 4 11 9 9 9", | ||
"target": "12 12 18 6 14 6 14 -4 10 -4 10 6 6 6", | ||
"modules": ["first-translate", "first-scale", "second-translate"] | ||
} |
7 changes: 7 additions & 0 deletions
7
interactives/2d-arrow-manipulations/config/matrix-scale-translate.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
{ | ||
"type": "matrix", | ||
"title": "Scaling and Translation Challenge", | ||
"task": "Use both scaling and translation to move the arrow to the target position.", | ||
"target": "9 2 3 -4 7 -4 7 -14 11 -14 11 -4 15 -4", | ||
"modules": ["first-scale", "first-translate"] | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
{ | ||
"type": "matrix", | ||
"title": "2D Scaling", | ||
"task": "Try replacing the 1s with 2s in the multiplication matrix", | ||
"target": "0 8 -6 2 -2 2 -2 -8 2 -8 2 2 6 2", | ||
"modules": ["first-scale"] | ||
} |
7 changes: 7 additions & 0 deletions
7
interactives/2d-arrow-manipulations/config/matrix-single.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
{ | ||
"type": "matrix", | ||
"title": "Single Matrix", | ||
"task": "Try putting in the final matrix here and see if it does scale by 2 and rotate by 45 degrees.", | ||
"target": "5.6 5.6 -2.8 5.6 0 2.8 -7 -4.2 -4.2 -7 2.8 0 5.6 -2.8", | ||
"modules": ["first-scale"] | ||
} |
7 changes: 7 additions & 0 deletions
7
interactives/2d-arrow-manipulations/config/matrix-translate.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
{ | ||
"type": "matrix", | ||
"title": "Translation", | ||
"task": "Use the translation matrix to move the arrow to it's target position.", | ||
"target": "9 -3 6 -6 8 -6 8 -11 10 -11 10 -6 12 -6", | ||
"modules": ["first-translate"] | ||
} |
20 changes: 20 additions & 0 deletions
20
interactives/2d-arrow-manipulations/css/css3patterns-license.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
Copyright (c) 2011 Lea Verou, http://lea.verou.me/ | ||
|
||
Permission is hereby granted, free of charge, to any person obtaining | ||
a copy of this software and associated documentation files (the | ||
"Software"), to deal in the Software without restriction, including | ||
without limitation the rights to use, copy, modify, merge, publish, | ||
distribute, sublicense, and/or sell copies of the Software, and to | ||
permit persons to whom the Software is furnished to do so, subject to | ||
the following conditions: | ||
|
||
The above copyright notice and this permission notice shall be | ||
included in all copies or substantial portions of the Software. | ||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, | ||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF | ||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND | ||
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE | ||
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION | ||
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION | ||
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. |
Oops, something went wrong.