|
1 |
| -# TD-TOX-Saver |
| 1 | +# TD-TOX-Saver |
| 2 | +*a simple save external tox and text helper* |
| 3 | +[matthew ragan](matthewragan.com) | [SudoMagic](sudomagic.com) |
| 4 | + |
| 5 | +## TouchDesigner Version |
| 6 | +* 099 2023.11880 |
| 7 | + |
| 8 | +## TOX Version |
| 9 | + |
| 10 | +* 1.8.x |
| 11 | + |
| 12 | +## OS Support |
| 13 | + |
| 14 | +* Windows 10 |
| 15 | +* macOS |
| 16 | + |
| 17 | +## Summary |
| 18 | +Working with git and TouchDesigner isn't always an easy process, but it's often an essential part of the process of tracking your work and collaborating with others. It also encourages you to begin thinking about how to make your projects and components more modular, portable, and reuseable. Those aren't always easy practices to embrace, but they make a big difference in the amount of time you invest in future projects. It's often hard to plan for the gig in six months when you're worried about the gig on Friday - and we all have those sprints or last minute changes. |
| 19 | + |
| 20 | +It's also worth remember that no framework will ever be perfect - all of these things change and evolve over time, and that's the very idea behind externalizing pieces of your project's code-base. An assembly of concise individually maintainable tools is often more maintainable than [rube golbergian](https://en.wikipedia.org/wiki/Rube_Goldberg) contraption - and while it's certainly less cool, it does make it easier to make deadlines. |
| 21 | + |
| 22 | +So, what does all this have to do with saving external tox files? TOX files are the modules of TouchDesigner - they're component operators that can be saved as individual files and dropped into any network. These custom operators are made out of other operators. In 099 they can be set to be private if you have a pro license - keeping prying eyes away from your work (if you're worried about that). |
| 23 | + |
| 24 | +That makes these components excellent candidates for externalization, but it takes a little extra work to keep them saved and sycned. In a perfect world we would use the same saving mechanism that's employed to save our TOE file to also save any external file, or better yet, to ask us if we want to externalize a file. That, in fact, is the aim of this TOX. |
| 25 | + |
| 26 | +## Supported File Types |
| 27 | +* `.tox` |
| 28 | + |
| 29 | + |
| 30 | +# Parameters |
| 31 | + |
| 32 | + |
| 33 | +## Save Settings |
| 34 | + |
| 35 | +### Log to Texport |
| 36 | + |
| 37 | +If you want to track when and where your external files are being saved, or if you're worried that something might be going wrong, you can turn on the `Logtotextport` parameter to see the results of each save operation logged for easy view and tracking. |
| 38 | + |
| 39 | +### Include About Page |
| 40 | + |
| 41 | +This will add a page to your externalized TOX that adds additional support information: |
| 42 | + |
| 43 | +* TD Version - the version of TouchDesigner that the TOX was saved with |
| 44 | +* TD Build - the build of TouchDesigner that the TOX was saved with |
| 45 | +* TOX Version - an auto incrementing version number whose patch increment will be automatically updated with each save |
| 46 | +* Last Saved - a date stamp with the date and time from the last TOX save |
| 47 | + |
| 48 | +## Colors |
| 49 | + |
| 50 | +### TouchDesigner |
| 51 | + |
| 52 | +#### Default Color |
| 53 | + |
| 54 | +The default color is set as a read-only parameter used to reset the network worksheet background color. This is used in conjunction with the following two parameters to provide visual indicators for when a save or load operation has happened. |
| 55 | + |
| 56 | +#### BG Color |
| 57 | +This is the color that the network background will flash when you externalize a TOX - it's the visual indicator that your tox has been successfully saved. |
| 58 | + |
| 59 | +#### External Op |
| 60 | +This is the color of your operator after it's been externalized. |
| 61 | + |
| 62 | +### Python |
| 63 | + |
| 64 | +#### Default - any external file |
| 65 | + |
| 66 | +All DATs that have been externalized can be set to this color so you can more quickly identify external files. |
| 67 | + |
| 68 | +#### Python Extension - any file tagged `EXT` |
| 69 | +If an externalized Python file has been tagged with `EXT` this color will be applied to the Text DAT. This is a helpful mechanic for color coding any DATs that you are using as extensions |
| 70 | + |
| 71 | +#### Python Module - any file tagged `MOD` |
| 72 | + |
| 73 | +If an externalized Python file has been tagged with `MOD` this color will be applied to the Text DAT. This is a helpful mechanic for color coding any DATs that you are using as modules on demand |
| 74 | + |
| 75 | +### Comments |
| 76 | + |
| 77 | +Comments are a super helpful addition to TouchDesigner networks, but it can be hard to know how to use them. Borrowing from the work done in the [ToDoTree Extension for VS Code](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree) this section of parameters aims to help you color code your comments. Prepend any comment's header with a `#` and one of the identifiers: |
| 78 | + |
| 79 | +* Bug - `#BUG` |
| 80 | +* Hack - `#HACK` |
| 81 | +* Fix - `#FIXME` |
| 82 | +* Note - `#NOTE` |
| 83 | + |
| 84 | +Colors associated with these parameters will then be used to set the color of the comment in your network. |
| 85 | + |
| 86 | + |
| 87 | + |
| 88 | +## Short Cuts |
| 89 | + |
| 90 | +### `ctrl+w` |
| 91 | +The way you'll use this tox is just as if you were working as you might normally. Only, when you hit `ctrl + w`, if you're inside of a COMP that hasn't been saved externally, you'll be asked if you want to externalize that module. If you select `yes` you'll next be asked where you want to save that module. This module will then create a folder that has the same name as your component, and save the tox inside of that folder (the tox will also have the same name as the component). Better yet, this module will auto-populate the path to the external tox with the location you've selected. When you press `ctrl + w` again it will warn you that you're about to over-write your tox. If you confirm that you want to replace your tox, it will save the updated version right where your previous tox was located. |
| 92 | + |
| 93 | +### `ctrl+shift+w` |
| 94 | +In addition to saving a single file, you can also see all the components that you've changed by using this shortcut. This will open a menu of all of your external COMPs. |
| 95 | + |
| 96 | +## All TOX Components - floating window |
| 97 | + |
| 98 | + |
| 99 | + |
| 100 | +It's not always easy to remember which `COMPs` have been externalized, or to get to them quickly. The `ctrl+shift+w` hot key opens a floating window that can help you manage your external TOX files. This floating window provides a quick view of a number of different attributes for your external files. Here you can see the name, version, and last saved date for your `TOX`. There are also four quick action buttons you might use. |
| 101 | + |
| 102 | +:eye: - jump your current TD network pane to be inside of this component. If you want a fast way to navigate to parts of your TouchDesigner network this can be very helpful. |
| 103 | + |
| 104 | +:floppy_disk: - Save your TOX. You can use this button to save your TOX instead of using `ctrl+w` from inside the Component |
| 105 | + |
| 106 | +:open_file_folder: - open your file explorer to see where this TOX is located on your computer. |
| 107 | + |
| 108 | +:recycle: - reload the TOX in your network. This is equivalent to clicking on the `reload` parameter for your `COMP` |
| 109 | + |
| 110 | +:snake: - re-init your extension. If your TOX has has an extension, you can use this button to quickly reinitialize it without needing to navigate to your component. |
| 111 | + |
| 112 | +# Suggested Workflow |
| 113 | + |
| 114 | + |
| 115 | + |
| 116 | +Add the `base_save` `TOX` file into your network. You only need to add one. Save your whole project file (your `.toe`). My recommendation is create a folder for your project somewhere on your computer and to save your `.toe` file in this directory. This will make it easier to collect all of your related files close to your project file. I like keeping my `TOX` files in their own directory. I usually create a folder called something like `td-modules` where I'll save my `TOX` files. |
| 117 | + |
| 118 | +When you're in any COMP in TouchDesigner use the hot-key `ctrl + w` |
| 119 | + |
| 120 | +## Externalization Only |
| 121 | +1. Create a directory for your project |
| 122 | + |
| 123 | + |
| 124 | +2. Open TouchDesigner and save your `.TOE` file in your new directory **this is an important step** - saving your project makes sure that the member `project.folder` correct points to your `.TOE` file. |
| 125 | + |
| 126 | + |
| 127 | +3. Drop the `base_save.tox` from `touchdesigner-save-external\release` into your network - I'd recommend doing this at the root of your project, or in a place in your project specifically designed to hold other tools. I like to create a base called tools where I keep all the things that I use for development, or that any machine might need (meaning when you're thinking on a single `.TOE` file that's configured based on a machine's role) |
| 128 | + |
| 129 | + |
| 130 | +4. Create a new component, and navigate inside of this new COMP. |
| 131 | + |
| 132 | + |
| 133 | +5. Use `ctrl + w` to save your project as you might usually. |
| 134 | +6. Notice that you're now prompted to save your COMP externally - select `Yes` |
| 135 | + |
| 136 | + |
| 137 | +7. Create a new folder in your project folder called `td-modules` (this is my suggestion, though you can use any name you like). Navigate into this folder and compete the save process. |
| 138 | + |
| 139 | + |
| 140 | +8. Check finder (macOS) or explorer (windows) to see that in `td-moduels` you now have a new directory for your tox, and inside of that directory is your saved tox file. |
| 141 | + |
| 142 | + |
| 143 | + |
| 144 | +9. Notice that the color of your tox has changed so you know that it's externalized. |
| 145 | + |
| 146 | +10. Continue to work and save. Note that when you use `ctrl+w` both your project and your tox are saved. If you happen to create an external `.TOX` inside of a tox that's already externalized, you'll be prompted to save both the `parent()` and the current COMP or just the current COMP. |
| 147 | + |
| 148 | +## Using Git |
| 149 | +1. Create a new repo |
| 150 | +2. Clone / Initialize your repo locally |
| 151 | +3. Open TouchDesigner and save your `.TOE` file in your repo |
| 152 | + |
| 153 | + |
| 154 | +4. Drop the `base_save.tox` from `touchdesigner-save-external\release` into your network - I'd recommend doing this at the root of your project, or in a place in your project specifically designed to hold other tools. I like to create a base called tools where I keep all the things that I use for development, or that any machine might need (meaning when you're thinking on a single `.TOE` file that's configured based on a machine's role) |
| 155 | + |
| 156 | + |
| 157 | +5. Create a new component, and navigate inside of this COMP. |
| 158 | + |
| 159 | + |
| 160 | +6. Use `ctrl + w` to save your project as you might usually. |
| 161 | +7. Notice that you're now prompted to save your COMP externally - select `Yes` |
| 162 | + |
| 163 | + |
| 164 | +8. Create a new folder in your project folder called `td-modules` (this is my suggestion, though you can use any name you like). Navigate into this folder and compete the save process. |
| 165 | + |
| 166 | + |
| 167 | +9. Check finder (macOS) or explorer (windows) to see that in `td-moduels` you now have a new directory for your tox, and inside of that directory is your saved tox file. |
| 168 | + |
| 169 | + |
| 170 | + |
| 171 | +10. Notice that the color of your tox has changed so you know that it's externalized. |
| 172 | + |
| 173 | + |
| 174 | +11. Continue to work and save. Note that when you use `ctrl+w` both your project and your tox are saved. If you happen to create an external `.TOX` inside of a tox that's already externalized, you'll be prompted to save both the `parent()` and the current COMP or just the current COMP. |
| 175 | +12. Commit and push your work. |
| 176 | + |
| 177 | +# Additional Considerations and Suggestions |
| 178 | +At this point, you might have guess that this kind of approach works best in well structured projects. Some suggestions for organization and approach: |
| 179 | +* Think about Order and Structure - while I've structured projects lots of different ways, it's worth finding a file structure that you like and sticking with it. That might be a deeply nested structure (watch out that'll bite you if you get too deep - at least on windows), or it might be something more flat. Regardless, think about a structure and stay with it. |
| 180 | +* Make Small Simple Tools - to the best of your ability, try to make sure your modules are independent islands. That's not always possible, but if you can think carefully about creating dependencies, you'll be happier for it. Use custom parameters on your components to keep modules independent from one another. Use select operators, or In's and Out's to build connections. |
| 181 | +* Reuse that TOX - while this approach is fancy and fun, especially when working with git, it's also about making your future self happier. Thank carefully about how you might make something re-usable and portable to another project. The more you can think through how to make pieces that can easily move from project to project the more time you can spend on the fun stuff... not on the pieces that are fussy and take lots of time. |
| 182 | + |
| 183 | +# An Example Project |
| 184 | +In the folder called `sample_project` open the `Sample_project.toe` to see how this might work. |
| 185 | + |
| 186 | +# Credits |
| 187 | +### Inspired by the work of: |
| 188 | +[Anton Heestand](http://hexagons.se/) |
| 189 | +[Willy Nolan](https://github.com/computersarecool) |
| 190 | +I've had the great fortune of working with both of these find developers. I regularly use an externalization tool authored by these two developers, and this TOX is partially inspired by their work. Many thanks for a tool that keeps on working and makes using GIT with TouchDesigner something that's reasonable. |
| 191 | + |
| 192 | +### Icons |
| 193 | +[Material Design Icons by Google](https://material.io/tools/icons/?icon=save_alt&style=baseline) |
0 commit comments