2016-09-23 2 views
1

Я хотел бы создать веб-приложение для моделирования диаграмм UML в 3D. Я имею в виду что-то вроде этого 3D UML. Я могу использовать JavaScript (или TypeScript или что-то в этом роде) и CSS3 и HTML5. Но я все еще не знаю, какую библиотеку JS я должен использовать. Я нашел, например, «threejs» и «away3d». Знаете ли вы какую-то подходящую библиотеку для моих целей? Спасибо3D UML-моделирование в JavaScript/TypeScript

ответ

0

Очевидно, что вы знаете о 3D-преобразованиях CSS3. Использование только CSS3 может быть немного сложнее для ваших целей, но это очень выгодно, если вы не преувеличиваете несколько элементов в 3D, потому что преобразования CSS3 предназначены для использования с умеренностью.

Три пользователя предназначены для использования вместе с холстом HTML5 и WebGL. Если вы хотите использовать WebGL, который очень эффективен для создания сложных вещей в 3D, вместо 3D-преобразований CSS3, который намного проще, триjs - хороший выбор, потому что у WebGL нет собственных операций над матрицами преобразований, я думаю.

Но если вы хотите, чтобы 3D3-преобразования CSS3 были для вас полезными, просто помните: избегайте сочетания объявления CSS в JavaScript, это сочетание плохой практики HTML, CSS, JavaScript и т. Д. Вы можете изменить класс элемента HTML (который может быть классом в вашем приложении) динамически. В этих классах вы будете делать объявления CSS с переходами, преобразованиями и т. Д. Вместо того, чтобы изменять свойство .style элемента в скрипте.

Я не знаю, поможет ли это вам.

+0

Я был думая о преобразованиях CSS3, но я не уверен, что его аппаратное ускорение. И почему вы думаете, что преобразования CSS3 - лучший выбор для меня? – mspiderv

+0

Я думаю, что это хороший выбор, если вы хотите сделать интерфейс в 3D для веб-приложения. Любой интерфейс с набором трехмерных элементов может использовать его. Конечно, в полностью 3D-сценарии используйте WebGL. Браузеры, как правило, имеют большое значение в преобразованиях CSS3, , но это только мое мнение, и я не знаю, что именно вы хотите сделать. –

+0

Я хочу создать UML-диаграммы, а не только UI, поэтому я думаю, что я должен использовать WebGL. Но какая библиотека? Babylon.js выглядит неплохо, но Three.js тоже. Я не знаю, что выбрать. – mspiderv

1

Css3d визуализатор в Threejs может быть полезным вы можете применить все свои свойства CSS3, а также вы получите язык разметки в вашем средстве разработки, где вы можете увидеть все Css3d преобразование происходит взглянуть на их демо периодической таблицы CSS3d Periodic table

Смежные вопросы