scratchfoundation/scratch-paint
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-paint.git synced 2024-12-22 21:42:30 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Rename getRotatedColor to getSecondaryColor

Browse source 
This function is used to generate a "secondary" color for gradients.
It will soon do things other than rotate the hue.
This commit is contained in:
adroitwhiz 2020-06-16 12:27:31 -04:00
parent 4f86762737
commit 92ac312ad8
4 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/containers/bit-fill-mode.jsx
View file

@ -13,7 +13,7 @@ import {clearSelectedItems} from '../reducers/selected-items';
import {changeGradientType} from '../reducers/fill-mode-gradient-type';
import {clearSelection} from '../helper/selection';
import FillTool from '../helper/bit-tools/fill-tool';
import {getRotatedColor, MIXED} from '../helper/style-path';
import {generateSecondaryColor, MIXED} from '../helper/style-path';
class BitFillMode extends React.Component {
constructor (props) {
@ -69,13 +69,13 @@ class BitFillMode extends React.Component {
let color2 = this.props.color2;
if (gradientType !== this.props.styleGradientType) {
if (this.props.styleGradientType === GradientTypes.SOLID) {
color2 = getRotatedColor(color);
color2 = generateSecondaryColor(color);
this.props.onChangeFillColor(color2, 1);
}
this.props.changeGradientType(gradientType);
}
if (this.props.color2 === MIXED) {
color2 = getRotatedColor();
color2 = generateSecondaryColor();
this.props.onChangeFillColor(color2, 1);
}
this.tool = new FillTool(this.props.onUpdateImage);

4
src/containers/color-indicator.jsx
View file

@ -13,7 +13,7 @@ import ColorIndicatorComponent from '../components/color-indicator.jsx';
import {applyColorToSelection,
applyGradientTypeToSelection,
applyStrokeWidthToSelection,
getRotatedColor,
generateSecondaryColor,
swapColorsInSelection,
MIXED} from '../helper/style-path';
@ -97,7 +97,7 @@ const makeColorIndicator = (label, isStroke) => {
if (this.props.gradientType === GradientTypes.SOLID && gradientType !== GradientTypes.SOLID) {
// Generate color 2 and change to the 2nd swatch when switching from solid to gradient
if (!hasSelectedItems) {
this.props.onChangeColor(getRotatedColor(this.props.color), 1);
this.props.onChangeColor(generateSecondaryColor(this.props.color), 1);
}
this.props.onChangeColorIndex(1);
}

6
src/containers/fill-mode.jsx
View file

@ -5,7 +5,7 @@ import bindAll from 'lodash.bindall';
import Modes from '../lib/modes';
import GradientTypes from '../lib/gradient-types';
import FillTool from '../helper/tools/fill-tool';
import {getRotatedColor, MIXED} from '../helper/style-path';
import {generateSecondaryColor, MIXED} from '../helper/style-path';
import {changeFillColor, changeFillColor2, DEFAULT_COLOR} from '../reducers/fill-style';
import {changeMode} from '../reducers/modes';
@ -73,13 +73,13 @@ class FillMode extends React.Component {
let fillColor2 = this.props.fillColor2;
if (gradientType !== this.props.fillStyleGradientType) {
if (this.props.fillStyleGradientType === GradientTypes.SOLID) {
fillColor2 = getRotatedColor(fillColor);
fillColor2 = generateSecondaryColor(fillColor);
this.props.onChangeFillColor(fillColor2, 1);
}
this.props.changeGradientType(gradientType);
}
if (this.props.fillColor2 === MIXED) {
fillColor2 = getRotatedColor(fillColor);
fillColor2 = generateSecondaryColor(fillColor);
this.props.onChangeFillColor(fillColor2, 1);
}
this.tool = new FillTool(

6
src/helper/style-path.js
View file

@ -48,7 +48,7 @@ const getColorStringForTransparent = function (colorToMatch) {
};
// Returns a color shift by 72 of the given color, DEFAULT_COLOR if the given color is null, or null if it is MIXED.
const getRotatedColor = function (firstColor) {
const generateSecondaryColor = function (firstColor) {
if (firstColor === MIXED) return null;
const color = new paper.Color(firstColor);
if (!firstColor || color.alpha === 0) return DEFAULT_COLOR;
@ -262,7 +262,7 @@ const applyGradientTypeToSelection = function (gradientType, applyToStroke, text
let itemColor2;
if (!hasGradient || !itemColor.gradient.stops[1]) {
// If item color is solid or a gradient that has no 2nd color, set the 2nd color based on the first color
itemColor2 = getRotatedColor(itemColor1);
itemColor2 = generateSecondaryColor(itemColor1);
} else if (itemColor.gradient.stops[1].color.alpha === 0) {
// Gradient has 2nd color which is transparent
itemColor2 = null;
@ -600,7 +600,7 @@ export {
applyStrokeWidthToSelection,
createGradientObject,
getColorsFromSelection,
getRotatedColor,
generateSecondaryColor,
MIXED,
styleBlob,
styleShape,