Skip to content

Commit

Permalink
research bkp
Browse files Browse the repository at this point in the history
  • Loading branch information
cancerberoSgx committed Oct 3, 2019
1 parent 7c56037 commit c82631e
Show file tree
Hide file tree
Showing 115 changed files with 85,915 additions and 14,502 deletions.
57 changes: 3 additions & 54 deletions apps/README.md
Original file line number Diff line number Diff line change
@@ -1,56 +1,5 @@
ideas for apps
just research using node-gtk and gobject-instrospection related libraries to build desktop apps based on gtk-cairo and company

- [ ] ttf to bitmap - load a ttf file, choose colors, size, style and letters and download a zip with all letters as bitmaps (trans png) or a single bitmap with all the letters and .json about each letter size to easy crop them.
- [ ] Text editor: fonts, size, styles, shadows, blend with images, shades, 3d, animations, and those styles that cannot be impl without img processing tool
- [ ]
## TODO

- [x] performance in canvas - real time is possible ?with IM ?

## ideas for development

- [ ] monaco editor for syntax highlight and autocompletion for IM commands - autocompletion per command
- [ ] monaco editor for IM script language ?



## old notes


- [ ] a tool to convert ttf, ect font files to bitmaps (user can choose font size style colors shadows, background , transparency and policy to divide the glyphs - single image vs multiple images.) etc. similar to http://kvazars.com/littera/

# <Magick> react component

* apps/magica-react
* to show the result images of gicen input files and commands as react component. whyle the command is executed show a comrfigurable loading visual feedback. example:
* how to solve wewirker ?
* support input as urls, blobs, image elements, canvas els, or passing directly the File objects
* how to feedback errors / stdout, ect
```jsx
// example code - not recommended

var inputFiles = await Promise.all(this.props.imageUrls .map(async url=>await File.fromUrl(url)))
var C2 = ()=><M inputFiles={inputFiles}/>
...
class M extends Component {
render(){
return <div>
Pictures:
<ul>
{ this.props.imageUrls.map(url=><li>
<Magick
inputFiles={this.props.inputFiles}
script={`
convert <%= await inputAt(1) %> <%= await inputAt(1) %>
`}
includeIndex={[1,3]}
/>
</li>)}
</ul>
</div>
}
}
```

- [ ] react components or generic html widgets that acts viewers. COnfigurable to provide different experiences:
* Shows just the output images resulting from commandsw
* shows a compilete playground experience where users can upload / select input images interactively, change the command, show / filter output image files. and these components layouts.
- [ ] src/inspect.js to ts
Loading

0 comments on commit c82631e

Please sign in to comment.