Skip to content

Latest commit

 

History

History
562 lines (318 loc) · 29.5 KB

manual_ro.md

File metadata and controls

562 lines (318 loc) · 29.5 KB
Raw

Orobo.ro

Despre

Oroboro este o platformă deschisă pentru proiectarea colaborativă în SVG (grafică vectorială scalabilă).

Cum se utilizează acest manual

  • (!) = Facilitate la locul de muncă

Bug-uri cunoscute

  • Atunci când nu se poate selecta un element / grup, după o acțiune, vă rugăm să faceți clic din meniul de control pe butonul reload al fișierului sau reîncărcarea paginii.
  • Atunci când creați un grup parametrizat (cu PointSymmetry, LineSymmetry, ItemArray) puteți selecta grupul numai prin selectarea elementului original (calea) utilizat pentru crearea sau prin utilizarea Shift + trageți mouse-ul.

Caracteristici unice

  • Colaborarea în direct (orice modificare făcută de un designer va fi redată instant pentru toţi utilizatorii cu permisiuni de vizionare sau editare asupra documentului)

  • Bază de date on-line a operelor reutilizabile (oricine poate reutiliza lucrări sau părți din baza de date publică)

  • Functie de Morphing pentru animații (în lucru)

  • Animație 2D (în lucru)

  • grafica SVG turtle

  • Redare fractal şi vectorială de reguli matematice

  • Operații booleene pe poligoane, cu posibilitatea de a transforma elemente cu curbe în poligoane cu mai multe linii

  • Mod de prezentare pentru lucrările create (de asemenea, poate fi folosit ca o aplicatie Power Point sau ca o galerie de portofoliu)

  • Protocoale de gestionare a drepturilor de atribuire

  • Gratuit

De ce SVG

  • Toate problemele legate de scalarea la diferite rezoluții (pentru proiectarea aplicațiilor mobile, componente de jocuri etc.) au dispărut. Pot fi scalate la infinit!
  • Nu există pixeli urâţi când măriți
  • Semantic Web prietenos
  • Posibilități nelimitate de extindere: animație, benzi desenate, atlase cu componente SVG și straturi de conectori și etichete.

Open Design & Open Source

Acesta este un proiect open source, sub licență GPLv3. Oroboro va rămâne liber pentru oricine care contribuie comunitaţii prin eliberarea muncii lor sub o licență comparabilă. Ne gandim la gazduirea unui numar limitat de lucrari private gratuit.

Noi dorim să construim o comunitate de design axată pe abilitarea de colaborare și reutilizare, la fel ca comunitățile open source pentru programatori. Imparţiţi pentru a primi la rândul vostru și pentru a va face observat.

Cum să incepeţi

  • (singura metodă de creeare a unui element) Crearea de noi elemente se face prin apăsarea butonului addElement din filebrowser și apoi editarea lui (aspect, geometrie, punctele path-ului etc.)

Filebrowser

Meniu Filebrowser

Editare fișier

Clonare fișier

Ștergere fișier

Export fișier

Vizualizare fișier

Iconiţele din Filebrowser

Folder

Această pictogramă vă arată că fișierul are copii structurale sub ea.

Director

Această pictogramă vă arată că fișierul are grupuri sub ea pe care le puteți naviga, până la elementele pe care le conține.

FileBrowser Breadcrumbs

Aceasta este calea folderului curent, cu rădăcina Oroboro ca primul miez.

Editorul Oroboro

Caracteristici generale

  • Mărire și micșorare cu mouse-ul
  • Pan făcând clic pe fundalul alb și trăgând
  • De / blocare pan & zoom făcând clic pe pictograma de blocare din dreapta jos
  • Minimap a documentului (fișier) și pânza (fundal alb), în colțul din dreapta jos
  • Selectare elemente făcând clic pe acestea, selectii multiple cu Shift + clic pe acestea sau prin utilizarea Shift + tragere.

Articole

Tipuri de elemente

Cale
Cale simplă
  • Doar linii drepte: 'M870 512L153 925L153 98L870 512Z'
  • Important pentru a face operații booleene)
Cale Complexă
  • Cu toate curbele simplificate pentru curbe Bezier cubice: 'M112 512C112 291 291 112 512 112 912 291 112C732 912 733 733 912 512C912 512 912C291 912 112 733 112 512Z')
Raster Image
Text
Cale parametrizată
Căi simple parametrizate
Căi complexe parametrizate

Căi bazate pe Funcții ######

####### Grafice carteziene pentru funcții

De exemplu, 3 * Math.sin (3 * x) este funcția utilizată pentru

####### Grafice polare pentru Funcții

De exemplu, Math.cos (7/4 * x) este funcția utilizată pentru

Mai multe funcții pentru spirala archimedeană și trandafiri polari la graficele de ecuații polare. Asigurați-vă că oferiţi o gamă suficient de mare pentru unghiul polar theta.

Formulele
  • Latex Input

De exemplu, e = mc ^ 2 este formula utilizată pentru

QRcode
Markdown
iFrame
Canvas
HTML
NestedSvg

Articole speciale

Conector
Gradient

Modificare a elementelor

Aspectul Elementelor
  • Umplere: culoare, opacitate
  • Contur: culoare, latime, dasharray, linecap, linejoin, opacitate
  • Opacitate generală
Poziţia Elementelor

Comenzile meniului

Controlul exact cu valori numerice: coordonate x,y, coordonatele centrului, lățime, înălțime, unghiul de rotație.

Cu mouse-ul
  • Tragere
  • Selectare
  • Shift + trageți pentru menținerea raportul.
perspectivă 3D

După selectarea unui element, faceți clic pe butonul din dreapta jos sau apăsați pe Alt + 3. Shift + trageți pentru menținerea raportul.

Acest lucru poate fi folosit pentru a crea umbre. De exemplu: clonare formă , se aplică un 0,5 opacitate / culoare gri click pe butonul de perspectiva, apoi click pe unul dintre puncte si trage-ti pana obtine-ti forma dorită :)

Fine Tuning Căi (path-uri)

Caleaeste directionata cu ajutorul mouse-lui (după selectarea unui element, faceți click pe butonul din stânga jos sau apăsați Alt + P):

  • = punctul de cale

  • = primul punct (subcalea)

  • = adaugă un punct nou

  • = atractor curba

  • Informaţii puncte de cale si atractori curbă

  • Șterge puncte de cale - dublu click pe

  • Șterge curba - dublu click pe una din curbele lui

  • Adaugă punct simplu (linie dreaptă) - click pe

  • Adaugă punct curba (2 curbe) - Shift + click pe

Punctul de control al căilor din meniul (Puncte submeniu) (!) - fiecare punct poate fi mutat la coordonatele furnizate.

Grupuri

Tipuri de grupuri

Layer

Fiecare fișier are cel puțin un strat sub care sunt grupate elementele.

Grup simplu

Orice grup svg clasic, care conține elemente: <g> </ g>

Grup parametrizat

Grupuri speciale care au funcții care pot sa dicteze comportamentul / tiparele elementelor conținute

Grupuri de editare

Grupul Transform

Valori neutre matrice: 1,0,0,1,0,0. Valoare semnificație:

  1. scală pe axa x
  2. oblic pe axa x
  3. oblic pe axa y
  4. scara pe axa y
  5. traduce pe axa x
  6. traduce pe axa y

Fișiere

Tipuri de fisiere

SVG
PNG
JPEG
JavaScript
CSS
Text

Tipuri de fișiere speciale

Format

Editarea fișierelor

[]

Informații fișier

Info submeniu: creator, rezoluție, cale, titlul fișierului, permisiuni de editare, răsfoire fişier în File Browser, reîncărcați fișierul, resetview (Revenirea camerei in poziţia iniţială) .

Permisiuni fișier ######

Info submeniu. Adăugați adrese de e-mail separate prin virgulă:, Adresele de e-mail trebuie să aibă un cont oroboro.

[]

Operații generale ###

** din meniul de control, operațiunile sunt în submeniul Acțiuni; unele dintre ele au comenzi rapide de la tastatură

Codul sursă
  • Vizualiza și editarea codului sursă SVG a fișierului: faceți clic pe source (meniul de control al fișierului)
  • vizualiza și edita codul sursă de 1 /> articole și grupuri: selectați obiecte / grupuri, apoi faceți clic pe source (meniu de control)
Clone

Clonare obiecte / grupuri în interiorul fișierului, în cadrul elementului original.

  • Selectați elemente / grupuri, apoi faceți clic pe Clone (meniu de control)
  • Selectaţi elemente / grupuri, apoi apăsați pe Alt + C
Ștergere

Ștergeți elementele / grupuri din dosar.

  • Selectaţi elemente / grupuri, apoi faceți clic pe Delete (meniu de control)
  • Selecta elemente / grupuri, apoi apăsați pe Alt + D
Se aduce la Față

Adu element / grup în față, care suprapun alte elemente (!)

  • Selectaţi element / grup, apoi faceți clic pe toFront (meniu de control)
  • Selectaţi element / grup, apoi apăsați pe Alt + F
Trimite Înapoi

Trimite element / grup în spate, fiind suprapus de toate celelalte elemente (!)

  • Selectaţi element / grup, apoi faceți clic pe (meniu de control) toBack
  • Selectaţi element / grup, apoi apăsați pe Alt + B
Selectați părinte grup

Selectați grupul care conține elementul / grup (dacă nu este un strat).

  • Selectaţi element / grup, apoi faceți clic pe toGroup (meniu de control)
  • Selectaţi element / grup, apoi apăsați pe Alt + Săgeată în sus
Creați un grup principal

Creați un grup care conține elementele selectate / grupuri

  • Selectați elemente / grupuri, apoi faceți clic pe group (meniu de control)
  • Selectați elemente / grupuri, apoi apăsați pe Alt + G
Import Selector

Creați un grup care conține elementul original și selectorul prezent în acel moment (selectorul care poate fi tras, selectorul de puncte, selectorul 3D).

  • Selectați element, apoi faceți clic pe importSelector (meniu de control)
  • Selectați elementul, apoi apăsați pe Alt + I

Operațiuni

Operațiuni Path
Închide / Deschide calea

Închide / deschide calea

  • Selectați calea, apoi faceți clic pe closeOpen (meniu de control) pentru opțiunea de comutare
Răsucire Orizontală

Răsucire element pe orizontală

  • Selectați calea, apoi faceți clic pe mirrorH (meniu de control)
Răsucire Herticală

Răsucire element pe verticala

  • Selectați calea, apoi faceți clic pe mirrorV (meniu de control)
Inversare Căi

Inversarea căilor.

  • selectați calea, apoi faceți clic pe reverse (meniu de control)
Intersectare Căi

Join 1 /> căi într-o singură formă cu subpaths.

  • Shift selectați căi, apoi faceți clic pe joinPaths (meniu de control)
Split, Subpaths din Cale

subpaths separate pentru a forma elemente separate.

  • Selectați calea, apoi faceți clic pe splitPaths (meniu de control)
Grup Point Symmetry

Creați un Parametrized Group folosind calea selectată și un punct cu coordonate x și y pentru construirea de clone simetrice ale căii, în raport cu punctul dat.

  • Selectați calea, apoi faceți clic pe pointSymmetry (meniu de control)
  • Grupul parametrizat va avea toate caracteristicile prezentate în subcapitolul parametrizat Group.

Cu această caracteristică se pot realiza spirale.

Grup Line Symmetry

Creați un Group Parametrizat folosind calea selectată și o anumită linie pentru construirea de clone simetrice ale căii, în raport cu linia.

  • Selectați calea, apoi faceți clic pe lineSymmetry (meniu de control)
  • Grupul parametrizat va avea toate caracteristicile prezentate în subcapitolul parametrizat Group.
Grup Item Array

Creați un Parametrized Group folosind calea aleasă pentru construirea de clone ale căii aranjate într-un format de matrice .

  • Selectați calea, apoi faceți clic pe itemArray (meniu de control)
  • Grupul parametrizat va avea toate caracteristicile prezentate în subcapitolul parametrizat Group.

Puteți face acum cu ușurință modele și dale și chiar mozaicare.

Operațiuni Path combinate

Putem combina operațiunile de mai sus pentru a crea obiecte complexe și modele.

Acest model de tip fagure a fost creat folosind Item Array cu - obținută prin utilizarea Point Symmetry cu

Acest model a fost creat folosind Item Array cu - obținută prin utilizarea Punctul Symmetry cu

Această spirală a fost creat folosind point symmetry și Funcții Polare. este generat de Math.cos (7 / 4 * x) (arunca o privire la intervalul unghiului polar). Dacă vom selecta această cale și faceți clic pe genPath din meniu, vom obține un path obişnuit, care poate fi utilizat cu toate acestea: . În acest caz, prin selectarea și făcând clic pe pointSymmetry din meniu.

Operațiuni Path simple

Operațiuni Boolean ######

####### Uniune

Creează o altă cale de unirea căile selectate.

  • selectați căi, apoi faceți clic pe union (meniu de control)

####### Diferență

Creează un alt articol din diferența dintre căile.

  • Selectați căi, apoi faceți clic pe difference (meniu de control)

####### XOR

Creează un alt articol din XOR căilor.

  • Selectați căi, apoi faceți clic pe xor (meniu de control)

####### Intersecție

Creează un alt articol din intersecția căilor.

  • Selectați căi, apoi faceți clic pe intersection (meniu de control)
Operațiuni Path complexe
Simplificați

  • Transforma curbele în mai multe linii drepte

  • Numărul de puncte afișate în colțul din stânga sus al ecranului

  • Acest lucru este foarte important pentru imitarea operații booleene cu trasee complexe: vă simplifica în primul rând calea complexă și transformarea acesteia într-o cale simplă și apoi să-l utilizați pentru unire, XOR etc.

  • selectați calea, apoi faceți clic pe simplify (meniu de control)

Aceasta este o cale simplă - un cerc format din linii drepte, cu 104 de puncte.

Morphing 2 Căi

  • Cadre Morph: Shift + clic pe elemente + selectați tipul Morph (morphopt) + mouse-ul poziția tragere Morph (morphpos) -> primul element dat click = sursa, doilea element dat click = destinație;

Animație

(!) Mai multe tipuri de animație între trasee simple bazate pe caracteristica Morph

Operations Group

Faceți clic pe grup / faceți clic pe element din grup + Alt + Săgeată în sus pentru selectarea unui grup.

Transformarea

Transformare submeniul din meniul de control controlează opțiunile de transformare pentru grup. Transformări sunt întotdeauna aplicate în subteran ca matrice.

Reset Matrix

Resetarea matrice la valori neutre.

  • selectați grupul, apoi faceți clic pe reset (meniu de control)
Modificare Matrix
  • Grup select, apoi șir edita matrice și apoi apăsați Enter
Transform Opțiuni

Chiar dacă se pare că puteți schimba opțiunile transforma în mod individual, de fapt, Orobo.ro calculează și utilizează matrici pentru toate transformă.

####### Scară

  • ScaleX = scara pe axa x
  • ScaleY = scara pe axa y
  • Grup select, apoi modificați / faceți clic pe caseta de intrare + trageți în sus-jos pentru schimbarea valorilor la scară

####### Oblic

  • SkewX = oblic pe axa x
  • SkewY = oblic pe axa y
  • Grup select, apoi modificați / faceți clic pe caseta de intrare + trageți în sus-jos pentru a schimba valorile oblic

####### Traduceți

  • TranslateX = traduce pe axa x
  • TranslateY = traduce pe axa y
  • Grup select, apoi modificați / faceți clic pe caseta de intrare + trageți în sus-jos pentru modificarea traduce valorile

####### Rotire

  • Grup select, apoi edit / faceți clic pe caseta de intrare + trageți în sus-jos pentru a schimba valoarea de rotire în grade.
Degrupeaza

Elementele se degrumează

  • Grup select, apoi faceți clic pe ungroup (meniu de control)
  • Grup select, apoi apăsați pe Alt + U
Toggle Lock

Comutați proprietatea de blocare a unui grup; atunci când este adevărat, puteți selecta direct grupul puteţi efectua acțiuni pe el; atunci când este fals, puteți selecta drect elementele de sub el (a se vedea toGroup pentru cum se ajunge la grupul unui articol).

  • Grup select, apoi faceți clic pe toggLock (meniu de control)
  • Grup select, apoi apăsați pe Alt + L

Operațiuni Layer

Straturile sunt prezentate ca dreptunghiuri colorate pal, în partea dreaptă a ecranului.

  • Click strat: arata numai elementele de pe acel strat
  • Strat dublu clic: ascunde strat din ecranul principal
  • Shift + clic strat: strat și șterge toate elementele / grupurile de sub el
  • Dublu clic pe stratul superior din dreapta (alb): a crea un nou layer
  • Click strat superior din dreapta (alb): prezinta toate straturile
  • Click element + clic strat: mutați elementul pe stratul de făcut clic

Operațiuni de fișiere

acţiuni submeniul

  • Deschidere sursa: vizualizare și editare sursă SVG
  • SaveNew: face o copie a întregului dosar și deschide fișierul nou într-o altă filă
  • AddElement: adaugă un element de bază de date publică la dosar

În Plan

  • Versiune de lansare 0.0.5 cu un timp mai rapid de încărcare și interacțiune
  • Export fişier / element / grup ca png
  • Animație 2D
  • Aplicații mobile (tablete, telefoane)
  • Descărca toate lucrările personale în toate formatele
  • Integrarea fractalilor în editorul vectorial