Page d'accueil>Ressources de création de sites Web>Autres ressources
Télécharger

Éditeur de l'ombre

Anglais / 中文 | Windows Server | Serveur Ubuntu | Demo Web | site officiel

Remarque: Le serveur est une version compilée avec MongoDB intégré, exécuter start.bat ou start.sh pour démarrer, et visitez http://localhost:2020 dans Google Chrome. La version Windows nécessite Visual C++ Redistributable for Visual Studio 2015 .

Bonnes nouvelles! La version basée sur Vite4 + Vue3 + TS5 + Ant-Design-Vue7 arrive bientôt. Cliquez ici pour voir plus de détails.

  • Nom: éditeur de l'ombre
  • Version: V0.6.1 (à venir bientôt)
  • Description: Éditeur de scène 3D multiplateforme basé sur Three.js, Golang et MongoDB.
  • Source: GitHub Gitee | Document: Gitee | Demo: GitHub Gitee | Vidéo: Weibo Bilibili | Actifs: BaineTetDisk (RFJA)
  • Stack technologique: HTML, CSS, JavaScript, Rollup, React.js, Webgl, Three.js, Golang, MongoDB, Nodejs, Electron, Protocol Buffers.
  • S'il vous est utile, veuillez faire un don pour nous soutenir. merci!

Version open source

Version pro

V0.6.1 arrive bientôt

À partir de v0.6.1 , ShadowEditor fournit uniquement des fonctionnalités de base et des API étendues, et d'autres fonctionnalités seront fournies dans les extensions, tout comme VScode. Nous nous développerons dans la branche dev .

  1. Corrigez le bug selon lequel certaines versions des erreurs de rapport de la liste GO TypeFace Management.
  2. Masquez l'onglet Version History du modèle.
  3. Lorsque le sprite est sélectionné, la bordure n'est plus affichée.
  4. Correction du bug de style déroulant SearchField.

V0.6.0 a été publié

  • Date de sortie: 24 juillet 2021
  • Mettre à jour les journaux:
  1. Correction du bug qui crée une nouvelle connexion Mongo lors de la demande.
  2. Vérifiez VR dans la barre d'état pour activer VR.
  3. Fixer la transformation de la scène.
  4. Comment remplir une fenêtre lorsque vous cliquez sur un objet: https://gitee.com/tengge1/shadoweditor/issues/i3apgi
  5. Vous pouvez activer https dans la config.toml .
  6. Ajoutez un événement dans le navigateur mobile au script: onTouchStart , onTouchEnd , onTouchMove .
  7. Mettre à niveau three.js vers R130.
  8. Ajoutez un événement VR au script: onVRConnected , onVRDisconnected , onVRSelectStart , onVRSelectEnd .
  9. VR All-in-One Handle Controller prend en charge, par exemple: HTC Vive.
  10. Correction du bug de la suppression du script.
  11. Correction d'un bug selon lequel Geometry ne peut pas être sérialisée en raison de la mise à niveau de three.js .
  12. Ajouter le matériau polygonOffset , polygonOffsetFactor , polygonOffsetUnits Paramètre Paramètres de visualisation pour résoudre le problème du conflit de profondeur.
  13. Correction d'un bug que le composant dans Mesh ne peut pas enregistrer l'attribut visible .
  14. Le modèle de type Bin n'est plus pris en charge.
  15. Correction du bug de la texture du cube.
  16. Réécrivez tout le prototype de class ES6 dans le code source.
  17. Retirez le module visuel.
  18. Correction d'un bug qui ne copie pas la texture Skyball lors de l'exportation d'une scène.
  19. Correction de la pluie et de la neige.
  20. Modifiez la couleur de l'arrière-plan et l'éclairage, afin de ne pas ajouter la même couleur que l'arrière-plan et rendre difficile de voir clairement.
  21. Correction du bug de l'émetteur de particules.
  22. Correction d'un bug en tissu.
  23. Correction du bug de l'ombre du réglage dynamique.

Liste de fonctionnalités

  • Général
    • Multiplateforme
      • Windows, Linux, Mac
      • Bureau, web
    • Support multi-langues
      • Anglais 、中文、繁體中文、日本語、한국어、 рссeй、 le Français
    • Gestion des actifs
      • scène, maillage, texture, matériel, audio, animation, capture d'écran, vidéo, police
    • Gestion des autorités
      • organisation, utilisateur
      • rôle, autorité
      • Enregistrement, connexion, modification du mot de passe
    • Gestion de la version
      • Histoire et journaux de la scène
      • défaire, refaire, économie automatique
    • Joueur
      • Jouez aux animations dans la scène en temps réel et peut jouer à l'écran plein et dans une nouvelle fenêtre
    • Paramètres
      • Affichage, rendu, assistants, filtre, météo, mode de contrôle, mode sélection, mode ajouter, langue
  • Édition de petite scène
    • Ajouter un maillage
      • 3DS, 3MF, AMF, Asimp, 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
    • Objets intégrés
      • groupe
      • plan, cube, cercle, cylindre, sphère, icosaèdre, tore, nœud tore, théière, tour
      • Texte non à l'échelle, texte 3D
      • Segments de ligne, courbe de catmullrom, courbe de Bezier quadratique, courbe de Bezier cubique, courbe d'ellipse
      • marques de points
      • Aide à la flèche, aide à haches
      • lutin
    • Lumières intégrées
      • Lumière ambiante, lumière directionnelle, lumière ponctuelle, projecteur, lumière hémisphérique, lumière de la zone de rect
      • lumière ponctuelle, lumière hémisphérique, aigrette de lumière de la zone RECT
    • Composants intégrés
      • Musique de fond, émetteur de particules
      • ciel, feu, eau, fumée, tissu
      • Terrain de Berlin, Sky Sphere
    • Édition des matériaux
      • Lignebasicmaterial, linedashmedmaterial, maillage du maillage, meshdepthmaterial, maillage
      • MeshlambertMaterial, Meshphongmaterial, Pointsmaterial, MeshstandardMaterial, MeshphysicalMaterial
      • Sprintematerial, shirmaterial, rawshaderaterial
    • Post-traitement
      • Après-image, bokeh, écran de point, FXAA, glitch
      • Halftone, Pixel, RVB Shift, SAO
      • Smaa, ssaa
      • SSAO, TAA
    • Édition de texte
      • Édition JavaScript avec intelligence
      • Édition de shader
      • Édition de fichiers JSON
    • Exportation
      • gltf 、 obj 、 pli 、 stl 、 collada 、 draco
    • Publication de scène
      • Publier la scène comme ressources statiques et peut être intégrée dans iframe
    • Exemples
      • Arkanoïde, caméra, particule, ping-pong, shader
    • Outils généraux
      • Sélectionnez, Pan, tournonnez, zoom
      • Vue en perspective, vue avant, vue latérale, vue de dessus, mode wireframe
      • Capture d'écran, enregistrement
      • Point de dessin, tracer la ligne, dessiner du polygone, pulvériser
      • Mesurer la distance
    • Autres
      • VR: Cardboard, HTC Vive, Chrome, Firefox
      • Moteur de physique des balles
  • Commandes d'interface utilisateur
    • Toile
    • Formulaire: bouton, case à cocher, formulaire, Contrôles de formul
    • Icône
    • Image: Image, Imagelist, ImagesElector, ImageUploadher
    • Disposition: AbsoluteLayout, AccepionLayout, BorderLayout, HboxLayout, TableLayout, VBoxLayout
    • Menu: ContextMenu, Menubar, Menubarfiller, Menuitem, Menuitemseparator, Menutab.
    • Panneau
    • Progrès: chargement de masque
    • Propriété: ButtonProperty, ButonsProperty, CheckboxProperty, ColorProperty, DisplayProperty, IntegerProperty, NumberProperty, PropertyGrid, PropertyGroup, SelectProperty, TextProperty, TextureProperty
    • SVG
    • Table
    • Chronologie
    • Barre d'outils: barre d'outils, barre d'outils, barre d'outils
    • Arbre
    • Fenêtre: alerte, confirmer, message, photo, invite, toast, vidéo, fenêtre

Exigences

  1. MongoDB v3.6.8 +
  2. Chrome 81.0+ ou Firefox 75.0+

Ce qui suit n'est requis que lorsque vous souhaitez construire à partir de la source.

  1. Golang 1.14.2+
  2. Nodejs 14.1+
  3. GCC 9.3.0+ ( tdm-gcc , MinGW-w64 ou MinGW sur Windows, et assurez-vous que gcc peut être accessible via la ligne de commande)
  4. git 2.25.1+

Remarque: le numéro de version est uniquement pour référence.

Télécharger et compiler

Vous pouvez utiliser GIT pour télécharger le code source. 

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

En Chine , github est vraiment lent, vous pouvez utiliser gitee à la place. 

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

Construire sur Windows et Ubuntu

Version Web:

  1. Si vous êtes en China , exécutez npm run set-proxy pour définir le proxy Golang et NodeJS.
  2. Exécutez npm install pour installer les dépendances NodeJS.
  3. Exécutez npm run build pour créer le serveur et le Web.
  4. Modifiez build/config.toml et modifiez l'hôte et le port MongoDB.
  5. Exécutez npm start pour lancer le serveur. Vous pouvez maintenant visiter: http://localhost:2020 .
  6. Si vous activez https dans le fichier de configuration. Veuillez visiter: https://localhost:2020 .

Version de bureau:

  1. Téléchargez MongoDB et décompressez-le dans le dossier utils/mongodb .
  2. Créer une version Web.
  3. Exécutez npm run build-desktop pour créer une application de bureau dans le dossier build/desktop .

Installer comme service Windows

  1. Open PowerShell ou cmd dans le dossier build en tant qu'administrateur.
  2. Exécutez .ShadowEditor install pour installer ShadowEditor en tant que service.
  3. Exécutez .ShadowEditor start à commencer le service ShadowEditor.
  4. Vous pouvez maintenant visiter: http://localhost:2020 .
  5. Vous pouvez également gérer ce service dans le Windows Services Manager .

Installer comme service Ubuntu

  1. Edit ./scripts/service_linux/shadoweditor.service , définissez le bon chemin.
  2. Exécutez sudo cp ./scripts/service_linux/shadoweditor.service /etc/systemd/system/ .
  3. Exécutez sudo systemctl daemon-reload pour recharger le démon de service.
  4. Exécutez sudo systemctl start shadoweditor pour démarrer le service.
  5. Exécutez sudo systemctl enable shadoweditor pour démarrer automatiquement.

Utilisation de la ligne de commande 

 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.

Guide de développement

  1. Téléchargez et installez le code NodeJs , golang , MongoDB et Visual Studio Code .
  2. Il est recommandé d'installer les extensions VScode suivantes qui peuvent être utiles. 
 ESLint, Go, Shader languages support for VS Code, TOML Language Support.

Utilisation des scripts NPM: 

 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.

Contributif

Se développer pour afficher les détails

ShadowEditor est un projet pour les utilisateurs et les développeurs. Vous pouvez contribuer et essayer votre idée sur ce projet. Pas de pension, mais beaucoup de plaisir. Pour contribuer, vous devez:

  1. Fourk le référentiel.
  2. Créer une branche FEAT_XXX.
  3. Engagez votre code.
  4. Créer une demande de traction.

Remarque: ne soumettez pas de gros binaires, ou la Pull Request peut être rejetée. Si nécessaire, vous pouvez ajouter les fichiers ou répertoires à ignorer dans le fichier .gitignore .

Questions fréquemment posées

Se développer pour afficher les détails
  1. Échec lors du téléchargement des modèles.

Vous devez compresser les actifs du modèle dans un fichier zip et le fichier d'entrée ne peut pas être imbriqué dans un dossier. Le serveur décompressera et le mettra dans le dossier ./build/public/Upload/Model , et ajoutera un enregistrement dans la collection MongoDB _Mesh .

  1. Comment combiner plusieurs modèles ensemble?

La géométrie de base prend en charge plusieurs niveaux de nidification. Vous pouvez ajouter un group (dans le menu de géométrie), puis faire glisser plusieurs modèles sur le group dans le panneau Hierachy .

  1. Comment permettre l'autorité?

Modifier config.toml et définir authority.enabled à true . Le nom d'utilisateur de l'administrateur par défaut est admin et le mot de passe est 123456 .

  1. Le rapport Brower asm.js has been disabled because the script debugger is connected. Please disconnect the debugger to enable asm.js. Erreur.

Erreur complète : ASM.JS a été désactivé car le débogueur du script est connecté. Veuillez déconnecter le débogueur pour activer ASM.JS. Ammo.js (1,1) script1028: script1028: identifiant attendu, chaîne ou numéro ShadowEditor.js (3948,8) script5009: 'shadow' n'est pas défini.

Solution : Tencent Browser ne prend pas en charge ammo.js (WebAssembly) compilé avec Emscripten , il est recommandé d'utiliser Chrome ou Firebox à la place.

  1. Comment puis-je passer de la version C # à Golang?

La structure de données et le client Web ne sont pas modifiés, il suffit de copier ./ShadowEditor.Web/Upload/ Le dossier à build/public/Upload/ .

  1. La version de bureau ne peut pas être ouverte.

Windows nécessite Visual C++ Redistributable for Visual Studio 2015 . Vous pouvez installer à partir de: https://www.microsoft.com/en-us/download/details.aspx?id=48145
Si la version de bureau ne peut pas être ouverte, vous pouvez afficher logs.txt ; Si le port est en conflit, vous pouvez modifier les ports MongoDB et le site Web dans resources/app/config.toml .

  1. Comment puis-je créer un certificat HTTPS?

Installer openssl et GIT Client en contient déjà un; Ouvrez cmd , Powershell ou shell , et exécutez les commandes suivantes: 

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

Parmi les fichiers générés, certificate.pem est le certificat et privatekey.pem est la clé.

Licence

Licence MIT

Projets open source

Se développer pour afficher les détails

Merci aux projets open source suivants.

https://github.com/golang/go
https://github.com/burnsushi/toml
https://github.com/dgrijalva/jwt-go
https://github.com/dimfeld/httptreemux
https://github.com/inconshrebeable/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/negroni
https://go.mongodb.org/mongo-diver

https://github.com/facebook/react
https://github.com/mrdoob/there.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-dode-resolve
https://github.com/egoist/rollup-plugin-postcsss
https://github.com/rollup/rollup-plugin-replace
https://github.com/mjeanroy/rollup-plugin-trip-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/glslprep.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/chandlerprall/threecsg

Développer
Informations supplémentaires
Applications connexes
Recommandé pour vous
Actualités connexes Tout