38 KiB
Shadow Editor
Language: 中文 / 繁體中文 / English / 日本語 / Le français / русский
- Имя: Shadow Editor
- Версия: v0.1.8 (в разработке)
- Введение: редактор сцен, основанный на
three.js.
v0.1.8 скоро будет обновлен
- Поместите панель настроек в меню настроек.
- Добавлены фильтры оттенка-поворота, насыщенности, яркости, размытия, контраста, оттенков серого, инвертирования и сепии.
- Настройки фильтра сохраняются в конфигурации сцены и анализируются в редакторе и проигрывателе.
v0.1.7 Update
- Дата выхода: 23 марта 2019 г.
- Обновление журнала:
- После того, как объект восстановлен, дерево сцены не может ответить вовремя, и ошибка, что узел дерева расширен и узлы дерева вышли из строя, не может быть запомнена.
- Имя объекта слишком длинное, и многоточие отображается автоматически. Наведите указатель мыши на узел, чтобы отобразить полное имя.
- Добавлено полноэкранное воспроизведение и новое окно воспроизведения. Плеер и редактор полностью отделены друг от друга, и игрок может работать независимо.
- Отредактированная сцена может быть встроена в iframe для запуска. Адрес:
/view.html?SceneID=sceneID. Этот адрес можно получить с помощью новой функции воспроизведения окна. - Оптимизация эффекта выбора объекта: одинаковая ширина хода.
- Исправьте инструмент построения модели и скопируйте модель, не копируя все файлы в папке.
- Вместо этого все настройки хранятся в
localStorageи больше не сохраняются в конфигурации сцены. - Реконструированный параллельный источник света, полусферический источник света, точечный источник света, прямоугольный источник света, вспомогательный прожектор, управляемый событиями, больше не зависит от редактора.
- Организовать структуру папок. Перепишите модуль панели истории, чтобы полностью удалить сильно связанный элемент управления Outliner.
- Оптимизация перевода на английский язык.
- Добавьте функцию экспорта сцены одним щелчком, чтобы автоматически анализировать модели и ресурсы, необходимые для сцены. Все необходимые ресурсы помещаются в папку
/ temp / yyyyMMddHHmmss. - Экспортируйте функцию редактора без ресурсов.
- Повторно выпустил демонстрационный проект: Gitee GitHub
- Исправьте неправильную настройку параметров рендерера, тени, γ-входа, γ-выхода, гамма-коэффициента.
- Одновременно можно нарисовать только одну точку для точек, линий и распылительных инструментов на плоскости.
- Исправлена ошибка, из-за которой анимация движения не воспроизводилась.
Скриншот проекта
Теплое гнездышко.
Нажмите здесь, чтобы увидеть больше скриншотов.
| Код | GitHub | Code Cloud | Документы | GitHub | Code Cloud |
| презентация | GitHub | Code Cloud | Базы данных и ресурсы | Сетевой диск Baidu 20190116 | Код извлечения: n8je |
Основная функция
- Основанный на онлайн-редакторе трехмерных сцен Three.js / WebGL, сервер использует
MongoDBдля сохранения анимации, звука, категории, персонажа, текстуры, материала, модели меша, частицы, тела предустановки, данных сцены. - Встроенная геометрия: плоскость, куб, круг, цилиндр, сфера, икосаэдр, шина, узел, чайник, бокал, эльф, текст; отрезок, кривая CatmullRom, квадратичная кривая Безье, кубическая кривая Безье эллиптическая кривая.
- Встроенный источник света: внешний свет, параллельный свет, точечный источник света, прожектор, полусферический свет, прямоугольный свет.
- Поддержка различных моделей формата 3D и импорт анимации. Поддержка
3ds,3mf,amf,assimp(anim),awd,babylon,binary,bvh(anim),collada,ctm,draco,fbx(anim),gcode,gltf(anim),js(anim),json(anim),kmz,lmesh(anim),md2,mmd(anim),nrrd,obj,pcd,pdb,ply,prwm,sea3d(anim),stl,vrm,vrml,vtk,x31 вид файлов формата 3D, с поддержкойanimдля поддержки анимации. Разнообразные 3D-файлы поддерживают какjson, так и двоичные форматы. Файлmmdподдерживает форматыpmdиpmx, поддерживает модели и анимацию камеры в форматеvmd. Это также единственный редактор, который поддерживаетlmesh(lolking website lol model). - Встроенные материалы: линейный материал, пунктирный материал, основной материал, материал глубины, материал нормальных векторов, материал Ламберта, материал Грибка, материал облака точек, стандартный материал, физический материал, материал спрайтов, материал шейдеров, шейдер-сырье материал.
- Поддержка текстур: цветная текстура, прозрачная текстура, выпуклая текстура, нормальная текстура, текстура смещения, зеркальная текстура, текстура окружающей среды, текстура освещения, текстура окклюзии, текстура самосветления
- Поддержка текстуры: картинка, текстура куба, видео текстура.
- Встроенные компоненты: фоновая музыка, излучатели частиц, небо, пламя, вода, дым, тканевые компоненты.
- Визуально измените свойства объектов, таких как сцены и камеры, и предоставьте более 40 различных панелей модификации.
- Редактируйте js-скрипты, шейдерные программы онлайн, с умными советами.
- Принесите свой собственный проигрыватель, динамические эффекты демонстрационной сцены в реальном времени, поддержку полноэкранного воспроизведения и воспроизведения в новом окне, вы можете напрямую встроить в проект
iframe. - Поддержка анимации движения, скелетной анимации, анимации частиц, анимации mmd, анимации lmesh (lolking website lol model).
- Поддержка сцен, моделей, текстур, материалов, аудио, анимации, частиц, пресетов, управление ресурсами персонажей, поддержка пользовательской классификации и быстрый поиск по китайским иероглифам и пиньинь. Среди них управление частичными, предустановленными телами и ролями еще не достигло соответствующих функций.
- Поддерживает пять видов контроллеров: контроллер первого вида, контроллер полета, контроллер трека, контроллер блокировки указателя и контроллер трекбола.
- Поддерживает эффекты точечной матрицы, эффекты смещения цвета, эффекты остаточного изображения, размытие фона, быстрое приближение (FXAA), эффекты сбоев, полутоновые эффекты, полноэкранное сглаживание (SSAA), пиксельные эффекты, масштабируемое окружающее освещение Окклюзия (SAO), сглаживание нескольких выборок (SMAA), Окклюзия окружающего пространства экрана (SSAO), Сглаживание времени (TAA).
- Обеспечить историю и функции журнала для поддержки отмены и повтора.
- Поддержка экспорта моделей
gltf,obj,ply,stl. - Поддержка физического движка "bullet". Компоненты жесткого тела поддерживаются кубами, кругами, цилиндрами, икосаэдрами, фужерами, самолетами, сферами, чайниками, шинами, узлами и загруженными моделями. Поддержка визуализации для настройки формы тела столкновения (квадрат, сфера), массы и инерции.
- С помощью панорамирования, поворота, масштабирования, рисования точек, линий, надписей на поверхности объекта, статистики в реальном времени количества объектов, вершин, треугольников.
- Поддержка функции экспорта сцены одним ключом.
- Китайская и английская двуязычная поддержка.
- Поддерживает поворот оттенка, насыщенность, яркость, размытие, контрастность, оттенки серого, инвертирование и сепию.
- Поддержка контроля версий.
Руководство пользователя
Этот проект поддерживает только систему Windows, вам нужно установить .Net Framework 4.5 на свой компьютер.
Рекомендуется использовать последнюю версию Google Chrome, не гарантируется совместимость с другими браузерами.
- Установите
NodeJs. В крайнем каталоге выполните следующую команду.
`Bash Npm установить Npm запустить сборку `
- Загрузите MongoDB, чтобы установить и запустить сервис MongoDB. Порт по умолчанию для службы MongoDB - 27017.
`Bash Mongod --dbpath = D: \ mongodb \ db --logpath = D: \ mongodb \ log \ mongoDB.log --install --serviceName MongoDB Чистый старт MongoDB `
- Измените файл
ShadowEditor.Web / Web.configи измените27017на порт службы MongoDB на вашем компьютере.
`Xml <add key = "mongo_connection" value = "mongodb: //127.0.0.1: 27017" /> `
-
Откройте проект в Visual Studio 2017 и сгенерируйте проект ShadowEditor.Web.
-
Разверните
ShadowEditor.Webна iis для доступа к нему в браузере. -
Чтобы сохранить различные типы файлов для обычной загрузки, необходимо добавить следующие два типа MIME на iis.
| Расширение файла | Тип MIME | Описание |
|---|---|---|
| . * | application / octet-stream | Различные файлы суффиксов формата |
| . | application / octet-stream | Нет файлов суффиксов |
- Скомпилируйте документацию, пожалуйста, установите gitbook.
Npm установить -g gitbook-cli
Затем переключитесь в каталог docs-dev и установите плагин gitbook.
Gitbook установить
Затем переключитесь в родительский каталог и выполните следующую команду, чтобы сгенерировать документ.
Npm запустить build-docs
FAQ
- Почему загрузка не удалась при загрузке модели?
Такие ресурсы, как карты моделей, должны быть сжаты в zip-пакет, а файл импорта не может быть вложен в папки. Сервер извлечет загруженный zip-пакет в файл ~/Upload/Model и добавит часть данных в таблицу MongoDB _Mesh.
- Как совместить несколько моделей вместе?
Базовая геометрия поддерживает несколько уровней вложенности. Вы можете добавить «группу» (в меню геометрии) и перетащить несколько моделей в «группу» в дереве сцены.
Обновление журнала
v0.1.7
- Дата выхода: 23 марта 2019 г.
- Обновление журнала:
- После того, как объект восстановлен, дерево сцены не может ответить вовремя, и ошибка, что узел дерева расширен и узлы дерева вышли из строя, не может быть запомнена.
- Имя объекта слишком длинное, и многоточие отображается автоматически. Наведите указатель мыши на узел, чтобы отобразить полное имя.
- Добавлено полноэкранное воспроизведение и новое окно воспроизведения. Плеер и редактор полностью отделены друг от друга, и игрок может работать независимо.
- Отредактированная сцена может быть встроена в iframe для запуска. Адрес:
/view.html? SceneID = sceneID. Этот адрес можно получить с помощью новой функции воспроизведения окна. - Оптимизация эффекта выбора объекта: одинаковая ширина хода.
- Исправьте инструмент построения модели и скопируйте модель, не копируя все файлы в папке.
- Вместо этого все настройки хранятся в
localStorageи больше не сохраняются в конфигурации сцены. - Реконструированный параллельный источник света, полусферический источник света, точечный источник света, прямоугольный источник света, вспомогательный прожектор, управляемый событиями, больше не зависит от редактора.
- Организовать структуру папок. Перепишите модуль панели истории, чтобы полностью удалить сильно связанный элемент управления Outliner.
- Оптимизация перевода на английский язык.
- Добавьте функцию экспорта сцены одним щелчком, чтобы автоматически анализировать модели и ресурсы, необходимые для сцены. Все необходимые ресурсы помещаются в папку
/ temp / yyyyMMddHHmmss. - Экспортируйте функцию редактора без ресурсов.
- Повторно выпустил демонстрационный проект: Gitee GitHub
- Исправьте неправильную настройку параметров рендерера, тени, γ-входа, γ-выхода, гамма-коэффициента.
- Одновременно можно нарисовать только одну точку для точек, линий и распылительных инструментов на плоскости.
- Исправлена ошибка, из-за которой анимация движения не воспроизводилась.
v0.1.6
- Дата выхода: 10 марта 2019 г.
- Обновление журнала:
- Используйте
xtype.js, чтобы реорганизовать структуру пользовательского интерфейса ненавязчивым способом. - Основной кадр перемещается с использованием абсолютного позиционирования.
- Нижняя панель поддерживает максимизацию и восстановление.
- На нижней панели отображается статистика ресурсов.
- Собирайте и сортируйте большое количество текстур и моделей.
- Организовать инструмент картирования.
- Организуйте инструменты модели.
- Организовать инструмент миниатюр.
- Добавьте точечный источник и больше не добавляйте сферы и гало по умолчанию.
- Добавьте свет полушария и больше не добавляйте шар неба по умолчанию.
- Добавьте прямоугольный источник света и больше не добавляйте прямоугольный белый экран по умолчанию.
- Поскольку первоначальный эффект выбора был достигнут с помощью «постобработки», произошла серьезная потеря производительности и наложение имен. Поэтому используйте методы
normal extrusion> иtemplate test` для повторной реализации выбранного эффекта. - Выбранный эффект после перезаписи больше не зубчатый, а функция быстрого сглаживания (FXAA) по умолчанию не включена, что повышает производительность. Для старых сцен снимите флажок «Быстрое сглаживание (FXAA)» в свойствах сцены и сохраните снова.
- По умолчанию никакие шейдеры и библиотеки спецэффектов `postprocessing> не загружаются для повышения скорости загрузки.
- Исправлена ошибка создания скрипта комментария не закончена.
- Сложите нижнюю панель.
- Перепишите элемент управления деревом сцены для поддержки свертывания, перетаскивания и выделения.
- Когда вы нажимаете на сцену, чтобы выбрать модель, дерево сцены отдает приоритет всей модели, а не ее части, и автоматически расширяется и прокручивается до выбранной модели.
v0.1.5
- Дата выхода: 23 февраля 2019 г.
- Обновление журнала:
- Сегмент линии, кривая CatmullRom, квадратичная кривая Безье, кубическая кривая Безье, визуальное редактирование эллиптической кривой, сохранение и загрузка.
- Исправьте ошибки, когда анимация на временной шкале не может быть перетащена.
- Исправьте ошибку, из-за которой вы не можете перетащить объект на группу в виде дерева сцены.
- Базовая геометрия поддерживает многоуровневое вложение, что позволяет сохранить нагрузку в обычном режиме.
- Исправьте ошибку расчета размера элемента управления перспективой.
- Исправьте ошибки, когда контроль вида может быть скрыт другими объектами.
v0.1.4
- Дата выхода: 11 февраля 2019 г.
- Обновление журнала:
- Добавьте элемент управления, который указывает направление.
- Добавьте отрезки, кривые CatmullRom, квадратичные кривые Безье, кубические кривые Безье, эллиптические кривые. (Не поддерживается для сохранения)
v0.1.3
- Дата выхода: 28 января 2019 г.
- Обновление журнала:
- Поддержка нескольких языков: поддержка китайского и английского языков, поддержка динамического переключения языков.
- Добавьте геометрию кривой.
v0.1.2
- Дата выхода: 11 января 2019 г.
- Обновление журнала:
- Добавлен контроль версий на сцене. Таблица сцен сохраняет только самую последнюю сцену, а исторические данные сохраняются в таблице 'scene name_history`.
- Сохраните материал, чтобы автоматически создать миниатюру шейдера.
- Сохраните измененный материал, загруженный в модель сервера.
- Прямоугольная, круглая, цилиндрическая, икосаэдр, бокал, плоскость, сфера, чайник, шина, узел и нагрузочная модель поддерживают компоненты жесткого тела. Поддержка визуализации для настройки формы тела столкновения (квадрат, сфера), массы и инерции.
- Добавьте куб и помощник физической формы сферы.
v0.1.1
- Дата выхода: 30 декабря 2018 г.
- Обновление журнала:
- Устранить проблемы с синхронизацией и анимацией MMD. Поддержка нескольких моделей MMD для синхронизации с анимацией модели и анимации камеры.
- Добавлены точечные матричные эффекты, эффекты смещения цвета, эффекты остаточного изображения, размытие фона, быстрое приближение сглаживания (FXAA), эффекты сбоев, полутоновые эффекты, полноэкранное сглаживание (SSAA), пиксельные эффекты, масштабируемая среда Легкая окклюзия (SAO), сглаживание нескольких образцов (SMAA), затенение окружающего света в пространстве экрана (SSAO), временное сглаживание (TAA).
- Добавьте частицы, пресеты и ролевые панели. (еще не реализованы конкретные функции)
v0.1.0
- Дата выхода: 15 декабря 2018 г.
- Обновление журнала:
- Реорганизовать функцию импорта модели. В настоящее время поддерживает
3ds,3mf,amf,assimp(anim),awd,babylon,bvh(anim),collada,ctm,draco,fbx(anim),gcode,gltf(anim),js(anim),json(anim),kmz,lmesh(anim),md2,mmd(anim ),nrrd,obj,pcd,pdb,ply,prwm,sea3d(anim),stl,vrm,vrml,vtk,X31 вид форматов файлов 3D с выражениемanimс поддержкой анимации. Разнообразные 3D-файлы поддерживают какjson, так и двоичные форматы. Файлmmdподдерживает форматыpmdиpmx, поддерживает модели и анимацию камеры в форматеvmd. Это также единственный редактор, который поддерживаетlmesh` (lolking website lol model). - Игрок добавляет первый контроллер, контроллер полета, контроллер трека, контроллер указателя и пять контроллеров на панели камеры.
- Панель сцены, редактируйте классификацию сцены и фильтруйте в режиме реального времени по категории, имени, полному заклинанию и инициалам пиньинь.
- Панель моделей, редактируйте классификацию моделей, фильтруйте в режиме реального времени по категории, имени, полному заклинанию и инициалам пиньинь.
- Панель карты, отредактируйте классификацию карты и отфильтруйте в режиме реального времени по категории, имени, полному заклинанию и инициалам пиньинь.
- Панель материалов, редактирование классификации материалов, фильтрация в режиме реального времени в соответствии с категорией, именем, полным заклинанием, инициалами пиньинь.
- Аудио панель, редактирование аудио классификации, фильтрация в режиме реального времени по категории, имени, полному заговору, пиньинь инициалам.
- Компонент материала, добавьте новый материал и выберите функцию материала на панели материалов.
- Текстуры, прозрачные текстуры, выпуклые текстуры, обычные текстуры, сменные текстуры, шероховатые текстуры, металлические текстуры, текстуры окружающей среды, световые текстуры, текстуры окклюзии, светящиеся текстуры Выберите текстуры на панели «Карта».
- Удалите окно сцены предыдущей версии, окно модели, окно текстуры, аудио окно.
v0.0.9
- Дата выхода: 25 ноября 2018 г.
- Обновление журнала:
- Добавьте ткань с анимацией.
- Модель gltf импортируется с анимацией.
- Импорт модели скинов с морфингом (* .js) с анимацией. (Модель была удалена из нового примера three.js.)
- Плоские инструменты рисования.
- Инструмент для рисования плоских линий.
- Инструмент для плоских наклеек.
- Проверьте оптимизацию эффекта объекта.
v0.0.8
- Дата выхода: 27 октября 2018 г.
- Обновление журнала:
- Обновление документации редактора.
- Сервер загрузки стерео карты и может быть установлен в качестве фона сцены.
- Все сценарии публикуют статический веб-сайт одним щелчком мыши, который легко развернуть в сервисе
GitHub Pages. - Берлинские компоненты местности, сериализация и десериализация, и могут отображаться в плеере.
- Загрузите текстуру MP4-видео и установите ее в качестве материала для воспроизведения видео в 3D-сцене.
- Добавьте водные компоненты.
v0.0.7
- Дата выхода: 14 октября 2018 г.
- Обновление журнала:
- Сцена, модель, текстура, аудио, функция редактирования ресурса MMD, предварительный просмотр загрузки.
- Функция редактирования атрибутов текстуры материала.
- Плеер реархитируется.
- Излучатель частиц, небо, пламя, сохранение дыма, загрузка, оптимизация игры.
- Компонент твердого тела больше не добавляется по умолчанию и вместо этого добавляется вручную из меню компонентов.
v0.0.6
- Дата выхода: 30 сентября 2018 г.
- Обновление журнала:
- Обеспечить поддержку анимации движения. Вы можете визуально изменять анимацию движения на временной шкале и воспроизводить ее в проигрывателе.
- Добавлена загрузка модели mmd (формат pmd и pmx) и анимация mmd, которую можно воспроизводить в плеере.
- Добавлена загрузка модели lmesh для воспроизведения в плеере.
- Базовая геометрия, источник света и пакет местности для дальнейшего развития.
v0.0.5
- Дата выхода: 16 сентября 2018 г.
- Обновление журнала:
- Изменение макета: правая сторона заменена на два столбца, левый столбец содержит диаграмму уровня сцены и функцию управления сценарием js, а правый столбец - панель атрибутов, настроек и истории. Добавьте редактирование анимации (не завершено) под сценой редактирования и переместите представление журнала сюда.
- Преобразование компонентов панели свойств, добавление базовой информации, камеры, геометрии, источника света, материала, излучателя частиц, физической конфигурации, сцены, тени, Несколько компонентов, таких как смещение, аудио монитор, фоновая музыка и т. Д.
- Фоновая музыка поддерживает сохранение загрузки и обеспечивает управление аудио.
- Исправьте функцию редактирования программы шейдера, чтобы увидеть эффект шейдера в режиме реального времени.
- Добавьте компонент редактирования параметров чайника.
- Различные геометрии могут включать отражения.
v0.0.4
- Дата выхода: 2 сентября 2018 г.
- Обновление журнала:
-
Оптимизация редактирования скрипта, скрипт больше не привязан к объекту, может быть сохранен и загружен вместе со сценой, предоставляя образцы сценариев javascript, vertexShader ,gmentShader, programInfo. Пользовательские скрипты поддерживают
init,start,update,stop,onClick,onDblClick,onKeyDown,onKeyUp,onMouseDown,onMouseMove,onMouseMove,onMouseUp,onMouseWheel,onResize13 событий. -
Фон поддерживает три различных типа сплошного цвета, фоновое изображение и стерео текстуру, которые можно сохранять и загружать.
-
Добавлены настройки отображения и скрытия для 9 видов помощников: сетка, камера, точечный источник света, параллельный источник света, прожектор, свет полусферы, прямоугольный источник света, помощник и кость.
-
Добавьте панель журнала.
-
Зеркало добавляет специальные зеркальные эффекты.
v0.0.3
- Дата выхода: 15 августа 2018
- Обновление журнала:
- Используйте
asp.netдля разработки сервераwebи используйтеMongoDBдля сохранения данных модели и сцены. - Загрузите 15 форматов 3D моделей и сохраните их на сцене.
- Создавайте, сохраняйте и загружайте сцены.
- Группа, 12 встроенных геометрий, 5 видов источников света могут сохранить сцену и нагрузку.
- Сериализация и десериализация 85 объектов Three.js.
v0.0.2
- Время выхода: 9 июня 2018 г.
- Обновление журнала:
- Используйте
rollupдля рефакторинга кода для встроенного редактораthree.js.
v0.0.1
- Время выхода: 21 июня 2017 г.
- Обновление журнала:
- В основном завершите перевод встроенного редактора three.js.
Ссылки по теме
- Официальный сайт Three.js: https://threejs.org/
- LOL Model Viewer: https://github.com/tengge1/lol-model-viewer

