@nice2dev/ui-graphics 1.0.2 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/design/design-tools.js +26 -0
- package/dist/cjs/design/design-tools.js.map +1 -0
- package/dist/cjs/index.js +4 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/pixel/pixel-pro.js +67 -0
- package/dist/cjs/pixel/pixel-pro.js.map +1 -0
- package/dist/cjs/ui/dist/index.js +26325 -18992
- package/dist/cjs/ui/dist/index.js.map +1 -1
- package/dist/esm/animation/AnimationEditor.js +5 -5
- package/dist/esm/animation/Audience.js +2 -2
- package/dist/esm/core/LocalUI.js +4 -4
- package/dist/esm/design/design-tools.js +24 -0
- package/dist/esm/design/design-tools.js.map +1 -0
- package/dist/esm/game/GameAsset2dEditor.js +19 -19
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/pixel/PixelEditor.js +3 -3
- package/dist/esm/pixel/PixelEditorMenuBar.js +2 -2
- package/dist/esm/pixel/PixelEditorRightPanel.js +3 -3
- package/dist/esm/pixel/PixelEditorTimeline.js +2 -2
- package/dist/esm/pixel/PixelEditorToolbar.js +2 -2
- package/dist/esm/pixel/SpriteGeneratorPanel.js +8 -8
- package/dist/esm/pixel/pixel-pro.js +65 -0
- package/dist/esm/pixel/pixel-pro.js.map +1 -0
- package/dist/esm/ui/dist/index.js +25903 -18591
- package/dist/esm/ui/dist/index.js.map +1 -1
- package/dist/esm/vector/VectorEditor.js +3 -3
- package/dist/esm/vector/VectorEditorMenuBar.js +3 -3
- package/dist/esm/vector/VectorEditorRightPanel.js +13 -13
- package/package.json +2 -2
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* UI/UX Design Tools — Wireframes, mockups, prototyping,
|
|
5
|
+
* design tokens, component library, responsive preview,
|
|
6
|
+
* handoff, comments, versioning, Figma/Sketch/XD import, code export.
|
|
7
|
+
*
|
|
8
|
+
* PRO-4.6 — 13 items
|
|
9
|
+
*
|
|
10
|
+
* @module @nice2dev/ui-graphics/design/design-tools
|
|
11
|
+
*/
|
|
12
|
+
const DEVICE_PRESETS = [
|
|
13
|
+
{ name: 'iPhone 15', width: 393, height: 852, devicePixelRatio: 3, type: 'phone' },
|
|
14
|
+
{ name: 'iPhone 15 Pro Max', width: 430, height: 932, devicePixelRatio: 3, type: 'phone' },
|
|
15
|
+
{ name: 'Samsung Galaxy S24', width: 360, height: 780, devicePixelRatio: 3, type: 'phone' },
|
|
16
|
+
{ name: 'Pixel 8', width: 412, height: 915, devicePixelRatio: 2.625, type: 'phone' },
|
|
17
|
+
{ name: 'iPad Air', width: 820, height: 1180, devicePixelRatio: 2, type: 'tablet' },
|
|
18
|
+
{ name: 'iPad Pro 12.9"', width: 1024, height: 1366, devicePixelRatio: 2, type: 'tablet' },
|
|
19
|
+
{ name: 'MacBook Pro 14"', width: 1512, height: 982, devicePixelRatio: 2, type: 'desktop' },
|
|
20
|
+
{ name: 'Desktop 1080p', width: 1920, height: 1080, devicePixelRatio: 1, type: 'desktop' },
|
|
21
|
+
{ name: 'Desktop 4K', width: 3840, height: 2160, devicePixelRatio: 2, type: 'desktop' },
|
|
22
|
+
{ name: 'Apple Watch Ultra', width: 205, height: 251, devicePixelRatio: 2, type: 'watch' },
|
|
23
|
+
];
|
|
24
|
+
|
|
25
|
+
exports.DEVICE_PRESETS = DEVICE_PRESETS;
|
|
26
|
+
//# sourceMappingURL=design-tools.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"design-tools.js","sources":["../../../src/design/design-tools.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;;;;;;;AAQG;AA2MI,MAAM,cAAc,GAAmB;AAC5C,IAAA,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AAClF,IAAA,EAAE,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AAC1F,IAAA,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AAC3F,IAAA,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE;AACpF,IAAA,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE;AACnF,IAAA,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE;AAC1F,IAAA,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE;AAC3F,IAAA,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE;AAC1F,IAAA,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE;AACvF,IAAA,EAAE,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;;;;;"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -68,6 +68,8 @@ var fontFormatUtils = require('./font/fontFormatUtils.js');
|
|
|
68
68
|
var yjsCollaboration = require('./core/yjsCollaboration.js');
|
|
69
69
|
var NiceBrushEngine = require('./core/NiceBrushEngine.js');
|
|
70
70
|
var NiceSvgToCode = require('./vector/NiceSvgToCode.js');
|
|
71
|
+
var pixelPro = require('./pixel/pixel-pro.js');
|
|
72
|
+
var designTools = require('./design/design-tools.js');
|
|
71
73
|
|
|
72
74
|
|
|
73
75
|
|
|
@@ -343,4 +345,6 @@ exports.useBrushEngine = NiceBrushEngine.useBrushEngine;
|
|
|
343
345
|
exports.NiceSvgToCode = NiceSvgToCode.NiceSvgToCode;
|
|
344
346
|
exports.convertSvgToCode = NiceSvgToCode.convertSvgToCode;
|
|
345
347
|
exports.useSvgToCode = NiceSvgToCode.useSvgToCode;
|
|
348
|
+
exports.RETRO_PRESETS = pixelPro.RETRO_PRESETS;
|
|
349
|
+
exports.DEVICE_PRESETS = designTools.DEVICE_PRESETS;
|
|
346
350
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Pixel Art Editor Pro — Aseprite-class features: Indexed color,
|
|
5
|
+
* onion skinning, animation tags, tilemap, sprite slicing,
|
|
6
|
+
* reference layer, symmetry, pixel-perfect, dithering, outline FX,
|
|
7
|
+
* palette generation, retro constraints, isometric, autotile, export.
|
|
8
|
+
*
|
|
9
|
+
* PRO-4.3 — 20 items
|
|
10
|
+
*
|
|
11
|
+
* @module @nice2dev/ui-graphics/pixel/pixel-pro
|
|
12
|
+
*/
|
|
13
|
+
const RETRO_PRESETS = {
|
|
14
|
+
nes: {
|
|
15
|
+
console: 'nes',
|
|
16
|
+
maxColors: 4,
|
|
17
|
+
maxPalettes: 8,
|
|
18
|
+
width: 256,
|
|
19
|
+
height: 240,
|
|
20
|
+
spriteWidth: 8,
|
|
21
|
+
spriteHeight: 16,
|
|
22
|
+
maxSprites: 64,
|
|
23
|
+
},
|
|
24
|
+
snes: {
|
|
25
|
+
console: 'snes',
|
|
26
|
+
maxColors: 16,
|
|
27
|
+
maxPalettes: 8,
|
|
28
|
+
width: 256,
|
|
29
|
+
height: 224,
|
|
30
|
+
spriteWidth: 64,
|
|
31
|
+
spriteHeight: 64,
|
|
32
|
+
maxSprites: 128,
|
|
33
|
+
},
|
|
34
|
+
'game-boy': {
|
|
35
|
+
console: 'game-boy',
|
|
36
|
+
maxColors: 4,
|
|
37
|
+
maxPalettes: 2,
|
|
38
|
+
width: 160,
|
|
39
|
+
height: 144,
|
|
40
|
+
spriteWidth: 8,
|
|
41
|
+
spriteHeight: 16,
|
|
42
|
+
maxSprites: 40,
|
|
43
|
+
},
|
|
44
|
+
c64: {
|
|
45
|
+
console: 'c64',
|
|
46
|
+
maxColors: 16,
|
|
47
|
+
maxPalettes: 1,
|
|
48
|
+
width: 320,
|
|
49
|
+
height: 200,
|
|
50
|
+
spriteWidth: 24,
|
|
51
|
+
spriteHeight: 21,
|
|
52
|
+
maxSprites: 8,
|
|
53
|
+
},
|
|
54
|
+
'pico-8': {
|
|
55
|
+
console: 'pico-8',
|
|
56
|
+
maxColors: 16,
|
|
57
|
+
maxPalettes: 1,
|
|
58
|
+
width: 128,
|
|
59
|
+
height: 128,
|
|
60
|
+
spriteWidth: 8,
|
|
61
|
+
spriteHeight: 8,
|
|
62
|
+
maxSprites: 128,
|
|
63
|
+
},
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
exports.RETRO_PRESETS = RETRO_PRESETS;
|
|
67
|
+
//# sourceMappingURL=pixel-pro.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pixel-pro.js","sources":["../../../src/pixel/pixel-pro.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;;;;;;;;AASG;AA2OI,MAAM,aAAa,GAAqC;AAC7D,IAAA,GAAG,EAAE;AACH,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,SAAS,EAAE,CAAC;AACZ,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,UAAU,EAAE,EAAE;AACf,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,SAAS,EAAE,CAAC;AACZ,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,UAAU,EAAE,EAAE;AACf,KAAA;AACD,IAAA,GAAG,EAAE;AACH,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,UAAU,EAAE,CAAC;AACd,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE,QAAQ;AACjB,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;;;;;"}
|