76 lines
2.1 KiB
JavaScript
76 lines
2.1 KiB
JavaScript
import update from 'react-addons-update';
|
|
import * as actions from '../../../../actions/index.js';
|
|
import { addObjectActive2D, addObject, setActive2D } from '../../../objectReducers.js';
|
|
import { Matrix, Vector } from '@doodle3d/cal';
|
|
// import createDebug from 'debug';
|
|
// const debug = createDebug('d3d:reducer:star');
|
|
|
|
const DEFAULT_INNER_RADIUS = 10;
|
|
const DEFAULT_OUTER_RADIUS = 25;
|
|
|
|
export default function starReducer(state, action) {
|
|
// if (action.log !== false) debug(action.type);
|
|
const { position, screenMatrixZoom } = action;
|
|
let scenePosition;
|
|
if (position !== undefined && screenMatrixZoom !== undefined) {
|
|
scenePosition = position.applyMatrix(screenMatrixZoom.inverseMatrix());
|
|
}
|
|
const activeShape = state.d2.activeShape;
|
|
|
|
switch (action.type) {
|
|
case actions.D2_DRAG_START:
|
|
return addObjectActive2D(state, {
|
|
type: 'STAR',
|
|
transform: new Matrix({ x: scenePosition.x, y: scenePosition.y }),
|
|
star: {
|
|
rays: 5,
|
|
innerRadius: 0,
|
|
outerRadius: 0
|
|
}
|
|
});
|
|
|
|
case actions.D2_DRAG:
|
|
if (activeShape) {
|
|
const beginPos = new Vector().copy(state.objectsById[activeShape].transform);
|
|
const delta = scenePosition.subtract(beginPos);
|
|
|
|
const innerRadius = Math.abs(delta.y);
|
|
const outerRadius = Math.abs(delta.x);
|
|
state = updateStar(state, activeShape, innerRadius, outerRadius);
|
|
}
|
|
return state;
|
|
|
|
case actions.D2_DRAG_END:
|
|
if (activeShape) {
|
|
state = setActive2D(state, null);
|
|
}
|
|
return state;
|
|
|
|
case actions.D2_TAP:
|
|
return addObject(state, {
|
|
type: 'STAR',
|
|
transform: new Matrix({ x: scenePosition.x, y: scenePosition.y }),
|
|
star: {
|
|
rays: 5,
|
|
innerRadius: DEFAULT_INNER_RADIUS,
|
|
outerRadius: DEFAULT_OUTER_RADIUS
|
|
}
|
|
});
|
|
|
|
default:
|
|
return state;
|
|
}
|
|
}
|
|
function updateStar(state, id, innerRadius, outerRadius) {
|
|
return update(state, {
|
|
objectsById: {
|
|
[id]: {
|
|
star: {
|
|
innerRadius: { $set: innerRadius },
|
|
outerRadius: { $set: outerRadius }
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|