Inicio>Recursos para la creación de sitios web>Otros recursos
Descargar

Editor de sombras

Inglés / 中文 | Servidor de Windows | Servidor ubuntu | Demostración web | sitio web oficial

Nota: El servidor es una versión compilada con MongoDB incorporado, ejecutar start.bat o start.sh para comenzar y visitar http://localhost:2020 en Google Chrome. La versión de Windows requiere Visual C++ Redistributable for Visual Studio 2015 .

¡Albricias! La versión basada en VITE4 + VUE3 + TS5 + Ant-Disign-Vue7 llegará pronto. Haga clic aquí para ver más detalles.

  • Nombre: Editor de sombras
  • Versión: V0.6.1 (próximamente)
  • Descripción: Editor de escenas 3D multiplataforma basado en Three.JS, Golang y MongoDB.
  • Fuente: Github Gitee | Documento: Gitee | Demo: Github Gitee | Video: Weibo Bilibili | Activos: BaidunetDisk (RFJA)
  • Pila de tecnología: HTML, CSS, JavaScript, Rollup, React.js, WebGL, Three.JS, Golang, MongoDB, NodeJS, Electron, Buffers de protocolos.
  • Si es útil para usted, done para apoyarnos. ¡gracias!

Versión de código abierto

Versión profesional

V0.6.1 llegará pronto

A partir de v0.6.1 , ShadowEditor solo proporciona características principales y API extendidas, y otras características se proporcionarán en las extensiones, al igual que VScode. Nos desarrollaremos en la rama dev .

  1. Corrige el error que algunas versiones de los errores de la lista de administración de tipos de tipos de GO.
  2. Ocultar la pestaña de la versión del historial del modelo.
  3. Cuando se selecciona el sprite, el borde ya no se muestra.
  4. SEGURAR ESCURO DE ESTILO DESPLODA DE SEARDFIELD.

V0.6.0 ha lanzado

  • Fecha de lanzamiento: 24 de julio de 2021
  • Registros de actualización:
  1. Solucione el error que crea una nueva conexión Mongo cuando se solicite.
  2. Verifique la VR en la barra de estado para habilitar VR.
  3. Establecer la transformación de la escena.
  4. Cómo aparecer una ventana cuando haga clic en un objeto: https://gitee.com/tengge1/shadoweditor/issues/i3apgi
  5. Puede habilitar https en config.toml .
  6. Agregue el evento en el navegador móvil al script: onTouchStart , onTouchEnd , onTouchMove .
  7. Actualice three.js a R130.
  8. Agregue el evento VR al script: onVRConnected , onVRDisconnected , onVRSelectStart , onVRSelectEnd .
  9. El controlador VR todo en uno es compatible con el controlador, por ejemplo: HTC Vive.
  10. Corrige el error de eliminar el script.
  11. Solucione un error que Geometry no se puede serializar debido a la actualización de three.js
  12. Agregue material polygonOffset , polygonOffsetFactor , Configuración de visualización de parámetros polygonOffsetUnits para resolver el problema del conflicto de profundidad.
  13. Solucione un error que el componente en malla no puede guardar el atributo visible .
  14. El modelo de tipo Bin ya no es compatible.
  15. Corrige el error de textura de cubos.
  16. Reescribe todo el prototype a class ES6 en el código fuente.
  17. Retire el módulo visual.
  18. Corrige un error que no copie la textura de Skyball al exportar una escena.
  19. Arregle la lluvia y los chinches de la nieve.
  20. Modifique el color y la iluminación de fondo, para no agregar el mismo color que el fondo y dificultar la ver con claridad.
  21. Arregle el error del emisor de partículas.
  22. Arregle el insecto de tela.
  23. Corrige el error de la sombra de configuración dinámica.

Lista de funciones

  • General
    • Multiplataforma
      • Windows, Linux, Mac
      • Escritorio, web
    • Soporte de varios idiomas
      • Inglés 、中文、繁體中文、日本語、한국어、 русий、 le français
    • Gestión de activos
      • escena, malla, textura, material, audio, animación, captura de pantalla, video, tipo de letra
    • Gestión de la autoridad
      • Organización, usuario
      • papel, autoridad
      • Registro, inicio de sesión, modificación de contraseña
    • Gestión de versiones
      • Historia de la escena y registros
      • deshacer, rehacer, guardar automático
    • Jugador
      • Reproducir animaciones en la escena en tiempo real, y puede reproducir la pantalla completa y en la nueva ventana
    • Ajustes
      • Visualización, renderizador, ayudantes, filtro, clima, modo de control, modo de selección, modo Agregar, idioma
  • Edición de escena pequeña
    • Agregar malla
      • 3DS, 3MF, AMF, Assimp, AWD, Babilonia, 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
    • Objetos incorporados
      • grupo
      • Plano, cubo, círculo, cilindro, esfera, icosaedro, toro, toro, nudo, tetera, torno
      • texto sin calcular, texto 3D
      • segmentos de línea, curva de catmullrom, curva de bezier cuadrática, curva de bezier cúbico, curva de elipse
      • marcas de puntos
      • Ayudante de flecha, Helper de hachas
      • duende
    • Luces incorporadas
      • luz ambiental, luz direccional, luz de punto, foco de atención, luz hemisférica, luz de área recta
      • Luz de punto, luz hemisférica, rect de área de área de área rect
    • Componentes incorporados
      • música de fondo, emisor de partículas
      • cielo, fuego, agua, humo, tela
      • Terreno de Berlín, Esfera del cielo
    • Edición de materiales
      • Linebasicmaterial, forradahedmaterial, meshbasicmaterial, en maleta, deficiente, malormalmaterial
      • Meshlambertmaterial, Meshphongmaterial, PointsMaterial, MeshandardMaterial, MeshphysicalMaterial
      • Spritematerial, shadermaterial, rawhadermaterial
    • Postprocesamiento
      • IMAGEN AFEMA, BOKEH, Pantalla de puntos, FXAA, Glitch
      • Salvio de medias, píxeles, RGB Shift, Sao
      • SMAA, SSAA
      • Ssao, taa
    • Edición de texto
      • Edición de JavaScript con inteligencia
      • edición de sombreador
      • edición de archivos json
    • Exportación de malla
      • GLTF 、 OBJ 、 CLY 、 STL 、 COLLADA 、 DRACO
    • Edición de escena
      • Publicar escena como recursos estáticos, y se puede integrar en iframe
    • Ejemplos
      • Arkanoid, cámara, partícula, ping pong, sombreador
    • Herramientas generales
      • Seleccione, ban, gire, zoom
      • Vista de perspectiva, vista frontal, vista lateral, vista superior, modo de estructura alámbrica
      • Captura de pantalla, registro
      • Punto de dibujo, línea de dibujo, dibujar polígono, rociar
      • Medir distancia
    • Otros
      • VR: cartón, HTC Vive, Chrome, Firefox
      • Motor de física de bala
  • Controles de UI
    • Lienzo
    • Formulario: botón, casilla de verificación, formato, FormControls, IconButton, IconMenubutton, ImageButton, Entrada, Etiqueta, LinkButton, Radio, Searchfield, Select, TextARea, Toggle
    • Icono
    • Imagen: Imagen, ImageList, ImageSelector, Imageuploader
    • Diseño: Absolutelayout, AccordionLayout, BorderLayout, HboxLayout, Tablelayout, VboxLayout
    • Menú: ContextMenu, Menubar, Menubarfiller, Menuitem, Menuitemseparator, Menutab.
    • Panel
    • Progress: Loadmask
    • Propiedad: ButtonProperty, ButtonSproperty, CheckBoxProperty, ColorProperty, DisplayProperty, IntegerProperty, NumberProperty, PropertyGrid, PropertyGroup, SelectProperty, TextProperty, TexturePerty
    • SVG
    • Tabla: DataGrid, Tabla, TableBody, Tablecell, Tablehead, Tablerow
    • Línea de tiempo
    • Barra de herramientas: barra de herramientas, barra de herramientas, barra de herramientas
    • Árbol
    • Ventana: alerta, confirmar, mensaje, foto, indicador, tostada, video, ventana

Requisitos

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

Lo siguiente solo se requiere cuando desea construir desde la fuente.

  1. Golang 1.14.2+
  2. NodeJS 14.1+
  3. GCC 9.3.0+ ( tdm-gcc , MinGW-w64 o MinGW en Windows, y asegúrese de que se pueda acceder gcc a través de la línea de comando)
  4. GIT 2.25.1+

Nota: El número de versión es solo para referencia.

Descargar y compilar

Puede usar GIT para descargar el código fuente. 

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

En China , github es realmente lento, puedes usar gitee . 

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

Construya en Windows y Ubuntu

Versión web:

  1. Si está en China , ejecute npm run set-proxy para establecer el proxy Golang y NodeJS.
  2. Ejecute npm install para instalar las dependencias de NodeJS.
  3. Ejecute npm run build para construir el servidor y la web.
  4. Editar build/config.toml y modifique el host y el puerto MongoDB.
  5. Ejecute npm start a iniciar el servidor. Ahora puede visitar: http://localhost:2020 .
  6. Si habilita https en el archivo de configuración. Visite: https://localhost:2020 .

Versión de escritorio:

  1. Descargue MongoDB y descúplalo en la carpeta utils/mongodb .
  2. Construir versión web.
  3. Ejecute npm run build-desktop para construir una aplicación de escritorio en la carpeta build/desktop .

Instalar como servicio de Windows

  1. Abra PowerShell o cmd en la carpeta build como administrador.
  2. Ejecutar .ShadowEditor install para instalar ShadowEditor como un servicio.
  3. Ejecutar .ShadowEditor start a comenzar el servicio ShadowEditor.
  4. Ahora puede visitar: http://localhost:2020 .
  5. También puede administrar este servicio en Windows Services Manager .

Instalar como servicio Ubuntu

  1. Editar ./scripts/service_linux/shadoweditor.service , establezca la ruta correcta.
  2. Ejecute sudo cp ./scripts/service_linux/shadoweditor.service /etc/systemd/system/ .
  3. Ejecute sudo systemctl daemon-reload para recargar el Daemon de servicio.
  4. Ejecute sudo systemctl start shadoweditor para iniciar el servicio.
  5. Ejecutar sudo systemctl enable shadoweditor para iniciar el servicio automático.

Uso de la línea de comandos 

 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.

Guía de desarrollo

  1. Descargue e instale NodeJs , golang , MongoDB y Visual Studio Code .
  2. Se recomienda instalar las siguientes extensiones de VScode que pueden ser útiles. 
 ESLint, Go, Shader languages support for VS Code, TOML Language Support.

Uso de scripts de 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.

Que contribuye

Expandirse para ver los detalles

ShadowEditor es un proyecto tanto para usuarios como para desarrolladores. Puede contribuir y probar su idea en este proyecto. Sin pensión, pero mucha diversión. Para contribuir, deberías:

  1. Bifurca el repositorio.
  2. Crear rama Feat_xxx.
  3. Cometer su código.
  4. Crear solicitud de extracción.

Nota: No envíe binarios grandes, o la Pull Request puede ser rechazada. Si es necesario, puede agregar los archivos o directorios para ignorar el archivo .gitignore .

Preguntas frecuentes

Expandirse para ver los detalles
  1. Falló cuando cargue modelos.

Debe comprimir los activos del modelo en un archivo zip , y el archivo de entrada no puede anidarse en una carpeta. El servidor descomprimirá y lo pondrá en la carpeta ./build/public/Upload/Model y agregará un registro en la colección MongoDB _Mesh .

  1. ¿Cómo combinar múltiples modelos juntos?

La geometría básica admite múltiples niveles de anidación. Puede agregar un group (en el menú de geometría) y luego arrastrar múltiples modelos al group en el panel Hierachy .

  1. ¿Cómo habilitar la autoridad?

Editar config.toml y true authority.enabled . El nombre de usuario del administrador predeterminado es admin y la contraseña es 123456 .

  1. El informe Brower asm.js has been disabled because the script debugger is connected. Please disconnect the debugger to enable asm.js. Error.

Error completo : ASM.JS ha sido deshabilitado porque el depurador del script está conectado. Desconecte el depurador para habilitar ASM.JS. Ammo.js (1,1) script1028: script1028: identificador esperado, cadena o número shadoweditor.js (3948,8) script5009: 'shadow' no está definido.

Solución : el navegador Tencent no admite ammo.js (WebAssembly) compilado con Emscripten , se recomienda usar Chrome o Firebox en su lugar.

  1. ¿Cómo puedo actualizar de la versión C# a Golang?

La estructura de datos y el cliente web no se cambian, solo copie ./ShadowEditor.Web/Upload/ carpeta para build/public/Upload/ .

  1. La versión de escritorio no se puede abrir.

Windows requiere Visual C++ Redistributable for Visual Studio 2015 . Puede instalar desde: https://www.microsoft.com/en-us/download/details.aspx?id=48145
Si no se puede abrir la versión de escritorio, puede ver logs.txt ; Si el puerto entra en conflicto, puede modificar el MongoDB y los puertos del sitio web en resources/app/config.toml .

  1. ¿Cómo puedo crear un certificado HTTPS?

Instalar openssl , y el cliente GIT ya contiene uno; Abra cmd , Powershell o shell , y ejecute los siguientes comandos: 

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

Entre los archivos generados, certificate.pem está el certificado, y privatekey.pem es la clave.

Licencia

Licencia de MIT

Proyectos de código abierto

Expandirse para ver los detalles

Gracias a los siguientes proyectos de código abierto.

https://github.com/golang/go
https://github.com/burntsushi/toml
https://github.com/dgrijalva/jwt-go
https://github.com/dimfeld/httptreemux
https://github.com/inconshrevible/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-driver

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/teenjs/teen.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

Expandir
Información adicional
Aplicaciones relacionadas
Recomendado para ti
Información relacionada Todo