截屏

简介

Archer is a visual design tool to create interactive SVG graphics. You can integrate these reactive vector graphic visualizations in your website, app, human machine interface (HMI) or use it for an Internet of Things (loT) project. Start with any SVG file and intuitively design how the graphical elements should react to your data. Integrate it in your software project with minimal coding efforts.

Archer is not a classic SVG animation tool. You define your graphics behavior along a value range where you can also define key frames to change the SVG elements style. For that, no coding is needed. When you use the graphic in your app, you simply set the variable value with one line of JavaScript code. The graphic will then react as you designed it in the Archer editor.

Archer interactive graphics are based on the standard web technologies SVG and JavaScript and run cross-platform on mobile apps using WebView (iOS, Android), Apache Cordova and desktop apps based on Electron, nw.js or any other web container.

• take advantage of the resolution independent format SVG
• use your favorite vector drawing tool to create a graphic, eg. Adobe Illustrator, Inkscape, Affinity Designer
• import the SVG file in the Archer Editor and make the graphic dynamic
• make your SVG interactive with click events

Key Features of the Archer Editor
• define variables that will drive your graphical transformations
• create transformations that rotate, translate, scale or change the style of graphic elements
• replace text and images according to variable values
• get immediate visual feedback of your graphic’s behaviour
• use keyframes to design specific states of the graphic
• add/remove linear interpolations between keyframes
• time based transitions
• behaviour copy/paste

You can save a lot of time by using Archer. Software developers do not need to code the behaviour of a dynamic graphic. Interaction and user interface designers can always use their favorite illustration tool and use Archer only for the animations. By directly using the SVG for the implementation you can be sure that the user gets the exact same graphic that was designed. No design reviews needed. No re-coding of the graphic. Archer lets graphic designers and software developers focus on what they can do best.

Examples where Archer interactive SVG graphics can be used:
- Home automation visualisations
- Facility management systems
- Industrial SCADA interactive visualisations
- All sensor data of IoT things: sensor conditions of trains, washing machines, etc.
- Condition monitoring visualisations
- SVG as user interface for interactive Arduino projects
- Art installations
- Design mock-ups to quickly transform static SVG into dynamic interactive graphics
- Any software project that has a 'fancy user interface' requirement


The Archer Runtime JavaScript Library is under the MIT Open Source License.

新内容

版本 1.2.1

- Stability Improvements
- Minor Bug Fixes

评分及评论

5.0(满分 5 分)
1 个评分

1 个评分

信息

供应商
byteAgenten gmbh
大小
49.5 MB
兼容性

OS X 10.9.0 或更高版本,64 位处理器

语言

简体中文, 丹麦文, 乌克兰文, 俄文, 保加利亚文, 克罗地亚文, 加泰罗尼亚文, 匈牙利文, 博克马尔文挪威文, 印地文, 印度尼西亚文, 古吉拉特文, 土耳其文, 坎那达文, 塞尔维亚文, 孟加拉文, 希伯来文, 希腊文, 德文, 意大利文, 拉脱维亚文, 捷克文, 斯洛伐克文, 斯洛文尼亚文, 斯瓦希里文, 日文, 法文, 波兰文, 波斯文, 泰卢固语音乐, 泰文, 泰米尔语音乐, 爱沙尼亚文, 瑞典文, 立陶宛文, 繁体中文, 罗马尼亚文, 芬兰文, 英文, 荷兰文, 菲律宾文, 葡萄牙文, 西班牙文, 越南文, 阿布哈西亚文, 阿拉伯文, 韩文, 马拉地文, 马拉雅拉姆文, 马来文

年龄分级
4+
Copyright
价格
¥283.00

支持

  • 家人共享

    启用“家人共享”后,此 App 最多可供 6 名家庭成员使用。