Beranda>Sumber daya pembuatan situs web>Sumber daya lainnya
Unduh

Editor Bayangan

Bahasa Inggris / 中文 | Windows Server | Ubuntu Server | Demo web | Situs web resmi

Catatan: Server adalah versi yang dikompilasi dengan MongoDB bawaan, Execute start.bat atau start.sh untuk memulai, dan kunjungi http://localhost:2020 di Google Chrome. Versi Windows membutuhkan Visual C++ Redistributable for Visual Studio 2015 .

Kabar Baik! Versi berdasarkan Vite4 + Vue3 + TS5 + Ant-Design-Vue7 akan segera hadir. Klik di sini untuk melihat detail lebih lanjut.

  • Nama: Editor Bayangan
  • Versi: v0.6.1 (segera hadir)
  • Deskripsi: Editor adegan 3D lintas platform berdasarkan Three.js, Golang dan MongoDB.
  • Sumber: GitHub Gitee | Dokumen: Gitee | Demo: GitHub Gitee | Video: Weibo Bilibili | Aset: BaidunetDisk (RFJA)
  • Tumpukan Teknologi: HTML, CSS, JavaScript, Rollup, React.js, WebGL, Three.js, Golang, MongoDB, Nodejs, Electron, Protocol Buffer.
  • Jika membantu Anda, silakan donasi untuk mendukung kami. Terima kasih!

Versi Sumber Terbuka

Versi Pro

v0.6.1 akan segera hadir

Mulai dari v0.6.1 , ShadowEditor hanya menyediakan fitur inti dan API yang diperluas, dan fitur lainnya akan disediakan dalam ekstensi, sama seperti VScode. Kami akan berkembang di cabang dev .

  1. Perbaiki bug bahwa beberapa versi kesalahan daftar manajemen jenis huruf go.
  2. Sembunyikan tab Versi Sejarah Model.
  3. Ketika sprite dipilih, perbatasan tidak lagi ditampilkan.
  4. Perbaiki bug gaya dropdown Searchfield.

V0.6.0 telah dirilis

  • Tanggal rilis: 24 Juli 2021
  • Perbarui Log:
  1. Perbaiki bug yang membuat koneksi Mongo baru saat meminta.
  2. Periksa VR di bilah status untuk mengaktifkan VR.
  3. Setel adegan transformasi.
  4. Cara popup jendela saat klik objek: https://gitee.com/tengge1/shadoweditor/issues/i3apgi
  5. Anda dapat mengaktifkan https di config.toml .
  6. Tambahkan acara di browser seluler ke skrip: onTouchStart , onTouchEnd , onTouchMove .
  7. Tingkatkan three.js ke R130.
  8. Tambahkan acara VR ke skrip: onVRConnected , onVRDisconnected , onVRSelectStart , onVRSelectEnd .
  9. VR All-in-One Handle Controller mendukung, misalnya: HTC Vive.
  10. Perbaiki bug skrip yang menghapus.
  11. Perbaiki bug yang Geometry tidak dapat diserialisasi karena peningkatan three.js
  12. Tambahkan polygonOffset material, polygonOffsetFactor , polygonOffsetUnits Parameter Visualisasi Pengaturan untuk menyelesaikan masalah konflik kedalaman.
  13. Perbaiki bug yang komponen dalam mesh tidak dapat menyimpan atribut visible .
  14. Model tipe Bin tidak lagi didukung.
  15. Perbaiki bug tekstur kubus.
  16. Tulis ulang semua prototype ke class ES6 dalam kode sumber.
  17. Hapus modul visual.
  18. Perbaiki bug yang tidak menyalin tekstur skyball saat mengekspor adegan.
  19. Perbaiki hujan dan kutu salju.
  20. Ubah warna latar belakang dan pencahayaan, agar tidak menambahkan warna yang sama dengan latar belakang dan membuatnya sulit untuk dilihat dengan jelas.
  21. Perbaiki bug emitor partikel.
  22. Perbaiki bug kain.
  23. Perbaiki bug shadow pengaturan dinamis.

Daftar fitur

  • Umum
    • Cross-Platform
      • Windows, Linux, Mac
      • Desktop, web
    • Dukungan multi-bahasa
      • Bahasa Inggris 、中文、繁體中文、日本語、한국어、 рсский、 le Français
    • Manajemen Aset
      • adegan, mesh, tekstur, materi, audio, animasi, tangkapan layar, video, jenis huruf
    • Manajemen Otoritas
      • Organisasi, Pengguna
      • peran, otoritas
      • Pendaftaran, Masuk, Modifikasi Kata Sandi
    • Manajemen Versi
      • Sejarah adegan dan log
      • Undo, redo, hemat otomatis
    • Pemain
      • Mainkan animasi dalam adegan secara real time, dan dapat memainkan layar penuh dan di jendela baru
    • Pengaturan
      • Tampilan, Renderer, Pembantu, Filter, Cuaca, Mode Kontrol, Pilih Mode, Tambah Mode, Bahasa
  • Pengeditan adegan kecil
    • Tambahkan mesh
      • 3DS, 3MF, AMF, AssImp, AWD, Babel, 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
    • Objek bawaan
      • kelompok
      • Pesawat, kubus, lingkaran, silinder, bola, icosahedron, torus, simpul torus, teko, mesin bubut
      • Teks yang tidak dikenakan, teks 3D
      • Segmen garis, kurva catmullrom, kurva bezier kuadratik, kurva bezier kubik, kurva elips
      • titik titik
      • pembantu panah, penolong kapak
      • sprite
    • Lampu bawaan
      • cahaya ambient, cahaya arah, titik cahaya, lampu sorot, cahaya hemisfer, cahaya area tept
      • titik cahaya, cahaya hemisferik, penolong ringan area tepek
    • Komponen bawaan
      • musik latar, emitor partikel
      • langit, api, air, asap, kain
      • Berlin Terrain, Sky Sphere
    • Pengeditan materi
      • LineBasicMaterial, LinedashedMaterial, meshbasicmaterial, meshdepthraterial, meshnormalmaterial
      • MeshlambertMaterial, MeshphongMaterial, PointMaterial, meshstandardmaterial, meshphysicalmaterial
      • Spritematerial, shadermaterial, Rawshadermaterial
    • Pasca-pemrosesan
      • After-Image, Bokeh, Dot Screen, FXAA, Glitch
      • Halftone, Pixel, RGB Shift, SAO
      • SMAA, SSAA
      • SSAO, TAA
    • Pengeditan teks
      • mengedit javascript dengan kecerdasan
      • pengeditan shader
      • Pengeditan file JSON
    • Ekspor mesh
      • Gltf 、 obj 、 ply 、 stl 、 collada 、 draco
    • Penerbitan adegan
      • Publikasikan adegan sebagai sumber daya statis, dan dapat tertanam di iframe
    • Contoh
      • Arkanoid, kamera, partikel, ping pong, shader
    • Alat umum
      • Pilih, Pan, Putar, Zoom
      • Tampilan Perspektif, Tampilan Depan, Tampilan Sisi, Tampilan Atas, Mode Wireframe
      • Tangkapan layar, rekam
      • Titik gambar, garis gambar, gambar poligon, semprotkan
      • Mengukur jarak
    • Yang lain
      • VR ： Karton, HTC Vive, Chrome, Firefox
      • Mesin fisika peluru
  • Kontrol UI
    • Kanvas
    • Formulir: Tombol, kotak centang, formulir, FormControls, IconButton, IconMenubutton, ImageButton, Input, Label, LinkButton, Radio, Searchfield, Select, TextArea, Toggle
    • Ikon
    • Gambar: Image, ImageList, Image -Elector, ImageUploader
    • Layout: Absolutelayout, AccordionLayout, BorderLayout, Hboxlayout, TableLayout, Vboxlayout
    • Menu: ContextMenu, Menubar, Menubarfiller, Menuitem, Menuitemseparator, Menutab.
    • Panel
    • Kemajuan: Loadmask
    • Properti: ButtonProperty, ButtonsProperty, CheckboxProperty, ColorProperty, DisplayProperty, IntegerProperty, NumberProperty, PropertyGrid, PropertyGroup, SelectProperty, TextProperty, TextureProperty
    • SVG
    • Tabel: Datagrid, Tabel, TableBody, TableCell, TableHead, Tablerow
    • Timeline
    • Toolbar: toolbar, toolbarfiller, toolbarseparator
    • Pohon
    • Jendela: Peringatan, konfirmasi, pesan, foto, prompt, roti panggang, video, jendela

Persyaratan

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

Berikut ini hanya diperlukan saat Anda ingin membangun dari sumber.

  1. Golang 1.14.2+
  2. NodeJs 14.1+
  3. GCC 9.3.0+ ( tdm-gcc , MinGW-w64 atau MinGW di Windows, dan pastikan gcc dapat diakses melalui baris perintah)
  4. git 2.25.1+

Catatan: Nomor versi hanya untuk referensi.

Unduh dan Kompilasi

Anda dapat menggunakan git untuk mengunduh kode sumber. 

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

Di Cina , github sangat lambat, Anda dapat menggunakan gitee sebagai gantinya. 

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

Bangun di kedua windows dan ubuntu

Versi Web:

  1. Jika Anda berada di China , jalankan npm run set-proxy untuk mengatur proxy Golang dan Nodejs.
  2. Jalankan npm install untuk menginstal dependensi nodej.
  3. Jalankan npm run build untuk membangun server dan web.
  4. Edit build/config.toml , dan ubah host dan port MongoDB.
  5. Jalankan npm start luncurkan server. Anda sekarang dapat mengunjungi: http://localhost:2020 .
  6. Jika Anda mengaktifkan https di file config. Silakan kunjungi: https://localhost:2020 .

Versi desktop:

  1. Unduh MongoDB dan unzip di folder utils/mongodb .
  2. Bangun versi web.
  3. Jalankan npm run build-desktop untuk membangun aplikasi desktop di folder build/desktop .

Instal sebagai Layanan Windows

  1. Buka PowerShell atau cmd di folder build sebagai administrator.
  2. Jalankan .ShadowEditor install untuk menginstal Shadoweditor sebagai layanan.
  3. Jalankan .ShadowEditor start Mulai Layanan ShadowEditor.
  4. Sekarang Anda dapat mengunjungi: http://localhost:2020 .
  5. Anda juga dapat mengelola layanan ini di Windows Services Manager .

Instal sebagai Layanan Ubuntu

  1. Sunting ./scripts/service_linux/shadoweditor.service , atur jalur yang benar.
  2. Jalankan sudo cp ./scripts/service_linux/shadoweditor.service /etc/systemd/system/ .
  3. Jalankan sudo systemctl daemon-reload untuk memuat ulang daemon layanan.
  4. Jalankan sudo systemctl start shadoweditor untuk memulai layanan.
  5. Jalankan sudo systemctl enable shadoweditor ke Layanan Mulai Otomatis.

Penggunaan baris perintah 

 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.

Panduan Pengembangan

  1. Unduh dan instal NodeJs , golang , MongoDB dan Visual Studio Code .
  2. Dianjurkan untuk menginstal ekstensi vScode berikut yang mungkin bermanfaat. 
 ESLint, Go, Shader languages support for VS Code, TOML Language Support.

Penggunaan skrip 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.

Berkontribusi

Perluas untuk melihat detail

Shadoweditor adalah proyek untuk pengguna dan pengembang. Anda dapat berkontribusi dan mencoba ide Anda di proyek ini. Tidak ada pensiun, tapi sangat menyenangkan. Untuk berkontribusi, Anda harus:

  1. Garpu repositori.
  2. Buat Cabang Feat_xxx.
  3. Melakukan kode Anda.
  4. Buat permintaan tarik.

Catatan: Jangan mengirimkan binari besar, atau Pull Request dapat ditolak. Jika diperlukan, Anda dapat menambahkan file atau direktori untuk diabaikan ke file .gitignore .

Pertanyaan yang sering diajukan

Perluas untuk melihat detail
  1. Gagal saat mengunggah model.

Anda perlu mengompres aset model ke dalam file zip , dan file entri tidak dapat bersarang di folder. Server akan mendekompres dan meletakkannya di folder ./build/public/Upload/Model , dan tambahkan catatan di koleksi MongoDB _Mesh .

  1. Bagaimana cara menggabungkan beberapa model bersama -sama?

Geometri dasar mendukung berbagai tingkat sarang. Anda dapat menambahkan group (di menu geometri), dan kemudian seret beberapa model ke group di panel Hierachy .

  1. Bagaimana cara mengaktifkan otoritas?

Edit config.toml dan atur authority.enabled ke true . Nama pengguna administrator default adalah admin dan kata sandi 123456 .

  1. Laporan Brower asm.js has been disabled because the script debugger is connected. Please disconnect the debugger to enable asm.js. Kesalahan.

Kesalahan Lengkap : ASM.JS telah dinonaktifkan karena skrip debugger terhubung. Harap lepaskan debugger untuk mengaktifkan asm.js. Ammo.js (1,1) Script1028: Script1028: Identifier yang diharapkan, string atau angka ShadowEditor.js (3948,8) Script5009: 'Shadow' tidak ditentukan.

Solusi : Tencent Browser tidak mendukung ammo.js (WebAssembly) yang dikompilasi dengan Emscripten , disarankan untuk menggunakan Chrome atau Firebox sebagai gantinya.

  1. Bagaimana cara meningkatkan dari versi C# ke Golang?

Struktur data dan klien web tidak diubah, cukup salin ./ShadowEditor.Web/Upload/ folder untuk build/public/Upload/ .

  1. Versi desktop tidak dapat dibuka.

Windows memerlukan Visual C++ Redistributable for Visual Studio 2015 . Anda dapat menginstal dari: https://www.microsoft.com/en-us/download/details.aspx?id=48145
Jika versi desktop tidak dapat dibuka, Anda dapat melihat logs.txt ; Jika port bertentangan, Anda dapat memodifikasi port mongoDB dan situs web di resources/app/config.toml .

  1. Bagaimana cara membuat sertifikat HTTPS?

Instal openssl , dan klien git sudah berisi satu; Buka cmd , Powershell atau shell , dan jalankan perintah berikut: 

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

Di antara file yang dihasilkan, certificate.pem adalah sertifikat, dan privatekey.pem adalah kuncinya.

Lisensi

Lisensi MIT

Proyek Sumber Terbuka

Perluas untuk melihat detail

Berkat proyek open source berikut.

https://github.com/golang/go
https://github.com/burntsushi/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-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/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

Memperluas
Informasi Tambahan
Aplikasi Terkait
Direkomendasikan untuk Anda
Informasi Terkait Semua