الصفحة الرئيسية>موارد بناء الموقع>موارد أخرى
تنزيل

محرر الظل

الإنجليزية / 中文 | Windows Server | خادم Ubuntu | تجريبي الويب | الموقع الرسمي

ملاحظة: الخادم عبارة عن نسخة مجمعة مع MongoDB مدمجة ، أو تنفيذ start.bat أو start.sh للبدء ، وزيارة http://localhost:2020 في Google Chrome. يتطلب إصدار Windows Visual C++ Redistributable for Visual Studio 2015 .

أخبار جيدة! الإصدار المستند إلى Vite4 + Vue3 + TS5 + ANT-Design-Vue7 سيأتي قريبًا. انقر هنا لعرض المزيد من التفاصيل.

  • الاسم: محرر الظل
  • الإصدار: v0.6.1 (قريبا)
  • الوصف: محرر المشهد ثلاثي الأبعاد عبر المنصات على أساس ثلاثة. Js و Golang و MongoDB.
  • المصدر: جيثب جيتي | وثيقة: جيتي | العرض التوضيحي: جيثب جيتي | فيديو: Weibo Bilibili | الأصول: BaidunetDisk (RFJA)
  • مكدس التكنولوجيا: HTML ، CSS ، JavaScript ، Rollup ، React.js ، WebGL ، Three.js ، Golang ، MongoDB ، NodeJS ، Electron ، Protocol Pansers.
  • إذا كان مفيدًا لك ، يرجى التبرع لدعمنا. شكرًا لك!

نسخة مفتوحة المصدر

نسخة محترفة

v0.6.1 سيأتي قريبا

بدءًا من v0.6.1 ، يوفر ShadowEditor فقط ميزات أساسية وواجهة برمجة التطبيقات الموسعة ، وسيتم توفير ميزات أخرى في الامتدادات ، تمامًا مثل VSCode. سوف نتطور في فرع dev .

  1. إصلاح الأخطاء التي يخطئها بعض إصدارات أخطاء التقرير في قائمة إدارة محرف GO.
  2. إخفاء علامة تبويب إصدار تاريخ النموذج.
  3. عند تحديد العفريت ، لم يعد يتم عرض الحدود.
  4. إصلاح Searchfield Style Bug.

أصدر V0.6.0

  • تاريخ الإصدار: 24 يوليو 2021
  • سجلات التحديث:
  1. إصلاح الخطأ الذي ينشئ اتصال Mongo جديد عند الطلب.
  2. تحقق من VR في شريط الحالة لتمكين VR.
  3. ضبط التحويل المشهد.
  4. كيفية نافذة منبثقة عند النقر فوق كائن: https://gitee.com/tengge1/shadoweditor/issues/i3apgi
  5. يمكنك تمكين https في config.toml .
  6. أضف حدثًا في متصفح الهاتف المحمول إلى البرنامج النصي: onTouchStart ، onTouchEnd ، onTouchMove .
  7. ترقية three.js إلى R130.
  8. أضف حدث VR إلى البرنامج النصي: onVRConnected ، onVRDisconnected ، onVRSelectStart ، onVRSelectEnd .
  9. يدعم VR All-in-One وحدة التحكم في المقبض ، على سبيل المثال: HTC Vive.
  10. إصلاح خطأ حذف البرنامج النصي.
  11. إصلاح الخلل الذي لا يمكن التسلسل له Geometry بسبب ترقية three.js .
  12. أضف polygonOffset ، polygonOffsetFactor ، polygonOffsetUnits إعدادات تصور المعلمة لحل مشكلة تعارض العمق.
  13. إصلاح الخلل هذا المكون في الشبكة لا يمكن حفظ السمة visible .
  14. لم يعد نموذج نوع Bin مدعومًا.
  15. إصلاح الخلل الملمس المكعب.
  16. أعد كتابة كل prototype إلى class ES6 في رمز المصدر.
  17. إزالة الوحدة البصرية.
  18. إصلاح الخلل الذي لا ينسخ نسيج Skyball عند تصدير مشهد.
  19. إصلاح المطر والثلوج علة.
  20. قم بتعديل لون الخلفية والإضاءة ، حتى لا تضيف نفس اللون مثل الخلفية وجعل من الصعب رؤيته بوضوح.
  21. إصلاح علة باعث الجسيمات.
  22. إصلاح علة القماش.
  23. إصلاح خلل الظل الديناميكي.

قائمة الميزات

  • عام
    • منصة العرض
      • Windows ، Linux ، Mac
      • سطح المكتب ، الويب
    • دعم متعدد اللغات
      • اللغة الإنجليزية р руекий、 le français
    • إدارة الأصول
      • المشهد ، الشبكة ، الملمس ، المواد ، الصوت ، الرسوم المتحركة ، لقطة الشاشة ، فيديو ، محرف
    • إدارة السلطة
      • المؤسسة ، المستخدم
      • دور ، السلطة
      • التسجيل ، تسجيل الدخول ، تعديل كلمة المرور
    • إدارة الإصدار
      • تاريخ المشهد والسجلات
      • التراجع ، إعادة التوفير التلقائي
    • لاعب
      • قم بتشغيل الرسوم المتحركة في المشهد في الوقت الفعلي ، ويمكنها تشغيل ملء الشاشة وفي نافذة جديدة
    • إعدادات
      • عرض ، عارض ، مساعدون ، مرشح ، الطقس ، وضع التحكم ، تحديد الوضع ، إضافة الوضع ، اللغة
  • تحرير المشهد الصغير
    • أضف شبكة
      • 3DS ، 3MF ، AMF ، Assimp ، 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
    • كائنات مدمجة
      • مجموعة
      • طائرة ، مكعب ، دائرة ، أسطوانة ، كرة ، إيكوساهيدرون ، توروس ، توروس عقدة ، إبريق الشاي ، مخرطة
      • نص غير متمرس ، نص ثلاثي الأبعاد
      • شرائح الخط ، منحنى catmullrom ، منحنى بيزيير تربيعي ، منحنى بيزيير مكعب ، منحنى القطع الناقص
      • علامات النقطة
      • مساعد السهم ، مساعد محاور
      • شبح
    • أضواء مدمجة
      • الضوء المحيط ، ضوء الاتجاه ، ضوء النقطة ، الأضواء ، ضوء نصف كروي ، ضوء منطقة المستقيم
      • ضوء النقطة ، ضوء نصف كروي ، مساعد مصباح المساحة المستقيمة
    • مكونات مدمجة
      • موسيقى الخلفية ، باعث الجسيمات
      • السماء ، النار ، الماء ، الدخان ، القماش
      • التضاريس برلين ، كرة السماء
    • تحرير المواد
      • Meshdepthmaterial ، meshdepthmaterial ، meshdepthmaterial ، meshdepthmaterial ، meshnormalatial
      • meshlambertmaterial ، meshphongmaterial ، النقاط ، meshstandardmaterial ، meshphysicalmatial
      • السلبيات ، الظلال ، المادة الخام
    • ما بعد المعالجة
      • ما بعد الصورة ، خوخه ، شاشة DOT ، FXAA ، خلل
      • Halftone ، Pixel ، RGB Shift ، Sao
      • سماا ، SSAA
      • SSAO ، تا
    • تحرير النص
      • تحرير جافا سكريبت مع الذكاء
      • تحرير تظليل
      • تحرير ملف JSON
    • تصدير شبكة
      • gltf 、 obj 、 ply 、 stl 、 collada 、 draco
    • نشر المشهد
      • نشر المشهد كموارد ثابتة ، ويمكن تضمينه في iframe
    • أمثلة
      • arkanoid ، الكاميرا ، الجسيمات ، ping pong ، تظليل
    • الأدوات العامة
      • حدد ، عموم ، تدوير ، تكبير
      • عرض المنظور ، العرض الأمامي ، العرض الجانبي ، العرض العلوي ، وضع الإطار السلكي
      • لقطة شاشة ، سجل
      • نقطة رسم ، خط رسم ، ارسم المضلع ، رذاذ
      • قياس المسافة
    • آحرون
      • VR ： من الورق المقوى ، HTC Vive ، Chrome ، Firefox
      • محرك الفيزياء الرصاصة
  • ضوابط واجهة المستخدم
    • قماش
    • النموذج: الزر ، مربع الاختيار ، النموذج ، FormControls ، IconButton ، IconMenubutton ، ImageButton ، الإدخال ، التسمية ، Linkbutton ، الراديو ، البحث
    • رمز
    • الصورة: صورة ، تصوير ، صور ، ImageUploader
    • التصميم: Abssolblayout ، أكورديونليوت ، حدود ، HboxLayout ، TableLayout ، VboxLayout
    • القائمة: السياق ، مينوبار ، مينوبارفيلر ، مينويتم ، مينويميسارور ، مينوتاب.
    • لوحة
    • التقدم: loadmask
    • الخاصية: ButtonProperty ، buttonsproperty ، CheckboxProperty ، ColorProperty ، DisplayProperty ، IntegerProperty ، NumberProperty ، PropertyGrid ، PropertyGroup ، SelectProperty ، TextProperty ، textureProperty
    • SVG
    • الجدول: DataGrid ، جدول ، Tablebody ، TableCell ، Tablehead ، TableRow
    • الجدول الزمني
    • شريط الأدوات: شريط أدوات ، شريط أدوات ، شريط أدوات
    • شجرة
    • النافذة: تنبيه ، تأكيد ، رسالة ، صور ، موجه ، نخب ، فيديو ، نافذة

متطلبات

  1. MongoDB V3.6.8+
  2. Chrome 81.0+ أو Firefox 75.0+

ما يلي مطلوب فقط عندما تريد البناء من المصدر.

  1. Golang 1.14.2+
  2. Nodejs 14.1+
  3. GCC 9.3.0+ ( tdm-gcc ، MinGW-w64 أو MinGW على Windows ، وتأكد من الوصول إلى gcc من خلال سطر الأوامر)
  4. GIT 2.25.1+

ملاحظة: رقم الإصدار هو للرجوع إليه فقط.

تنزيل وتجميع

يمكنك استخدام GIT لتنزيل رمز المصدر. 

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

في الصين ، github بطيء حقًا ، يمكنك استخدام gitee بدلاً من ذلك. 

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

بناء على كل من windows و Ubuntu

إصدار الويب:

  1. إذا كنت في China ، فقم بتشغيل npm run set-proxy لتعيين وكيل Golang و NodeJS.
  2. قم بتشغيل npm install لتثبيت تبعيات NodeJS.
  3. قم بتشغيل npm run build لإنشاء الخادم والويب.
  4. تحرير build/config.toml ، وتعديل مضيف MongoDB والمنفذ.
  5. تشغيل npm start تشغيل الخادم. يمكنك الآن زيارة: http://localhost:2020 .
  6. إذا قمت بتمكين https في ملف التكوين. يرجى زيارة: https://localhost:2020 .

نسخة سطح المكتب:

  1. قم بتنزيل MongoDB وفك ضغطه في مجلد utils/mongodb .
  2. بناء نسخة ويب.
  3. قم بتشغيل npm run build-desktop لإنشاء تطبيق سطح مكتب في مجلد build/desktop .

تثبيت كخدمة Windows

  1. Open PowerShell أو cmd في مجلد build كمسؤول.
  2. تشغيل .ShadowEditor install لتثبيت Shadoweditor كخدمة.
  3. تشغيل .ShadowEditor start
  4. الآن يمكنك زيارة: http://localhost:2020 .
  5. يمكنك أيضًا إدارة هذه الخدمة في Windows Services Manager .

تثبيت كخدمة Ubuntu

  1. تحرير ./scripts/service_linux/shadoweditor.service ، اضبط المسار الصحيح.
  2. تشغيل sudo cp ./scripts/service_linux/shadoweditor.service /etc/systemd/system/ .
  3. قم بتشغيل sudo systemctl daemon-reload لإعادة تحميل الخفي للخدمة.
  4. تشغيل sudo systemctl start shadoweditor لبدء الخدمة.
  5. تشغيل sudo systemctl enable shadoweditor من خدمة البدء التلقائي.

استخدام سطر الأوامر 

 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.

دليل التنمية

  1. قم بتنزيل وتثبيت NodeJs و golang و MongoDB و Visual Studio Code .
  2. يوصى بتثبيت ملحقات VSCode التالية التي قد تكون مفيدة. 
 ESLint, Go, Shader languages support for VS Code, TOML Language Support.

استخدام البرامج النصية 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.

المساهمة

توسيع لعرض التفاصيل

Shadoweditor هو مشروع لكل من المستخدمين والمطورين. يمكنك المساهمة وتجربة فكرتك في هذا المشروع. لا معاش ، ولكن الكثير من المرح. للمساهمة ، يجب عليك:

  1. شوكة المستودع.
  2. إنشاء فرع feat_xxx.
  3. ارتكب رمزك.
  4. إنشاء طلب سحب.

ملاحظة: لا تقم بإرسال ثنائيات كبيرة ، أو قد يتم رفض Pull Request . إذا لزم الأمر ، يمكنك إضافة الملفات أو الدلائل المراد تجاهلها إلى ملف .gitignore .

الأسئلة المتداولة

توسيع لعرض التفاصيل
  1. فشل عند تحميل النماذج.

تحتاج إلى ضغط الأصول النموذجية في ملف zip ، ولا يمكن تنازل ملف الإدخال في مجلد. سيقوم الخادم بإلغاء ضغطه ويضعه في مجلد ./build/public/Upload/Model ، ويضيف سجلًا في مجموعة MongoDB _Mesh .

  1. كيف تجمع بين نماذج متعددة معًا؟

الهندسة الأساسية تدعم مستويات متعددة من التعشيش. يمكنك إضافة group (في قائمة الهندسة) ، ثم اسحب نماذج متعددة إلى group في لوحة Hierachy .

  1. كيفية تمكين السلطة؟

تحرير config.toml true authority.enabled . اسم مستخدم المسؤول الافتراضي هو admin وكلمة المرور هي 123456 .

  1. asm.js has been disabled because the script debugger is connected. Please disconnect the debugger to enable asm.js. خطأ.

خطأ كامل : تم تعطيل ASM.JS لأن تصحيح الأخطاء النصي متصل. يرجى فصل مصحح الأخطاء لتمكين ASM.JS. Ammo.js (1،1) Script1028: Script1028: المعرف المتوقع ، السلسلة أو الرقم Shadoweditor.js (3948،8) Script5009: لم يتم تعريف "الظل".

الحل : لا يدعم Tencent Browser ammo.js (webassembly) المترجمة باستخدام Emscripten ، يوصى باستخدام Chrome أو Firebox بدلاً من ذلك.

  1. كيف يمكنني الترقية من إصدار C# إلى Golang؟

لم يتم تغيير بنية البيانات وعميل الويب ، فقط ./ShadowEditor.Web/Upload/ build/public/Upload/

  1. لا يمكن فتح إصدار سطح المكتب.

يتطلب Windows Visual C++ Redistributable for Visual Studio 2015 . يمكنك التثبيت من: https://www.microsoft.com/en-us/download/details.aspx؟id=48145
إذا تعذر فتح إصدار سطح المكتب ، فيمكنك عرض logs.txt ؛ إذا تعارض المنفذ ، فيمكنك تعديل منافذ MongoDB وموقع الويب في resources/app/config.toml .

  1. كيف يمكنني إنشاء شهادة HTTPS؟

تثبيت openssl ، ويحتوي عميل GIT بالفعل على واحد ؛ افتح cmd أو Powershell أو shell ، وقم بتشغيل الأوامر التالية: 

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

من بين الملفات التي تم إنشاؤها privatekey.pem certificate.pem .

رخصة

رخصة معهد ماساتشوستس للتكنولوجيا

مشاريع مفتوحة المصدر

توسيع لعرض التفاصيل

بفضل مشاريع المصدر المفتوحة التالية.

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

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/shaderparticlengine
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

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل