make layers & frames drag-and-drop

.github/workflows/main.yml

@@ -1,37 +1,37 @@
-name: Build React Site
+# name: Build React Site
 
-on: 
-  push:
-    branches: [ main ]
-  pull_request:
-    branches: [ main ]
-  workflow_dispatch: 
+# on: 
+#   push:
+#     branches: [ main ]
+#   pull_request:
+#     branches: [ main ]
+#   workflow_dispatch: 
 
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    environment: default
-    strategy:
-      matrix:
-        node-version: [12.x]
-    steps:
-    - name: Checkout repository
-      uses: actions/checkout@v2
-    - name: Set up Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: ${{ matrix.node-version }}
-    - name: Install dependencies
-      run:  |
-        npm i 
-    - name: Deploy
-      run: |
-        git config --global user.name $user_name
-        git config --global user.email $user_email
-        git remote set-url origin https://${github_token}@github.com/${repository}
-        npm run deploy
-      env:
-        user_name: 'github-actions[bot]'
-        user_email: 'github-actions[bot]@users.noreply.github.com'
-        github_token: ${{ secrets.ACCESS_TOKEN }}
-        repository: ${{ github.repository }}
+# jobs:
+#   build:
+#     runs-on: ubuntu-latest
+#     environment: default
+#     strategy:
+#       matrix:
+#         node-version: [12.x]
+#     steps:
+#     - name: Checkout repository
+#       uses: actions/checkout@v2
+#     - name: Set up Node.js ${{ matrix.node-version }}
+#       uses: actions/setup-node@v1
+#       with:
+#         node-version: ${{ matrix.node-version }}
+#     - name: Install dependencies
+#       run:  |
+#         npm i 
+#     - name: Deploy
+#       run: |
+#         git config --global user.name $user_name
+#         git config --global user.email $user_email
+#         git remote set-url origin https://${github_token}@github.com/${repository}
+#         npm run deploy
+#       env:
+#         user_name: 'github-actions[bot]'
+#         user_email: 'github-actions[bot]@users.noreply.github.com'
+#         github_token: ${{ secrets.ACCESS_TOKEN }}
+#         repository: ${{ github.repository }}

Moth Tokens Feb 19.piskel

@@ -0,0 +1 @@
+{"modelVersion":2,"piskel":{"name":"moth tokens","description":"","fps":0,"height":64,"width":64,"layers":["{\"name\":\"background\",\"opacity\":1,\"frameCount\":5,\"chunks\":[{\"layout\":[[0],[1],[2],[3],[4]],\"base64PNG\":\"data:image/png;base64,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\"}]}","{\"name\":\"moth\",\"opacity\":1,\"frameCount\":5,\"chunks\":[{\"layout\":[[0],[1],[2],[3],[4]],\"base64PNG\":\"data:image/png;base64,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\"}]}","{\"name\":\"ring and shine\",\"opacity\":1,\"frameCount\":5,\"chunks\":[{\"layout\":[[0],[1],[2],[3],[4]],\"base64PNG\":\"data:image/png;base64,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\"}]}"],"hiddenFrames":["1"]}}

package.json

@@ -16,6 +16,7 @@
     "@types/tinycolor2": "^1.4.3",
     "buffer": "^6.0.3",
     "gh-pages": "^4.0.0",
+    "gif.js": "^0.2.0",
     "install": "^0.13.0",
     "js-base64": "^3.7.5",
     "mixpanel-browser": "^2.49.0",
@@ -26,7 +27,7 @@
     "react": "^18.2.0",
     "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
-    "react-icons": "^4.4.0",
+    "react-icons": "^5.0.1",
     "react-portal": "^4.2.2",
     "react-router-dom": "^6.3.0",
     "react-scripts": "5.0.1",

roadmap.md

@@ -1,38 +1,29 @@
+# Doing
+
 # Bugs 
-    - onion skin for frames doesint work
-    - move dot out of range resets color to red
-    - changing the canvas size is weird 
-    - hsl rgb number inputs dont all work
-    - the first time you use an action it wipes the screen
+- issues with resizing the canvas (active layer)
 
 # MVP
 - box selection tools
-    - stretch with side grab 
-    - rotate with corner grab
+    - rotate and scale selection areas
     - copy selection 
     - move selection to new layer new layer 
 
 - wand selection 
 
 - laso selection
 
-- lighten/darken tool 
+- tilemap mode 
 
-- basic shapes
-    - square
-    - circle
-    - rect
-    - oval
+- undo / redo 
 
 - previous 2 color switch
     - just as a quick reference, does no effect the pallete
  - colors used in pallette  
-        - when changing color in pallete, update all instances of that color in all layers
-
-- light/dark theme
-- minimize UI
+        - when changing color in pallete, update all instances of that color in all layers 
 
 - import/export 
+    - Asprites export settings
     - import project file
     - export selected frame 
         - all
@@ -41,21 +32,24 @@
     - upscale/downscale exports
     - save as project file 
     - recommend local saved projects
-    - delete local saved projects   
+    - delete local saved projects  
 
-- rig system 
-    - bones arnt visible in final render 
-    - one bone per layer 
-    - pivit point for the layer becomes the start of the bone 
-    - choose parent bone when creating new bone 
-    - copy and paste layer copies bones aswell 
-    - when animating bones, use index of bone to figure out which bones should move
-    - parent bones move child bones on other layers 
+- light/dark theme
+
+- minimize UI
+
+# After Launch
+- user accounts
+- site domain 
+- login page
+- payment page
 
 # Stretch 
-- light source tool, creates highlights and shadows for you 
-- export as gif (just to easily share on different media)
-- circle tool
+- themes, grid colors, custom layout, custom shortcut
+- perfect mode for brush
+- fonts
+- online gallery 
+- custom brushes 
 - mesh deformation tool (points, weights)
 - color pallette recommendations 
 - recommend colors based on current pallete and AI 
@@ -64,7 +58,14 @@
 - import png/jpg as a layer
 - generate tweening frame via AI
 - paste reference image url     
-- redo button
+- rig system 
+    - bones arnt visible in final render 
+    - one bone per layer 
+    - pivit point for the layer becomes the start of the bone 
+    - choose parent bone when creating new bone 
+    - copy and paste layer copies bones aswell 
+    - when animating bones, use index of bone to figure out which bones should move
+    - parent bones move child bones on other layers 
 - tweening 
     - choose how many frames to create 
     - button to generate tweening frames based on "move" tool or "bone" tool 
@@ -82,5 +83,12 @@
             - start with most common colors
             - squash similer colors?
     - deleting a color from the pallette doesint effect layers
+- non-destructive "Effects"     
+    - outline effect        
+    - The "sun" effect is a ball, that is placed somewhere on the canvas, and affects the colors of the sprites with a specific falloff
+        - light source tool, creates highlights and shadows for you 
+
+
+