@@ -3,7 +3,7 @@ ElmRuntime.Render.Collage = function() {
3'use strict';
3'use strict';
5var Render = ElmRuntime.use(ElmRuntime.Render.Element);
5var Render = ElmRuntime.use(ElmRuntime.Render.Element);
6−var Matrix = Elm.Matrix2D({});
6+var Transform = Elm.Transform2D({});
7var Utils = ElmRuntime.use(ElmRuntime.Render.Utils);
7var Utils = ElmRuntime.use(ElmRuntime.Render.Utils);
8var newElement = Utils.newElement,
8var newElement = Utils.newElement,
9 extract = Utils.extract, fromList = Utils.fromList,
9 extract = Utils.extract, fromList = Utils.fromList,
@@ -158,23 +158,23 @@ function renderForm(redo, ctx, form) {
159function formToMatrix(form) {
159function formToMatrix(form) {
160 var scale = form.scale;
160 var scale = form.scale;
161− var matrix = A6( Matrix.matrix, scale, 0, 0, scale, form.x, form.y );
161+ var matrix = A6( Transform.matrix, scale, 0, 0, scale, form.x, form.y );
163 var theta = form.theta
163 var theta = form.theta
164 if (theta !== 0)
164 if (theta !== 0)
165− matrix = A2( Matrix.multiply, matrix, Matrix.rotation(theta) );
165+ matrix = A2( Transform.multiply, matrix, Transform.rotation(theta) );
167 return matrix;
167 return matrix;
170function makeTransform(w, h, form, matrices) {
170function makeTransform(w, h, form, matrices) {
171 var props = form.form._0.props;
171 var props = form.form._0.props;
172− var m = A6( Matrix.matrix, 1, 0, 0, 1,
172+ var m = A6( Transform.matrix, 1, 0, 0, 1,
173 (w - props.width)/2,
173 (w - props.width)/2,
174 (h - props.height)/2 );
174 (h - props.height)/2 );
175 var len = matrices.length;
175 var len = matrices.length;
176− for (var i = 0; i < len; ++i) { m = A2( Matrix.multiply, m, matrices[i] ); }
176+ for (var i = 0; i < len; ++i) { m = A2( Transform.multiply, m, matrices[i] ); }
177− m = A2( Matrix.multiply, m, formToMatrix(form) );
177+ m = A2( Transform.multiply, m, formToMatrix(form) );
179 return 'matrix(' + m[0] + ',' + m[3] + ',' +
179 return 'matrix(' + m[0] + ',' + m[3] + ',' +
180 (-m[1]) + ',' + (-m[4]) + ',' +
180 (-m[1]) + ',' + (-m[4]) + ',' +
@@ -220,7 +220,7 @@ function stepper(forms) {
220 var f = out.form;
220 var f = out.form;
221 if (f.ctor === 'FGroup') {
221 if (f.ctor === 'FGroup') {
222 ps.unshift(stepperHelp(f._1));
222 ps.unshift(stepperHelp(f._1));
223− var m = A2(Matrix.multiply, f._0, formToMatrix(out));
223+ var m = A2(Transform.multiply, f._0, formToMatrix(out));
224 ctx.save();
224 ctx.save();
225 ctx.transform(m[0], m[3], m[1], m[4], m[2], m[5]);
225 ctx.transform(m[0], m[3], m[1], m[4], m[2], m[5]);
226 matrices.push(m);
226 matrices.push(m);