Skip to content

otdm yss multisvg

Jump to bottom
Bartlomiej Ceglik edited this page Feb 18, 2023 · 11 revisions

Legend:

. - adding your svg to list

. - supported triks

. . - Examples

. . - TODO

Automatic information from otdm-yss-multisvg .deb/control

Package: otdm-yss-multisvg

Version: 0.2.1

Section: base

Priority: optional

Architecture: all

Maintainer: B.Ceglik yoyoek@wp.pl

Homepage: /~https://github.com/yOyOeK1/oiyshTerminal/tree/main/ySS_calibration/sites/multiSVG

Depends: otdm-yss

Description: yss Site for starting clean .svg files and fast fast HMI !

Dependencies:

otdm-yss

multi SVG

You can use any .svg drawing app. I'm using inkscape. It's nice, known, opensource vector editor.

Text if you want to change text in them they need to be as text not paths. Object should be a paths not objects if you whant to do any thing with them different then "onclick".

adding your svg to list

In ./ySS/sites/multiSVG you have s_multiSVGPage.js there is a "svgsList" for now you can add your name of a file :)

supported triks

This is a short explanation what it's suporting:

  • by name of a object - name of object in .svg is a bind info for binding mechanizm. Upcomming msg from mqtt topic "and/xRot" will be loking for "and_xRot" object name. If it's a text (not object) default option will be to add text to it as it's

  • using description feald:

    • basic overwrite of setting function use sentence in descriptio:
{
"use":"putText( this,  degToHdg( val )+'`' )"
}

This in a example of a discription in object properties from "inkscape". It will use function "putText" value will be run pass "deToHdg".

  • this - is a object where is description.

  • val - is a upcomming value

  • valRaw - as alternative if you whant it will use value without brackets.

So you can see it's a wrapper for all possible action to use with .svg :)

  • you can define onclick from drawing app :) In inkscape it's possible to set "onclick" function :) So adding:

    mulSvgOnClick('mqtt=1,topic=and/bt0,payload=click')

    It will send to mqtt, topic "and/bt0" with value "click".

Examples

yss and Faaast site! (youtube) yss Faaast Attack - as chrome extension (youtube)

TODO

  • now on on ws message callback parser do only one object.

  • interactivity do it need a name of a function? I'm all ready parsing .svg

  • more examples

  • shader don't work good it can be yss-bug

otdm family:

index cmqtt2mysql db-init db-init-dummy grafana-ds-MySql installer-dummy intranetrepo-debianish intranetrepo-termux mqtt-installer mqtt-installer-dummy mrepo termux-wake-lock node-red-installer node-red-installer-dummy nrf-yss nrf-ot-test nrf-audio-onhost nrf-hhbell-binary yss yss-calibration yss-autopilot-v3-svg yss-multisvg yss-basic-sail yss-iloo-nav yss-music-sync yss-iloo-nav-3d yss-3d-compass1 yss-test-three-js yss-test-functions yss-imagehistorye yss-test-functionse yss-otdme tools

Clone this wiki locally