Página Inicial>Recursos de construção de sites>Outros recursos
Baixar

Editor de sombras

Inglês / 中文 | Servidor Windows | Servidor Ubuntu | Demonstração da Web | Site oficial

NOTA: O servidor é uma versão compilada com MongoDB embutido, execute start.bat ou start.sh para iniciar e visite http://localhost:2020 no google chrome. A versão do Windows requer Visual C++ Redistributable for Visual Studio 2015 .

Boas notícias! A versão baseada no vite4 + vue3 + ts5 + form-design-vue7 está chegando em breve. Clique aqui para ver mais detalhes.

  • Nome: Editor de sombras
  • Versão: v0.6.1 (em breve)
  • Descrição: Editor de cenas 3D de plataforma cruzada com base em três.js, Golang e MongoDB.
  • Fonte: Github Gitee | Documento: Gitee | Demonstração: Github Gitee | Vídeo: Weibo Bilibili | Ativos: BaidunetDisk (RFJA)
  • Pilha de tecnologia: HTML, CSS, JavaScript, Rollup, React.Js, WebGL, Three.Js, Golang, MongoDB, NodeJs, Electron, Buffers de Protocolo.
  • Se for útil, doe -nos para nos apoiar. obrigado!

Versão de código aberto

Versão pro

v0.6.1 está chegando em breve

A partir da v0.6.1 , o Shadoweditor fornece apenas recursos principais e APIs estendidas, e outros recursos serão fornecidos nas extensões, assim como o VSCode. Vamos desenvolver na filial dev .

  1. Corrija o bug que algumas versões dos erros do GO Typeface Management List.
  2. Ocultar a guia da versão do histórico do modelo.
  3. Quando o sprite é selecionado, a borda não é mais exibida.
  4. Corrija o Bug do estilo suspenso de Searchfield.

v0.6.0 foi lançado

  • Data de lançamento: 24 de julho de 2021
  • Atualizar logs:
  1. Corrija o bug que cria uma nova conexão Mongo quando a solicitação.
  2. Verifique a VR na barra de status para ativar a VR.
  3. Definir a transformação da cena.
  4. Como aparecer uma janela ao clicar em um objeto: https://gitee.com/tengge1/shadoweditor/issues/i3apgi
  5. Você pode ativar https no config.toml .
  6. Adicione o evento no navegador móvel ao script: onTouchStart , onTouchEnd , onTouchMove .
  7. Atualize three.js para R130.
  8. Adicione o evento VR ao script: onVRConnected , onVRDisconnected , onVRSelectStart , onVRSelectEnd .
  9. VR Allin-One Handle Controller suporta, por exemplo: HTC Vive.
  10. Corrija o bug da exclusão de script.
  11. Corrija um bug que Geometry não pode ser serializada devido à atualização de three.js
  12. Adicione o material polygonOffset , polygonOffsetFactor , polygonOffsetUnits Parâmetro Configurações de visualização de parâmetros para resolver o problema do conflito de profundidade.
  13. Corrija um bug que o componente na malha não pode salvar o atributo visible .
  14. O modelo do tipo Bin não é mais suportado.
  15. Corrija o bug de textura do cubo.
  16. Reescreva todo o prototype da class ES6 no código -fonte.
  17. Remova o módulo visual.
  18. Corrija um bug que não copie a textura do Skyball ao exportar uma cena.
  19. Corrija a chuva e o inseto da neve.
  20. Modifique a cor e a iluminação de fundo, para não adicionar a mesma cor que o plano de fundo e dificultar a ver com clareza.
  21. Corrija o bug do emissor de partículas.
  22. Corrija o bug de pano.
  23. Corrija o bug da sombra de configuração dinâmica.

Lista de recursos

  • Em geral
    • Plataforma cruzada
      • Windows, Linux, Mac
      • Desktop, web
    • Suporte de vários idiomas
      • Inglês 、中文、繁體中文、日本語、한국어、 р рсй、fiaй、 LE FRANÇAIS
    • Gerenciamento de ativos
      • cena, malha, textura, material, áudio, animação, captura de tela, vídeo, tipo de letra
    • Gestão da autoridade
      • organização, usuário
      • papel, autoridade
      • Registro, login, modificação de senha
    • Gerenciamento de versão
      • História da cena e troncos
      • Desfazer, refazer, economizar automaticamente
    • Jogador
      • Jogue animações na cena em tempo real e pode jogar em tela cheia e em nova janela
    • Configurações
      • Exibir, renderizador, ajudantes, filtro, clima, modo de controle, modo de seleção, modo de adição, idioma
  • Edição de cena pequena
    • Adicione malha
      • 3DS, 3MF, AMF, Assimp, AWD, Babilônia, 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 embutidos
      • grupo
      • avião, cubo, círculo, cilindro, esfera, icosaedro, toro, toro nó, bule, torno, torno
      • texto não escalado, texto 3D
      • segmentos de linha, curva catmullrom, curva bezier quadrática, curva cúbica de bezier, elipse curva
      • marcas pontuais
      • Auxiliar de Arrow, Axos Helper
      • Sprite
    • Luzes embutidas
      • Luz ambiente, luz direcional, luz de ponto, holofotes, luz hemisférica, luz da área reta
      • Luz de ponto, luz hemisférica, suporte de luz reta
    • Componentes internos
      • música de fundo, emissor de partículas
      • céu, fogo, água, fumaça, pano
      • terreno de Berlim, esfera do céu
    • Edição de materiais
      • LineBasicMaterial, LinedashedMaterial, Meshbasicmaterial, MeshdepthMaterial, MeshnormalMaterial
      • Meshlambertmaterial, MeshphongMaterial, Pontos Material, MeshstandardMaterial, MeshphysicalMaterial
      • Spritematerial, Shadermaterial, Rawshadermaterial
    • Pós-processamento
      • Pós-imagem, bokeh, tela de ponto, fxAA, falha
      • Halftone, Pixel, RGB Shift, SAO
      • SMAA, SSAA
      • SSAO, TAA
    • Edição de texto
      • JavaScript Editing com inteligência
      • Edição de shader
      • Edição de arquivos JSON
    • Exportação de malha
      • Gltf 、 obj 、 Ply 、 stl 、 Collada 、 draco
    • Publicação de cena
      • Publicar cena como recursos estáticos e pode ser incorporado no iframe
    • Exemplos
      • Arkanoid, câmera, partícula, pingue -pongue, shader
    • Ferramentas gerais
      • Selecione, panela, gire, zoom
      • Vista em perspectiva, vista frontal, vista lateral, vista superior, modo de wireframe
      • Captura de tela, registro
      • Desenhe ponto, linha de desenho, desenhe polígono, spray
      • Medir a distância
    • Outros
      • VR: papelão, htc vive, cromo, firefox
      • Motor de física da bala
  • Controles da interface do usuário
    • Tela
    • Formulário: botão, caixa de seleção, formulário, formcontrols, iconbutton, iconmenubutton, imagebutton, entrada, etiqueta, linkbutton, rádio, searchfield, select, textarea, alternar
    • Ícone
    • Imagem: Imagem, Imagelist, ImagesElector, ImagePloader
    • Layout: Absolutelayout, acordeão, borderlayout, hboxlayout, tablelayout, vboxlayout
    • Menu: ContextMenu, Menubar, Menubarfiller, Menuitem, Menuitemseparator, Menutab.
    • Painel
    • Progresso: Máscara de Load
    • Propriedade: ButtonProperty, ButtonsProperty, CheckprOperty, ColorProperty, DisplayProperty, IntegerProperty, NumberProperty, PropertyGrid, PropertyGroup, SelectProperty, TextProperty, TextureProperty
    • Svg
    • Tabela: DataGrid, Table, Tablebody, TableCell, Tablehead, Tablerow
    • Linha do tempo
    • Barra de ferramentas: barra de ferramentas, barra de ferramentas, filas de ferramentas, barra de ferramentas
    • Árvore
    • Janela: alerta, confirme, mensagem, foto, solicitação, torrada, vídeo, janela

Requisitos

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

O seguinte é necessário apenas quando você deseja construir a partir da fonte.

  1. Golang 1.14.2+
  2. Nodejs 14.1+
  3. GCC 9.3.0+ ( tdm-gcc , MinGW-w64 ou MinGW no Windows e verifique se gcc pode ser acessado através da linha de comando)
  4. Git 2.25.1+

Nota: o número da versão é apenas para referência.

Baixar e compilar

Você pode usar o Git para baixar o código -fonte. 

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

Na China , github é muito lento, você pode usar gitee . 

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

Construa no Windows e no Ubuntu

Versão da web:

  1. Se você estiver na China , execute npm run set-proxy para definir o proxy de Golang e NodeJS.
  2. Execute npm install para instalar as dependências do NodeJS.
  3. Execute npm run build para criar o servidor e a Web.
  4. Edite build/config.toml e modifique o host e a porta do MongoDB.
  5. Execute npm start para iniciar o servidor. Agora você pode visitar: http://localhost:2020 .
  6. Se você ativar https no arquivo de configuração. Visite: https://localhost:2020 .

Versão da área de trabalho:

  1. Faça o download MongoDB e descompacte na pasta utils/mongodb .
  2. Crie versão da web.
  3. Execute npm run build-desktop para criar um aplicativo de desktop na build/desktop .

Instale como serviço Windows

  1. Open PowerShell ou cmd na pasta build como administrador.
  2. Execute .ShadowEditor install para instalar o Shadoweditor como um serviço.
  3. RUN .ShadowEditor start a iniciar o serviço Shadoweditor.
  4. Agora você pode visitar: http://localhost:2020 .
  5. Você também pode gerenciar esse serviço no Windows Services Manager .

Instale como serviço Ubuntu

  1. Edit ./scripts/service_linux/shadoweditor.service , defina o caminho certo.
  2. Execute sudo cp ./scripts/service_linux/shadoweditor.service /etc/systemd/system/ .
  3. Execute sudo systemctl daemon-reload para recarregar o daemon de serviço.
  4. Execute sudo systemctl start shadoweditor para iniciar o serviço.
  5. Execute sudo systemctl enable shadoweditor para iniciar automaticamente o serviço.

Uso da linha de comando 

 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.

Guia de desenvolvimento

  1. Faça o download e instale o código NodeJs , golang , MongoDB e Visual Studio Code .
  2. Recomenda -se instalar as seguintes extensões VSCode que podem ser úteis. 
 ESLint, Go, Shader languages support for VS Code, TOML Language Support.

NPM Scripts Uso: 

 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.

Contribuindo

Expanda para visualizar detalhes

Shadoweditor é um projeto para usuários e desenvolvedores. Você pode contribuir e tentar sua ideia neste projeto. Sem pensão, mas muito divertida. Para contribuir, você deve:

  1. Fork o repositório.
  2. Criar feat_xxx Branch.
  3. Comprometa seu código.
  4. Crie solicitação de tração.

Nota: Não envie binários grandes, ou a Pull Request pode ser rejeitada. Se necessário, você pode adicionar os arquivos ou diretórios a serem ignorados ao arquivo .gitignore .

Perguntas frequentes

Expanda para visualizar detalhes
  1. Falhou ao fazer upload de modelos.

Você precisa comprimir os ativos do modelo em um arquivo zip e o arquivo de entrada não pode ser aninhado em uma pasta. O servidor descompactará e o colocará na pasta ./build/public/Upload/Model e adicionar um registro na coleção MongoDB _Mesh .

  1. Como combinar vários modelos?

A geometria básica suporta vários níveis de nidificação. Você pode adicionar um group (no menu de geometria) e arrastar vários modelos para o group no painel Hierachy .

  1. Como habilitar a autoridade?

Editar config.toml e defina authority.enabled como true . O nome de usuário do administrador padrão é admin e a senha é 123456 .

  1. O relatório Brower asm.js has been disabled because the script debugger is connected. Please disconnect the debugger to enable asm.js. Erro.

Erro completo : asm.js foi desativado porque o depurador de script está conectado. Desconecte o depurador para ativar asm.js. ammo.js (1,1) script1028: script1028: identificador esperado, string ou número Shadoweditor.js (3948,8) script5009: 'Shadow' não está definido.

Solução : o Tencent Browser não suporta ammo.js (WebAssembly) compilado com Emscripten , é recomendável usar Chrome ou Firebox .

  1. Como posso atualizar de C# para a versão de Golang?

A estrutura de dados e o cliente da web não são alterados, basta copiar ./ShadowEditor.Web/Upload/ pasta para build/public/Upload/ .

  1. A versão da área de trabalho não pode ser aberta.

O Windows requer Visual C++ Redistributable for Visual Studio 2015 . Você pode instalar em: https://www.microsoft.com/en-us/download/details.aspx?id=48145
Se a versão da área de trabalho não puder ser aberta, você poderá visualizar logs.txt ; Se o porto entrar em conflito, você poderá modificar as portas do MongoDB e do site em resources/app/config.toml .

  1. Como posso criar um certificado HTTPS?

Instalar openssl e o GIT Client já contém um; Abra cmd , Powershell ou shell e execute os seguintes 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 os arquivos gerados, certificate.pem está o certificado e privatekey.pem é a chave.

Licença

MIT Licença

Projetos de código aberto

Expanda para visualizar detalhes

Graças aos seguintes projetos de código aberto.

https://github.com/golang/go
https://github.com/burtsushi/toml
https://github.com/dgrijalva/jwt-go
https://github.com/dimfeld/httptreemux
https://github.com/inconshreveable/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-pluginposcss
https://github.com/rollup/rollup-plugin-replace
https://github.com/mjeanroy/rollup-plugin-strip-banner
https://github.com/andyearnshaw/rollup-plugin-bnlendworker

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

Expandir
Informações adicionais
Aplicativos Relacionados
Recomendado para você
Informações Relacionadas Todos