FormIt for Windows
Polski
Polski
  • Wprowadzenie
  • Co nowego?
  • Możliwości programu FormIt
    • Wielu klientów
    • Modelowanie brył koncepcyjnych
    • Praca z formatami danych
    • Języki
    • Współpraca
    • Grafika prezentacji
    • FormIt + Autodesk Docs
    • FormIt + Dynamo
    • Analiza oświetlenia naturalnego i analiza energetyczna
    • FormIt + Revit
    • Program FormIt i język JavaScript do wtyczek
  • Wprowadzenie do programu FormIt
    • Często zadawane pytania
    • Wymagania wstępne i instalacja
    • Konfigurowanie projektu
    • Paski narzędzi i palety
    • Nawigowanie po scenie
  • FormIt Primer
    • Część I
      • 1.1 — Ustawianie położenia
      • 1.2 — Konfiguracja projektu z obrazami i siatką
      • 1.3 — Szkic 3D i przeciąganie powierzchni
      • 1.4 — Dodawanie kondygnacji z poziomami
      • 1.5 — Grupowanie obiektów
      • 1.6 — Sterowanie widocznością za pomocą warstw
      • 1.7 — Malowanie materiałami
      • 1.8 — Tworzenie słupów przy użyciu narzędzia Szyk
      • 1.9 — Dodawanie szczegółów
      • 1.10 — Grupy obliczeniowe w dodatku Dynamo
      • 1.11 — Importowanie modeli przy użyciu Biblioteki elementów
      • 1.12 — Style wizualne
      • 1.13 — Płaszczyzny przekroju
      • 1.14 — Eksportowanie obrazu
      • 1.15 — Praca z programem Revit
    • Część II
      • 2.1 — Narzędzie Linia odsunięcia
      • 2.2 — Zaawansowane narzędzia modelowania: Skorupa i Zakryj
      • 2.3 Proces roboczy widoku prostopadłego
      • 2.4 — Procesy robocze terenu 3D
      • 2.5 — Wtyczki
      • 2.6 — Węzły FormIt dodatku Dynamo
      • 2.7 — Narzędzia diagnostyczne
      • 2.8 — Zaawansowane procesy robocze programu Revit
      • 2.9 — Analiza oświetlenia naturalnego i analiza energetyczna w programie Insight
      • 2.10 — Sesje współpracy
  • Biblioteka narzędzi
    • Tekst 3D
    • Wyrównywanie kamery z powierzchnią
    • Łuk
    • Szyk
    • Array Along Path
    • Autozapis
    • Wycięcie logiczne
    • Przecięcie logiczne
    • Łączenie logiczne
    • Okrąg
    • Współpraca
    • Biblioteka elementów
    • Kopiuj obiekt
    • Zakrywanie, przeciąganie, wyciągnięcie złożone
    • Tworzenie panoramy
    • Płaszczyzny krzywej i powierzchni
    • Usuwanie, edytowanie, przesuwanie
    • Dynamo
    • Analiza energetyczna w usłudze Insight
    • Powierzchnie: wyciąganie, wycinanie i odsuwanie
    • Powierzchnie: spłaszczanie
    • Powierzchnie: pochylanie i spłaszczanie/wygładzanie
    • Drzewo grup
    • Grupy
    • Import i eksport danych
    • Warstwy
    • Poziomy i powierzchnia
    • Linie
    • Materiały
    • Mierzenie kąta
    • Mierzenie
    • Siatki
    • Odbicie
    • Statystyka modelu
    • Drzewo modelu
    • Modyfikowanie powierzchni, krawędzi i punktów
    • Skalowanie niejednorodne
    • Linia odsunięcia
    • Widoki prostopadłe
    • Kamera prostopadła i perspektywiczna
    • Umieszczanie prymitywów
    • Umieszczanie wierzchołka
    • Wtyczki
    • Wielobok
    • Właściwości
    • Railing Along Path
    • Prostokąt
    • Revit
    • Obracanie obiektu
    • Skalowanie obiektu
    • Sceny
    • Płaszczyzny tnące
    • Zaznaczenie
    • Ustawianie położenia
    • Słońce i cienie
    • Skorupa
    • Przyciąganie i wnioskowanie
    • Analiza oświetlenia naturalnego
    • Splajn
    • System szprosów witryny/ściany kurtynowej
    • Menedżer cofania
    • Style wizualne
    • Płaszczyzny robocze
    • Osie globalne
  • Wtyczki
    • Wprowadzenie do wtyczek
    • Jak używać wtyczek
    • Jak tworzyć wtyczki
      • Twoja pierwsza wtyczka
        • Plugin Playground
        • Uruchamianie przykładowej wtyczki
        • Dodawanie własnych funkcji
        • Zapisywanie pracy w serwisie GitHub
        • Publikowanie projektu
      • Programowanie zaawansowane
        • Korzystanie ze środowiska IDE
        • Klonowanie przykładowej wtyczki
        • Hostowanie wtyczki na serwerze lokalnym
        • Wyświetlanie podglądu wtyczki w narzędziu Plugin Manager
        • Konfigurowanie programu FormIt pod kątem programowania
        • Hostowanie wtyczki w serwisie GitHub
        • Konfiguracja ogólna wtyczki w manifeście
        • Ponowne wczytywanie w celu odzwierciedlenia zmian lokalnych
        • Mechanizmy po stronie klienta i po stronie WWW
        • Usuwanie błędów
        • Zarządzanie wersjami
      • Dodatkowe opcje programistyczne
        • Tworzenie wtyczki panelu HTML
        • Tworzenie wtyczki stanowiącej połączenie panelu HTML i paska narzędzi
        • Tworzenie wtyczki opartej na pasku narzędzi
        • Testowanie wtyczki stanowiącej połączenie panelu HTML i paska narzędzi
        • Tworzenie dodatku
        • Wywoływanie wtyczek i interfejsu API z dodatku Dynamo
    • Interfejsy API programu FormIt
    • Przykłady
      • Generate String Lights (Generuj ciągi świateł)
      • Wtyczka Manage Cameras (Zarządzaj kamerami)
      • Wtyczka Properties Plus (Właściwości Plus)
      • Kreator kontekstu 3D
      • Społeczność poświęcona wtyczkom programu FormIt
  • Dodatek
    • Skróty klawiaturowe
Powered by GitBook
On this page
  • Panele HTML, JavaScript i CSS
  • Dodawanie funkcji do tworzenia walca
  • Uruchamianie i podgląd
  • Interfejs API wtyczek programu FormIt
Edit on GitHub
  1. Wtyczki
  2. Jak tworzyć wtyczki
  3. Twoja pierwsza wtyczka

Dodawanie własnych funkcji

PreviousUruchamianie przykładowej wtyczkiNextZapisywanie pracy w serwisie GitHub

Last updated 3 years ago

Panele HTML, JavaScript i CSS

Po kliknięciu przycisku Edit (Edytuj) w przykładowej wtyczce w obszarze Plugin Playground (Zabawa z wtyczkami) zostaną wyświetlone panele HTML, JavaScript (JS) i CSS. Panel HTML (po lewej) umożliwia modyfikowanie interfejsu użytkownika wtyczki. Panel JS (środkowy) umożliwia pisanie funkcji, które mogą komunikować się z programem FormIt za pomocą interfejsu API wtyczki JS programu FormIt. Natomiast panel CSS (po prawej) określa styl HTML.

Dodawanie funkcji do tworzenia walca

Dodajmy do tej wtyczki element służący do tworzenia walca.

Najpierw skonfigurujmy pole wprowadzania i przycisk interfejsu użytkownika w panelu HTML. Skopiuj następujący kod i wklej go po 23. wierszu i przed tekstem <!-- Do not remove below scripts unless you know what you're doing- - >

Spowoduje to dodanie do wtyczki pewnch podstawowych elementów interfejsu użytkownika.

<p>Cylinder: Create a cylinder at the origin.</p>
<div>
    <input id="Radius" type=number value=2 />
    <label>Radius</label>
</div>

<div>
    <input id="CHeight" type=number value =0.5 />
    <label>Height</label>
</div>


<input id="CreateCylinderBtn" type=button value="Create Cylinder" />

Następnie dodajmy dwie funkcje w panelu JS. Skopiuj następujący kod i wklej go na końcu pliku (po 16. wierszu).

Spowoduje to utworzenie walca w obszarze roboczym programu FormIt.

// Create cylinder
const createCylinder = async (r,h) =>
{
    const posCenter = await WSM.Geom.Point3d(0,0,0);

    const histID = await FormIt.GroupEdit.GetEditingHistoryID();
    console.log(histID,posCenter,r,h);

    const cyl = await WSM.APICreateCylinder(histID,posCenter,r,h);
}


// Execute function when 'create cylinder' button is clicked
document.getElementById("CreateCylinderBtn").addEventListener("click", ()=>
{
    console.log('create cylinder clicked')

    const r = Number(document.getElementById("Radius").value);
    const h = Number(document.getElementById("CHeight").value);

    createCylinder(r,h);

});

Uruchamianie i podgląd

Interfejs API wtyczek programu FormIt

Gdy wszystko będzie gotowe do wyświetlenia wyników, ponownie kliknij przycisk Odtwórz , a aktualizacje wtyczki pojawią się w tym samym panelu.

Aby zapoznać się z pełną dokumentacją dotyczącą interfejsu API wtyczek programu FormIt, zobacz sekcję .

przydatnych łączy