| | |
| | | import './index.css'; |
| | | import Http from '@/utils/http'; |
| | | |
| | | const logSliderToNumber = value => Math.pow(10, value - 2).toFixed(2); |
| | | const numberToLogSlider = value => Math.log10(value) + 2; |
| | | |
| | | const useStyles = createStyles(({ token, css }) => { |
| | | |
| | | }) |
| | |
| | | |
| | | useEffect(() => { |
| | | form.resetFields(); |
| | | form.setFieldsValue({ |
| | | ...props.values |
| | | }) |
| | | if (curSprite) { |
| | | console.log(curSprite); |
| | | form.setFieldsValue({ |
| | | x: curSprite.position.x, |
| | | y: curSprite.position.y, |
| | | scale: Math.max(curSprite.scale.x, curSprite.scale.y), |
| | | scaleSlider: Math.max(curSprite.scale.x, curSprite.scale.y) |
| | | }) |
| | | } |
| | | }, [form, props]) |
| | | |
| | | const handleCancel = () => { |
| | |
| | | changeList.forEach(change => { |
| | | const { name: nameList, value } = change; |
| | | nameList.forEach(name => { |
| | | console.log(name, value); |
| | | switch (name) { |
| | | case 'x': |
| | | curSprite.position.x = value; |
| | | break; |
| | | case 'y': |
| | | curSprite.position.x = value; |
| | | break; |
| | | case 'scaleSlider': |
| | | form.setFieldsValue({ |
| | | scale: value |
| | | }) |
| | | curSprite.scale.set(value); |
| | | break; |
| | | case 'scale': |
| | | form.setFieldsValue({ |
| | | scaleSlider: value |
| | | }) |
| | | curSprite.scale.set(value); |
| | | break; |
| | | case 'rotationSlider': |
| | | form.setFieldsValue({ |