1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
/* <copyright>
This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
</copyright> */
var Montage = require("montage/core/core").Montage,
ElementController = require("js/controllers/elements/element-controller").ElementController;
exports.BodyController = Montage.create(ElementController, {
// TODO - perspective distance needs to be passed in as "dist" and matrix3d needs to be passed in as "mat"
set3DProperties: {
value: function(el, props, update3DModel) {
var dist = props["dist"], mat = props["mat"];
this.application.ninja.stylesController.setElementStyle(el, "-webkit-transform", "perspective(" + dist + ") " + "matrix3d(" + MathUtils.scientificToDecimal(mat, 5) + ")");
el.elementModel.props3D.matrix3d = mat;
el.elementModel.props3D.perspectiveDist = dist;
this.application.ninja.stage.updatedStage = true;
if(update3DModel) {
this._update3DProperties(el, mat, dist);
}
}
},
getProperty: {
value: function(el, p) {
switch(p) {
case "background" :
case "background-color":
return this.application.ninja.colorController.getColorObjFromCss(this.application.ninja.stylesController.getElementStyle(el, "background-color"));
case "border":
return 0;
case "height":
case "width":
case "-webkit-transform-style":
return this.application.ninja.stylesController.getElementStyle(el, p, true, true);
default:
return ElementController.getProperty(el, p, true, true);
//console.log("Undefined Stage property ", p);
}
}
},
setProperty: {
value: function(el, p, value) {
switch(p) {
case "background":
case "background-color":
this.application.ninja.stylesController.setElementStyle(el, "background-color", value);
break;
case "overflow":
case "width":
case "height":
case "-webkit-transform-style":
this.application.ninja.stylesController.setElementStyle(el, p, value);
this.application.ninja.stage.updatedStage = true;
break;
default:
console.log("Undefined property ", p, "for the Body Controller");
}
}
},
setAttribute: {
value: function(el, att, value) {
}
},
getPerspectiveDist: {
value: function(el) {
if(el.elementModel.props3D && el.elementModel.props3D.perspectiveDist) {
return el.elementModel.props3D.perspectiveDist;
} else {
var dist = this.application.ninja.stylesController.getPerspectiveDistFromElement(el, true);
el.elementModel.props3D.perspectiveDist = dist;
return dist;
}
}
},
getMatrix: {
value: function(el) {
if(el.elementModel.props3D && el.elementModel.props3D.matrix3d)
{
return el.elementModel.props3D.matrix3d.slice(0);
}
else
{
var mat;
if (el)
{
mat = this.application.ninja.stylesController.getMatrixFromElement(el, true);
if (!mat) {
mat = Matrix.I(4);
}
var zoom = this.application.ninja.elementMediator.getProperty(el, "zoom");
if (zoom)
{
zoom = Number(zoom);
if (zoom != 1)
{
var zoomMat = Matrix.create( [
[ zoom, 0, 0, 0],
[ 0, zoom, 0, 0],
[ 0, 0, zoom, 0],
[ 0, 0, 0, 1]
] );
glmat4.multiply( zoomMat, mat, mat );
}
}
}
el.elementModel.props3D.matrix3d = mat;
return mat;
}
}
}
});
|