Startseite>Ressourcen zum Erstellen von Websites>Andere Ressourcen
Herunterladen

Schattenredakteur

Englisch / 中文 | Windows Server | Ubuntu Server | Webdemo | offizielle Website

HINWEIS: Der Server ist eine kompilierte Version mit integriertem MongoDB, start.sh start.bat http://localhost:2020 Die Windows -Version erfordert Visual C++ Redistributable for Visual Studio 2015 .

Gute Nachrichten! Die Version basierend auf VITE4 + VUE3 + TS5 + Ant-Design-Vue7 wird in Kürze erfolgen. Klicken Sie hier, um weitere Details anzuzeigen.

  • Name: Shadow Editor
  • Version: v0.6.1 (bald kommt)
  • Beschreibung: plattformübergreifender 3D-Szene-Editor basierend auf drei.js, Golang und MongoDB.
  • Quelle: Github Gitee | Dokument: Gitee | Demo: Github Gitee | Video: Weibo Bilibili | Vermögenswerte: Baidunetdisk (RFJA)
  • Technologiestack: HTML, CSS, JavaScript, Rollup, React.js, WebGL, Three.js, Golang, MongoDB, Nodejs, Elektronen, Protokollpuffer.
  • Wenn Sie Ihnen hilfreich sind, spenden Sie bitte, um uns zu unterstützen. Danke!

Open Source -Version

Pro -Version

v0.6.1 kommt bald

Ab v0.6.1 bietet ShadowDitor nur Kernmerkmale und erweiterte APIs, und andere Funktionen werden in den Erweiterungen genau wie VSCODE bereitgestellt. Wir werden uns im dev -Zweig entwickeln.

  1. Beheben Sie den Fehler, den einige Versionen der GO -Schriftliste für GO -Typa -Verwaltungslisten berichten.
  2. Verstecken Sie die Registerkarte "Modellverlauf".
  3. Wenn das Sprite ausgewählt ist, wird der Rand nicht mehr angezeigt.
  4. Fixes Searchfield Dropdown Style -Fehler.

v0.6.0 hat veröffentlicht

  • Erscheinungsdatum: 24. Juli 2021
  • Protokolle aktualisieren:
  1. Beheben Sie den Fehler, der bei Anforderung eine neue Mongo -Verbindung erstellt.
  2. Überprüfen Sie VR in der Statusleiste, um VR zu aktivieren.
  3. Set -Szene -Transformation.
  4. So popupieren Sie ein Fenster, wenn Sie auf ein Objekt klicken: https://gitee.com/tengge1/shadoweditor/issues/i3apgi
  5. Sie können https in der config.toml aktivieren.
  6. Fügen Sie Event im mobilen Browser zum Skript hinzu: onTouchStart , onTouchEnd , onTouchMove .
  7. Aktualisieren Sie three.js auf R130.
  8. Fügen Sie dem Skript ein VR -Ereignis hinzu: onVRConnected , onVRDisconnected , onVRSelectStart , onVRSelectEnd .
  9. VR All-in-One-Griff-Controller unterstützt, zum Beispiel: HTC Vive.
  10. Beheben Sie den Fehler des Löschens des Skripts.
  11. Beheben Sie einen Fehler, dass Geometry aufgrund des Upgrades von three.js nicht serialisiert werden kann.
  12. Fügen Sie Material polygonOffset , polygonOffsetFactor , polygonOffsetUnits Parameter Visualisierungseinstellungen hinzu, um das Problem des Tiefenkonflikts zu lösen.
  13. Beheben Sie einen Fehler, den die Komponente in Mesh das visible Attribut nicht speichern kann.
  14. Bin Modelltypmodell wird nicht mehr unterstützt.
  15. Fix Cube Texture Bug.
  16. Schreiben Sie den gesamten prototype in die ES6 class im Quellcode um.
  17. Entfernen Sie das visuelle Modul.
  18. Beheben Sie einen Fehler, der die Skyball -Textur nicht kopiert, wenn Sie eine Szene exportieren.
  19. Reparieren Sie Regen und Schneewanzen.
  20. Ändern Sie die Hintergrundfarbe und -beleuchtung, um nicht die gleiche Farbe wie der Hintergrund hinzuzufügen, und machen Sie es schwierig, klar zu sehen.
  21. Fixpartikel -Emitterfehler beheben.
  22. Stofffehler reparieren.
  23. Beheben Sie den Fehler des dynamischen Einstellungsschattens.

Feature -Liste

  • Allgemein
    • Plattformübergreifend
      • Windows, Linux, Mac
      • Desktop, Web
    • Multisprachiger Unterstützung
      • English 、中文、繁體中文、日本語、한국어、 рсский、 Le Français
    • Vermögensverwaltung
      • Szene, Netz, Textur, Material, Audio, Animation, Screenshot, Video, Schriftart
    • Autoritätsmanagement
      • Organisation, Benutzer
      • Rolle, Autorität
      • Registrierung, Anmeldung, Passwortänderung
    • Versionsverwaltung
      • Szenengeschichte und Protokolle
      • rückgängig machen, automatisch retten
    • Spieler
      • Spielen Sie Animationen in der Szene in Echtzeit und können Vollbild und in einem neuen Fenster abspielen
    • Einstellungen
      • Anzeige, Renderer, Helfer, Filter, Wetter, Steuermodus, Auswahlmodus, Hinzufügen von Modus, Sprache
  • Kleine Szenenbearbeitung
    • Netz hinzufügen
      • 3ds, 3mf, AMF, Annahme, AWD, Babylon, BVH, Collada, CTM
      • Draco, FBX, GCODE, GLTF, GLB, JS, KMZ, LMESH, MD2, PMD, PMX
      • NRRD, OBJ, PCD, PDB, PLY, PRWM, SEA3D, STL, VRM, VRML, VTK, X.
    • Integrierte Objekte
      • Gruppe
      • Ebene, Würfel, Kreis, Zylinder, Kugel, Ikosaeder, Torus, Torusknoten, Teekanne, Drehmaschine
      • Unentschiedener Text, 3D -Text
      • Liniensegmente, Catmullrom -Kurve, quadratische Bezier -Kurve, kubische Bezier -Kurve, Ellipsekurve
      • Punktmarkierungen
      • Pfeilhelfer, Achsenhelfer
      • Sprite
    • Eingebaute Lichter
      • Umgebungslicht, Richtlicht, Punktlicht, Scheinwerfer, halbkugelförmiges Licht, Richtbereich Licht
      • Punktlicht, halbkugelförmiger Licht, Richtbereich Lichthilfe
    • Integrierte Komponenten
      • Hintergrundmusik, Partikelemitter
      • Himmel, Feuer, Wasser, Rauch, Stoff
      • Berlin Terrain, Sky Sphere
    • Materialbearbeitung
      • LineBasicmaterial, lindedhedmaterial, meshbasicmaterial, meshdeptheutin, meshnormalmaterial
      • Meshhlambertmaterial, meshphongmaterial, punktematerial, messtandardmaterial, meshphysikalischmaterial
      • Spritematerial, Shadermaterial, Rawshadermaterial
    • Nachbearbeitung
      • After-Image, Bokeh, DOT-Bildschirm, FXAA, Panne
      • Halbton, Pixel, RGB -Verschiebung, SAO
      • SMAA, SSAA
      • SSAO, TAA
    • Textbearbeitung
      • JavaScript -Bearbeitung mit Intelligenz
      • Shader -Bearbeitung
      • JSON -Datei Bearbeitung
    • Netzexport
      • gltf 、 obj 、 ply 、 stl 、 collada 、 draco
    • Szenenveröffentlichung
      • Veröffentlichen Sie die Szene als statische Ressourcen und können in Iframe eingebettet werden
    • Beispiele
      • Arkanoid, Kamera, Partikel, Tischtenand, Shader
    • Allgemeine Werkzeuge
      • Wählen Sie, umwannen, drehen, zoomen
      • Perspektivansicht, Vorderansicht, Seitenansicht, Top -Ansicht, Drahtmodus
      • Screenshot, Aufzeichnung
      • Zeichnen Sie Punkt, Zeichnen Sie Linie, zeichnen Sie Polygon, sprühen Sie
      • Abstand messen
    • Andere
      • VR: Karton, HTC Vive, Chrome, Firefox
      • Bullet Physics Engine
  • UI -Kontrollen
    • Leinwand
    • Formular: Schaltfläche, Kontrollkästchen, Formular, FormControls, IconButton, IconMenubutton, ImageButton, Eingabe, Etikett, Linkbutton, Radio, SearchField, Select, TextArea, Toggle
    • Symbol
    • Bild: Bild, Imagelist, Imageselector, ImageUploader
    • Layout: Absolutelayout, AkkordeionLayout, BorderLayout, HBoxLayout, Tablelayout, VboxLayout
    • Menü: Kontextmenu, Menubar, Menubarfiller, Menuitem, Menuitemseparator, Menutab.
    • Panel
    • Fortschritt: Loadmask
    • Eigenschaft: ButtonProperty, ButtonsProperty, CheckboxProperty, ColorProperty, DisplayProperty, IntegerProperty, NumberProperty, PropertyGrid, PropertyGroup, SelectProperty, TextProperty, TextureProperty
    • Svg
    • Tabelle: DataGrid, Tabelle, TableBody, TableCell, Tablehead, Tablerow
    • Zeitleiste
    • Symbolleiste: Symbolleiste, ToolBarfiller, Symbollbarseparator
    • Baum
    • Fenster: Alarm, Bestätigung, Nachricht, Foto, Eingabeaufforderung, Toast, Video, Fenster

Anforderungen

  1. MongoDB v3.6.8+
  2. Chrom 81.0+ oder Firefox 75.0+

Das Folgende ist nur erforderlich, wenn Sie aus der Quelle erstellen möchten.

  1. Golang 1.14.2+
  2. Nodejs 14.1+
  3. GCC 9.3.0+ ( tdm-gcc , MinGW-w64 oder MinGW unter Windows, und stellen Sie sicher, dass gcc über die Befehlszeile zugegriffen werden kann.
  4. Git 2.25.1+

Hinweis: Die Versionsnummer dient nur als Referenz.

Herunterladen und kompilieren

Sie können Git verwenden, um den Quellcode herunterzuladen. 

git clone https://github.com/tengge1/ShadowEditor.git

In China ist github sehr langsam, Sie können stattdessen gitee verwenden. 

git clone https://gitee.com/tengge1/ShadowEditor.git

Erstellen Sie sowohl an Windows als auch auf Ubuntu

Webversion:

  1. Wenn Sie in China sind, führen Sie npm run set-proxy aus, um Golang und NodeJS-Proxy festzulegen.
  2. Führen Sie npm install aus, um NodeJS -Abhängigkeiten zu installieren.
  3. Führen Sie npm run build um den Server und das Web zu erstellen.
  4. Bearbeiten Sie build/config.toml und ändern Sie den MongoDB -Host und den Port.
  5. Führen Sie npm start um den Server zu starten. Sie können jetzt besuchen: http://localhost:2020 .
  6. Wenn Sie https in der Konfigurationsdatei aktivieren. Bitte besuchen Sie: https://localhost:2020 .

Desktop -Version:

  1. Laden Sie MongoDB herunter und entpacken Sie es im Ordner utils/mongodb .
  2. Webversion erstellen.
  3. Führen Sie npm run build-desktop , um eine Desktop-App im Ordner build/desktop zu erstellen.

Installieren Sie als Windows -Service

  1. Öffnen Sie PowerShell oder cmd im build -Ordner als Administrator.
  2. Ausführen .ShadowEditor install , um ShadowDeDitor als Dienst zu installieren.
  3. Run .ShadowEditor start den ShadowDitor -Dienst.
  4. Jetzt können Sie besuchen: http://localhost:2020 .
  5. Sie können diesen Service auch im Windows Services Manager verwalten.

Installieren Sie als Ubuntu -Service

  1. Bearbeiten ./scripts/service_linux/shadoweditor.service
  2. Führen Sie sudo cp ./scripts/service_linux/shadoweditor.service /etc/systemd/system/ .
  3. Führen Sie sudo systemctl daemon-reload aus, um den Service-Daemon neu zu laden.
  4. Führen Sie sudo systemctl start shadoweditor aus, um den Dienst zu starten.
  5. Führen Sie sudo systemctl enable shadoweditor .

Befehlszeilenverbrauch 

 PS E:githubShadowEditorbuild> .ShadowEditor
ShadowEditor is a 3D scene editor based on three.js, golang and mongodb.
This application uses mongodb to store data.

Usage:
  ShadowEditor [command]

Available Commands:
  debug       Debug service on Windows
  help        Help about any command
  install     Install service on Windows
  serve       Start server
  start       Start service on Windows
  stop        Stop service on Windows
  version     Print the version number

Flags:
      --config string   config file (default "./config.toml")
  -h, --help            help for ShadowEditor

Use "ShadowEditor [command] --help" for more information about a command.

Entwicklungsleitfaden

  1. Laden Sie NodeJs , golang , MongoDB und Visual Studio Code herunter und installieren Sie sie.
  2. Es wird empfohlen, die folgenden VSCODE -Erweiterungen zu installieren, die hilfreich sein können. 
 ESLint, Go, Shader languages support for VS Code, TOML Language Support.

NPM -Skripte Verwendung: 

 npm install:            install nodejs dependencies.
npm run build:          build the server and web client.
npm run build-server:   build only the server. (For development)
npm run build-web:      build only the web client. (For development)
npm run build-desktop:  build the desktoop version.
npm run dev:            build the web client automatically when files changes.(For development)
npm run copy:           Copy assets from web folder to build folder.
npm run start:          start the web server.
npm run set-proxy:      set golang and nodejs proxy. (In China only)
npm run unset-proxy:    unset golang and nodejs proxy.
npm run install-dev:    install golang development tools.
npm run eslint:         check js files and fix errors automatically.
npm run clean:          delete the web and desktop builds.
npm run clear:          delete useless nodejs packages.

Beitragen

Erweitern Sie, um Details anzuzeigen

ShadowDitor ist ein Projekt sowohl für Benutzer als auch für Entwickler. Sie können Ihre Idee zu diesem Projekt beitragen und versuchen. Keine Rente, aber viel Spaß. Um einen Beitrag zu leisten, sollten Sie:

  1. Geben Sie das Repository auf.
  2. Erstellen Sie feat_xxx agan.
  3. Verpflichten Sie Ihren Code.
  4. Pull -Anfrage erstellen.

HINWEIS: Senden Sie keine großen Binärdateien oder die Pull Request kann abgelehnt werden. Bei Bedarf können Sie die Dateien oder Verzeichnisse hinzufügen, die in die .gitignore -Datei ignoriert werden sollen.

Häufig gestellte Fragen

Erweitern Sie, um Details anzuzeigen
  1. Fehlgeschlagen, wenn Modelle hochladen.

Sie müssen das Modellvermögen in eine zip -Datei komprimieren, und die Eintragsdatei kann nicht in einem Ordner verschachtelt werden. Der Server ./build/public/Upload/Model und setzt es in den _Mesh .

  1. Wie kombinieren Sie mehrere Modelle miteinander?

Die grundlegende Geometrie unterstützt mehrere Nistniveaus. Sie können eine group (im Menü Geometrie) hinzufügen und dann mehrere Modelle in die group im Hierachy -Feld ziehen.

  1. Wie kann man Autorität aktivieren?

true config.toml und authority.enabled Der Standard -Administrator -Benutzername ist admin und das Kennwort ist 123456 .

  1. Der Brower -Bericht asm.js has been disabled because the script debugger is connected. Please disconnect the debugger to enable asm.js. Fehler.

Vollständiger Fehler : ASM.JS wurde deaktiviert, da der Skript -Debugger verbunden ist. Bitte trennen Sie den Debugger, um ASM.Js. munmo.js (1,1) script1028: script1028: erwartete Kennung, String oder Nummer ShadowDitor.js (3948,8) script5009: 'Shadow' ist nicht definiert.

Lösung : Tencent Browser unterstützt ammo.js (WebAssembly) nicht mit Emscripten . Es wird empfohlen, stattdessen Chrome oder Firebox zu verwenden.

  1. Wie kann ich von C# auf Golang -Version aktualisieren?

Die Datenstruktur und build/public/Upload/ Web -Client werden nicht geändert ./ShadowEditor.Web/Upload/

  1. Die Desktop -Version kann nicht geöffnet werden.

Windows benötigt Visual C++ Redistributable for Visual Studio 2015 . Sie können installieren: https://www.microsoft.com/en-us/download/details.aspx?id=48145
Wenn die Desktop -Version nicht geöffnet werden kann, können Sie logs.txt anzeigen. Wenn der Port konflikt, können Sie die MongoDB- und Website -Ports in resources/app/config.toml ändern.

  1. Wie kann ich ein HTTPS -Zertifikat erstellen?

Installieren Sie openssl und Git -Client enthält bereits einen; Öffnen Sie cmd , Powershell oder shell und führen Sie die folgenden Befehle aus: 

openssl genrsa -out privatekey.pem 1024
openssl req -new -key privatekey.pem -out certrequest.csr
openssl x509 -req -in certrequest.csr -signkey privatekey.pem -out certificate.pem

Unter den generierten Dateien befindet sich das Zertifikat certificate.pem und privatekey.pem ist der Schlüssel.

Lizenz

MIT -Lizenz

Open Source -Projekte

Erweitern Sie, um Details anzuzeigen

Vielen Dank an die folgenden Open -Source -Projekte.

https://github.com/golang/go
https://github.com/burntsushi/toml
https://github.com/dgrijalva/jwt-go
https://github.com/dimfeld/httpTreemux
https://github.com/inconshrevelable/mousetrap
https://github.com/json-iterator/go
https://github.com/mozillazg/go-pinyin
https://github.com/otiai10/copy
https://github.com/sirupsen/logrus
https://github.com/spf13/cobra
https://github.com/spf13/viper
https://github.com/urfave/negrroni
https://go.mongodb.org/mongo-griver

https://github.com/facebook/react
https://github.com/mrdoob/three.js
https://github.com/rollup/rollup
https://github.com/babel/babel
https://github.com/eslint/eslint
https://github.com/rollup/rollup-plugin-babel
https://github.com/rollup/rollup-plugin-commonjs
https://github.com/rollup/rollup-plugin-json
https://github.com/rollup/rollup-plugin-node-resolve
https://github.com/egoist/rollup-plugin-postcss
https://github.com/rollup/rollup-plugin-replace
https://github.com/mjeanroy/rollup-plugin-strip-banner
https://github.com/andyearnshaw/rollup-plugin-bundle-worker

https://github.com/tweenjs/tween.js
https://github.com/jedwatson/classnames
https://github.com/d3/d3-dispatch
https://github.com/i18next/i18next
https://github.com/js-cookie/js-cookie
https://github.com/facebook/prop-types
https://github.com/codemirror/codemirror
https://github.com/jquery/esprima
https://github.com/tschw/glslppep.js
https://github.com/zaach/jsonlint
https://github.com/acornjs/acorn
https://github.com/kripken/ammo.js
https://github.com/dataarts/dat.gui
https://github.com/toji/gl-matrix
https://github.com/squarefeet/ShaderParticleEngine
https://github.com/mrdoob/stats.js
https://github.com/mrdoob/texgen.js
https://github.com/yomotsu/volumetricfire
https://github.com/jonbretman/amd-to-as6
https://github.com/chandlerpall/theecsg

Expandieren
Zusätzliche Informationen
Ähnliche Anwendungen
Empfohlen für Sie
Ähnliche Nachrichten Alle