Skip to content

Commit

Permalink
Map Export #61 parallax layers
Browse files Browse the repository at this point in the history
  • Loading branch information
@robwalch
robwalch committed Mar 18, 2013
1 parent fa91815 commit b0a9d6e
Show file tree
Hide file tree
Showing 6 changed files with 86 additions and 43 deletions.
13 changes: 13 additions & 0 deletions app/data/testmap3S/data.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,19 @@ ec && ec.loadMap({
"material": "brick",
"image": "elements/wall.png"
},
{
"name": "little floor",
"mapType": "parallax",
"x": 169,
"y": 887,
"z": 0,
"width": 259,
"height": 70,
"depth": 0,
"regX": 0,
"regY": 0,
"image": "elements/little_floor.png"
},
{
"name": "floor",
"mapType": "floor",
Expand Down
Binary file modified app/data/testmap3S/elements/big_box.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified app/data/testmap3S/elements/full_area.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified app/data/testmap3S/elements/little_box.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app/data/testmap3S/elements/little_floor.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
116 changes: 73 additions & 43 deletions dev/maps/Scripts/Export Map.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -251,6 +251,8 @@ function main() {
function parseLayers(layers, mapLayer) {
log('>', layers.length, 'Layers');

var elementCount = 0;

for (var i = layers.length; i-- > 0;) {
var layer = layers[i];

Expand All @@ -275,12 +277,18 @@ function parseLayers(layers, mapLayer) {
}

if (layer.typename === 'ArtLayer') {
parseArtLayer(layer, mapLayer);
elementCount += parseArtLayer(layer, mapLayer);

} else if (layer.typename === 'LayerSet') {
parseLayerSet(layer, mapLayer);
var elementsFound = parseLayerSet(layer, mapLayer);
elementCount += elementsFound;
if (elementsFound === 0) {
log('- FOUND NO ELEMENTS IN', quote(layer.name));
}
}
}

return elementCount;
}

//-----------
Expand All @@ -291,10 +299,12 @@ function parseArtLayer(layer, mapLayer) {
/*
LayerKind.NORMAL, <--- export image?
LayerKind.PATTERNFILL, <---
LayerKind.SMARTOBJECT, <---
LayerKind.SMARTOBJECT, <--- return 1 or more
LayerKind.SOLIDFILL, <--- (Paths)
LayerKind.TEXT <--- Data?
*/

return 0;
}

function parseLayerSet(layerSet, mapLayer) {
Expand Down Expand Up @@ -332,7 +342,6 @@ function parseLayerSet(layerSet, mapLayer) {
var elementData = getElementData(layerSet);
if (elementData.shapes.length) {
log('\t+ new element');
// Get the other stuff (images, childres, etc...)
elements.push(elementData);

//reg point
Expand All @@ -356,43 +365,65 @@ function parseLayerSet(layerSet, mapLayer) {
height: getLayerHeight(layerSet)
});

// TODO: determine if this set will be exported as one image, or if we export sub layers:
//var otherLayers = elementData.layers;
delete elementData.layers;
//parseLayers(otherLayers, mapLayer, elementData);
exportElement(elementData, layerSet);

// export PNG
var filename = getLayerImageName(layerSet) +'.png';
var filepath = exports.elementsFolder.toString() +'/'+ filename;
exportLayer(layerSet, filepath);
elementData.image = 'elements/'+filename;
return 1;
}

} else {
parseLayers(layerSet.layers, mapLayer);
} // else add children, if (!mapType) mapType = 'container'

//-------------
// var layerContainer = {
// mapType: 'container',//'parallax'
// children: []
// };
// var layerFrameElements = [];//layerSet.frames[0].elements;
// for (var j=0; j<layerFrameElements.length; j++) {
// var element = layerFrameElements[j];
// var eData = getOldElementData(element);
// if (element.elementType === 'instance') {
// elements.push(eData);
// } else if (element.elementType === 'shape' || element.elementType === 'bitmap') {
// layerContainer.children.push(eData);
// }
// }
// if (layerContainer.children.length) {
// elements.push(layerContainer);
// }
// log(layerIndex+'\t\t"'+
// layerSet.name +'"\t\t'+
// (layerContainer.children.length ? (layerContainer.children.length+' children') : (elements.length+' elements'))
// );
var elementCount = parseLayers(layerSet.layers, mapLayer);
if (elementCount === 0) {
var width = getLayerWidth(layerSet);
var height = getLayerHeight(layerSet);
if (width && height) {
log('\t+ new bitmap element');
elements.push(elementData);

extend(elementData, {
name: layerSet.name,
mapType: 'parallax',
x: getLayerX(layerSet),
y: getLayerY(layerSet),
width : width,
height: height
});
delete elementData.shape;
delete elementData.shapes;

exportElement(elementData, layerSet);

elementCount++;
}
}

// Use container for pattern fill
// if (elementData.shapes.length === 0) {
// log('\t+ new container element');
// //make this a bitmap container
// var container = {
// mapType: 'container',//'parallax'
// children: [elementData] // fillImage: , rectangle:true
// };
// elements.push(container);
// } else {
// log('\t+ new element');
// // Get the other stuff (images, childres, etc...)
// elements.push(elementData);
// }

return elementCount;
}

function exportElement(elementData, layerSet) {
// TODO: determine if this set will be exported as one image, or if we export sub layers:
//var otherLayers = elementData.layers;
delete elementData.layers;
//parseLayers(otherLayers, mapLayer, elementData);

// export PNG
var filename = getLayerImageName(layerSet) +'.png';
var filepath = exports.elementsFolder.toString() +'/'+ filename;
exportLayer(layerSet, filepath);
elementData.image = 'elements/'+filename;
}

function getLayerImageName(layer) {
Expand Down Expand Up @@ -505,7 +536,6 @@ function getElementData(layerSet) {
var layers = layerSet.artLayers;
for (var i = layers.length; i-- > 0;) {
var layer = layers[i];
var shapes;
var name = layer.name.toLowerCase();
var width;
var height;
Expand Down Expand Up @@ -582,17 +612,17 @@ function getPathData(layer, offsetX, offsetY) {

var poly = [];
polygons.push(poly);

var points = path.subPathItems[b].pathPoints;
for (var c = 0; c < points.length; c++) {
//points[c].kind
//PointKind.SMOOTHPOINT (elipse?)
//PointKind.CORNERPOINT
var point = points[c].anchor;//.slice(0);
poly[c] = [
poly.push([
Math.round((point[0]-offsetX)*10)/10,
Math.round((point[1]-offsetY)*10)/10
];
]);
// points[c].leftDirection
// points[c].rightDirection
// points[c].kind
Expand Down

0 comments on commit b0a9d6e

Please sign in to comment.