Skip to content

Latest commit

 

History

History
368 lines (275 loc) · 28.9 KB

README-jp.md

File metadata and controls

368 lines (275 loc) · 28.9 KB
Raw

Shadow Editor

Language: 中文 / 繁體中文 / English / 日本語 / Le français / русский

  • 名前：シャドウエディタ
  • バージョン：v0.1.8（開発中）
  • はじめに： three.jsをベースにしたシーンエディタ。

v0.1.8は近日更新予定

  1. 設定パネルをオプションメニューに置きます。
  2. 色相回転、彩度、明るさ、ぼかし、コントラスト、グレースケール、反転、およびセピアフィルタを追加しました。

v0.1.7更新

  • 発売日：2019年3月23日
  • 更新ログ：
  1. オブジェクトが修復された後、シーンツリーは時間内に応答することができず、ツリーノードが展開され、ツリーノードが故障しているというバグを記憶することができない。
  2. オブジェクト名が長すぎ、省略記号が自動的に表示されます。ノードをマウスオーバーすると、フルネームが表示されます。
  3. 全画面再生と新しいウィンドウ再生を追加しました。プレイヤーとエディタは完全に分離されており、プレイヤーは独立して走ることができます。
  4. 編集したシーンを実行するiframeに埋め込むことができます。アドレス： /view.html？sceneID = sceneID。このアドレスは、新しいウィンドウ再生機能を使用して取得できます。
  5. オブジェクト選択効果の最適化：等幅ストローク。
  6. モデル作成ツールを修正し、フォルダ内のすべてのファイルをコピーせずにモデルをコピーします。
  7. すべての設定は代わりに localStorageに保存され、シーン設定には保存されなくなりました。
  8. 再構築された平行光ヘルパー、半球光ヘルパー、点光ヘルパー、長方形光ヘルパー、スポットライトヘルパー、イベント駆動、もはやエディターに大きく依存しません。
  9. フォルダ構造を整理します。ヒストリーパネルモジュールを書き直して、密結合のOutlinerコントロールを完全に削除します。
  10. 英語翻訳の最適化
  11. シーンのワンクリックエクスポート機能を追加して、シーンに必要なモデルとリソースを自動的に分析し、必要なリソースはすべて /temp/yyyyMMddHHmmssフォルダーに配置されます。
  12. リソースなしでエディタ機能をエクスポートします。
  13. デモプロジェクトを再リリースしました。Gitee GitHub
  14. レンダラー設定、影、γ入力、γ出力、ガンマ係数設定の無効なバグを修正しました。
  15. 平面上の点、線、およびスプレーツールには一度に1つの点のみを描画できます。
  16. トゥイーンアニメーションが再生できない問題を修正しました。

プロジェクトのスクリーンショット

暖かい小さな巣。

画像

image

より多くのスクリーンショットのために ここをクリック。

                                                                                                                               
ソース GitHub コードクラウド ドキュメント GitHub コードクラウド
デモ GitHub コードクラウド データベースとリソース Baiduネットワークディスク20190116 抽出コード：n8je

主な機能

  1. three.js / WebGLの3次元シーンオンラインエディタに基づき、サーバーはアニメーション、オーディオ、カテゴリ、キャラクター、テクスチャ、マテリアル、メッシュモデル、パーティクル、プリセットボディ、シーンデータを保存するために MongoDBを使用します。
  2. 内蔵ジオメトリ：平面、立方体、円、円柱、球、二十面体、タイヤ、結び目、ティーポット、ワイングラス、エルフ、テキスト;線分、CatmullRom曲線、2次ベジエ曲線、3次ベジエ曲線楕円曲線
  3. 内蔵光源：周囲光、平行光、点光源、スポットライト、半球状の光、長方形の光。
  4. さまざまな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、 xアニメーションをサポートするための animのサポートを持つ31種類の3Dファイルフォーマット。さまざまな3Dファイルが jsonとバイナリフォーマットの両方をサポートしています。 mmdファイルは pmdと pmxフォーマットの両方をサポートし、 vmdフォーマットのモデルとカメラアニメーションをサポートします。それはまた lmesh（大好きなウェブサイトのlolモデル）をサポートする唯一のエディタです。
  5. ビルトイン素材：ライン素材、破線素材、基本素材、デプス素材、法線ベクトル素材、ランバート素材、ファン素材、ポイントクラウド素材、標準素材、物理素材、スプライト素材、シェーダ素材、生シェーダ材料です。
  6. サポートテクスチャ：カラーテクスチャ、透明テクスチャ、バンプテクスチャ、ノーマルテクスチャ、ディスプレイスメントテクスチャ、ミラーテクスチャ、環境テクスチャ、照明テクスチャ、オクルージョンテクスチャ、自己照明テクスチャ。
  7. サポートテクスチャ：画像、キューブテクスチャ、ビデオテクスチャ。
  8. 内蔵コンポーネント：BGM、パーティクルエミッタ、空、炎、水、煙、布のコンポーネント。
  9. シーンやカメラなどのオブジェクトのプロパティを視覚的に変更し、40以上の異なる変更パネルを提供します。
  10. スマートなヒントで、jsスクリプトを編集し、プログラムをオンラインでシェーダします。
  11. 自分のプレーヤー、リアルタイムのデモシーンの動的効果、全画面表示と新しいウィンドウの再生のサポートを持ってくると、プロジェクトの iframeに直接埋め込むことができます。
  12. トゥイーンアニメーション、骨格アニメーション、パーティクルアニメーション、mmdアニメーション、lmeshアニメーションをサポートします（lolkingウェブサイトlol model）。
  13. シーン、モデル、テクスチャ、マテリアル、オーディオ、アニメーション、パーティクル、プリセット、キャラクタリソース管理をサポートし、カスタム分類をサポートし、漢字とピンインに従ってすばやく検索する。その中で、パーティクル、プリセットボディ、およびロールリソース管理は、対応する機能をまだ達成していません。
  14. 5種類のコントローラーをサポートします：ファーストビューコントローラー、フライトコントローラー、トラックコントローラー、ポインターロックコントローラー、トラックボールコントローラー。
  15. ドットマトリックス効果、カラーシフト効果、残像効果、背景のぼかし、高速近似アンチエイリアス（FXAA）、グリッチ効果、ハーフトーン効果、フルスクリーンアンチエイリアス（SSAA）、ピクセル効果、スケーラブル環境光をサポートオクルージョン（SAO）、マルチサンプリングアンチエイリアシング（SMAA）、スクリーンスペースアンビエントオクルージョン（SSAO）、時間アンチエイリアシング（TAA）。
  16. 元に戻すとやり直しをサポートするために履歴とログ機能を提供します。
  17. gltf、 obj、 ply、 stlモデルをエクスポートするためのサポート。
  18. 弾丸物理エンジンのサポート。剛体コンポーネントは、立方体、円、円柱、二十面体、ワイングラス、飛行機、球、ティーポット、タイヤ、ノット、およびロードされたモデルによってサポートされます。衝突体の形状（正方形、球形）、質量、慣性を設定するための視覚化をサポートします。
  19. パン、回転、ズーム、ポイント、ライン、オブジェクト表面のデカール、オブジェクト数のリアルタイム統計、頂点、三角形。
  20. サポートシーンワンキーエクスポート機能。
  21. 中国語と英語のバイリンガルサポート。
  22. 色相回転、彩度、明るさ、ぼかし、コントラスト、グレースケール、反転、およびセピアフィルタをサポートします。
  23. バージョン管理のサポート。

指南を使う

このプロジェクトは、Windowsシステムをサポートしています、あなたはあなたのコンピューターにDotNet Framework 4.5をインストールする必要があります。

最新バージョンのGoogle Chromeを使用することをお勧めします。他のブラウザとの互換性は保証されていません。

  1. NodeJsをインストールし、一番外側のディレクトリで以下のコマンドを実行します。
Npm install
Npm run build
  1. MongoDBをダウンロードしてMongoDBサービスをインストールして起動します。 MongoDBサービスのデフォルトポートは27017です。
Mongod --dbpath=D:\mongodb\db --logpath=D:\mongodb\log\mongoDB.log --install --serviceName MongoDB
Net start MongoDB
  1. ファイル ShadowEditor.Web / Web.configを編集して、 27017をあなたのコンピュータ上のMongoDBサービスのポートに変更してください。
<add key="mongo_connection" value="mongodb://127.0.0.1:27017" />

  1. Visual Studio 2017でプロジェクトを開き、 ShadowEditor.Webプロジェクトを生成してください。

  2. ブラウザでアクセスするために、iisに ShadowEditor.Webをデプロイします。

  3. 通常のダウンロード用にさまざまな種類のファイルを保存するには、次の2つのMIMEタイプをiisに追加する必要があります。

ファイル拡張子 MIMEタイプ 説明
.* application/octet-stream さまざまな形式のサフィックスファイル
/ application/octet-stream 接尾辞ファイルはありません
  1. ドキュメントをコンパイルし、gitbookをインストールしてください。
Npm install -g gitbook-cli

それから docs-devディレクトリに切り替えてgitbookプラグインをインストールしてください。

Gitbook install

その後、親ディレクトリに移動して次のコマンドを実行し、ドキュメントを生成します。

Npm run build-docs

よくある質問

  1. モデルをアップロードするとアップロードが失敗するのはなぜですか？

モデルマップなどのリソースはzipパッケージに圧縮する必要があり、インポートファイルをフォルダにネストすることはできません。サーバーはアップロードされたzipパッケージを 〜/ Upload / Modelファイルに抽出し、MongoDBの _Meshテーブルにデータを追加します。

  1. 複数のモデルを組み合わせる方法

基本形状は、複数レベルのネストをサポートしています。 （ジオメトリメニューで） groupを追加してシーンツリーの 'group'に複数のモデルをドラッグすることができます。

更新ログ

v0.1.7

  • 発売日：2019年3月23日
  • 更新ログ：
  1. オブジェクトが修復された後、シーンツリーは時間内に応答することができず、ツリーノードが展開され、ツリーノードが故障しているというバグを記憶することができない。
  2. オブジェクト名が長すぎ、省略記号が自動的に表示されます。ノードをマウスオーバーすると、フルネームが表示されます。
  3. 全画面再生と新しいウィンドウ再生を追加しました。プレイヤーとエディタは完全に分離されており、プレイヤーは独立して走ることができます。
  4. 編集したシーンを実行するiframeに埋め込むことができます。アドレス： /view.html？sceneID = sceneID。このアドレスは、新しいウィンドウ再生機能を使用して取得できます。
  5. オブジェクト選択効果の最適化：等幅ストローク。
  6. モデル作成ツールを修正し、フォルダ内のすべてのファイルをコピーせずにモデルをコピーします。
  7. すべての設定は代わりに localStorageに保存され、シーン設定には保存されなくなりました。
  8. 再構築された平行光ヘルパー、半球光ヘルパー、点光ヘルパー、長方形光ヘルパー、スポットライトヘルパー、イベント駆動、もはやエディターに大きく依存しません。
  9. フォルダ構造を整理します。ヒストリーパネルモジュールを書き直して、密結合のOutlinerコントロールを完全に削除します。
  10. 英語翻訳の最適化
  11. シーンのワンクリックエクスポート機能を追加して、シーンに必要なモデルとリソースを自動的に分析し、必要なリソースはすべて / temp / yyyyMMddHHmmssフォルダーに配置されます。
  12. リソースなしでエディタ機能をエクスポートします。
  13. デモプロジェクトを再リリースしました。Gitee GitHub
  14. レンダラー設定、影、γ入力、γ出力、ガンマ係数設定の無効なバグを修正しました。
  15. 平面上の点、線、およびスプレーツールには一度に1つの点のみを描画できます。
  16. トゥイーンアニメーションが再生できない問題を修正しました。

v0.1.6

  • 発売日：2019年3月10日
  • 更新ログ：
  1. xtype.jsを使って、UIフレームワークを邪魔にならない方法でリファクタリングします。
  2. メインフレームは絶対位置を使用して再配置されます。
  3. 下部パネルは最大化と復元をサポートします。
  4. 下部パネルにリソース統計が表示されます。
  5. 多数のテクスチャとモデルを集めて整理します。
  6. マッピングツールを整理します。
  7. モデルツールを整理します。
  8. サムネイルツールを整理します。
  9. 点光源を追加し、デフォルトで球とハロを追加しません。
  10. 半球ライトを追加し、デフォルトでスカイボールを追加しなくなりました。
  11. 長方形のライトを追加し、デフォルトで長方形の白い画面を追加しなくなりました。
  12. 元の選択効果は 後処理 'を使って達成されたので、深刻なパフォーマンスの低下とエイリアシングが起こりました。それで、選択された効果を再実装するために 通常の押し出し>とテンプレートテスト メソッドを使用してください。
  13. 書き換え後に選択した効果がギザギザにならなくなり、高速アンチエイリアス（FXAA）機能がデフォルトで有効にならなくなり、パフォーマンスが向上します。古いシーンでは、シーンプロパティの クイック近似アンチエイリアシング（FXAA）のチェックを外して、もう一度保存してください。
  14. デフォルトでは、読み込み速度を向上させるために `postprocessing>関連シェーダと特殊効果ライブラリは読み込まれません。
  15. 作成スクリプトのコメントの未完成バグを修正しました。
  16. 下部パネルを折りたたみます。
  17. 折りたたみ、ドラッグ、および選択をサポートするようにシーンツリーコントロールを書き換えます。
  18. シーンをクリックしてモデルを選択すると、シーンツリーはモデルの一部ではなくモデル全体を優先し、選択されたモデルまで自動的に拡大してスクロールします。

v0.1.5

  • 発売日：2019年2月23日
  • 更新ログ：
  1. 線分、CatmullRom曲線、2次ベジェ曲線、3次ベジェ曲線、楕円曲線の視覚的編集、保存および読み込み。
  2. タイムライン上のアニメーションをドラッグできないバグを修正しました。
  3. シーンツリービューでオブジェクトをグループにドラッグできないというバグを修正しました。
  4. 基本ジオメトリはマルチレベルのネスティングをサポートしており、通常は負荷を節約できます。
  5. パースペクティブコントロールのサイズ計算のバグを修正しました。
  6. ビューコントロールが他のオブジェクトによって隠される可能性があるバグを修正します。

v0.1.4

  • 発売日：2019年2月11日
  • 更新ログ：
  1. 方向を示すコントロールを追加します。
  2. 線分、CatmullRom曲線、2次ベジェ曲線、3次ベジェ曲線、楕円曲線を追加します。 （保存はサポートされていません）

v0.1.3

  • 発売日：2019年1月28日
  • 更新ログ：
  1. 多言語サポート：中国語と英語をサポートし、動的言語切り替えをサポートします。
  2. 曲線ジオメトリを追加します。

v0.1.2

  • 発売日：2019年1月11日
  • 更新ログ：
  1. シーンにバージョン管理を追加しました。シーンテーブルは最新のシーンのみを保存し、履歴データは 'scene name_history`テーブルに保存されます。
  2. マテリアルを保存してシェーダサムネイルを自動的に生成します。
  3. サーバーモデルにロードされた修正済みの素材を保存します。
  4. 長方形、円形、円筒形、二十面体、ワイングラス、平面、球、ティーポット、タイヤ、結び目、および荷重モデルはすべて剛体コンポーネントをサポートします。衝突体の形状（正方形、球形）、質量、慣性を設定するための視覚化をサポートします。
  5. 立方体と球体の物理的形状ヘルパーを追加します。

v0.1.1

  • 発売日：2018年12月30日
  • 更新ログ：
  1. mmdアニメーションとオーディオの同期ずれの問題を修正しました。モデルアニメーションやカメラアニメーションと同期するために複数のmmdモデルをサポートします。
  2. ドットマトリックス効果、カラーシフト効果、残像効果、背景ぼかし、高速近似アンチエイリアス（FXAA）、グリッチ効果、ハーフトーン効果、フルスクリーンアンチエイリアス（SSAA）、ピクセル効果、スケーラブル環境ライトオクルージョン（SAO）、マルチサンプルアンチエイリアシング（SMAA）、スクリーンスペースアンビエントライトシェーディング（SSAO）、タイムアンチエイリアシング（TAA）。
  3. パーティクル、プリセット、およびロールパネルを追加します。 （まだ特定の機能は実装されていません）

v0.1.0

  • 発売日：2018年12月15日
  • 更新ログ：
  1. モデルインポート機能を再編成します。現在 3ds、 3mf、 amf、 assimp（anim）、 awd、 babylon、 bvh（anim）、 collada、 ctm、 draco、 fbxをサポートしています（アニメ）、gcode、gltf（アニメ）、js（アニメ）、json（アニメ）、kmz、lmesh（アニメ）、md2、mmd（アニメ） ）、「nrrd」、「obj」、「pcd」、「pdb」、「prw」、「sea3d」（anim）、「stl」、「vrm」、「vrm」、「vtk」、「」 animの表現を持つX31種類の3Dファイルフォーマットはアニメーションをサポートします。さまざまな3Dファイルが jsonとバイナリフォーマットの両方をサポートしています。 mmdファイルは pmdと pmxフォーマットの両方をサポートし、 vmdフォーマットのモデルとカメラアニメーションをサポートします。それはまた lmesh（大好きなウェブサイトのlolモデル）をサポートする唯一のエディタです。
  2. プレイヤーは、カメラパネルに最初のコントローラ、フライトコントローラ、トラックコントローラ、ポインタコントローラ、および5つのコントローラを追加します。
  3. シーンパネル、シーンの分類を編集し、カテゴリ、名前、フルスペル、ピンインイニシャルに従ってリアルタイムでフィルタリングします。
  4. モデルパネル、モデル分類の編集、カテゴリ、名前、フルスペル、ピンインイニシャルによるリアルタイムのフィルタ。
  5. マップパネル、マップ分類の編集、カテゴリ、名前、フルスペル、ピンインイニシャルによるリアルタイムでのフィルタリング。
  6. 材料パネル、材料分類の編集、カテゴリ、名前、フルスペル、ピンインイニシャルによるリアルタイムのフィルタ。
  7. オーディオパネル、オーディオ分類の編集、カテゴリ、名前、フルスペル、ピンインイニシャルによるリアルタイムフィルタ。
  8. 材料コンポーネント、新しい材料を追加し、材料パネルから材料機能を選択します。
  9. テクスチャ、透明テクスチャ、バンプテクスチャ、ノーマルテクスチャ、置換テクスチャ、ラフテクスチャ、メタルテクスチャ、環境テクスチャ、ライティングテクスチャ、オクルージョンテクスチャ、グローテクスチャマップパネルからテクスチャを選択します。
  10. 前のバージョンのシーンウィンドウ、モデルウィンドウ、テクスチャウィンドウ、オーディオウィンドウを削除します。

v0.0.9

*発売日：2018年11月25日 *更新ログ：

  1. アニメーション付きの布を追加します。
  2. gltfモデルがアニメーション付きでインポートされます。
  3. アニメーション付きのスキンモーフ（* .js）モデルのインポート。 （モデルは新しいthree.jsの例から削除されました。）
  4. フラット描画ツール。
  5. フラットライン描画ツール。
  6. 平面デカールツール。
  7. オブジェクト効果の最適化を確認します。

v0.0.8

  • 発売日：2018年10月27日
  • 更新ログ：
  1. エディタのドキュメントを更新しました。
  2. ステレオマップアップロードサーバーとシーンの背景として設定できます。
  3. すべてのシナリオでワンクリックで静的Webサイトを公開します。これは GitHub Pagesサービスに簡単にデプロイできます。
  4. ベルリン地形コンポーネント、シリアライゼーションおよびデシリアライゼーション、そしてプレーヤーに表示することができます。
  5. mp4ビデオテクスチャをアップロードし、それをマテリアルに設定して、3Dシーンでビデオを再生します。 水成分を添加する。

v0.0.7

  • 発売日：2018年10月14日
  • 更新ログ：
  1. シーン、モデル、テクスチャ、オーディオ、mmdリソース編集機能、アップロードプレビュー。
  2. 質感属性編集機能。
  3. プレイヤーは再設計されました。
  4. パーティクルエミッタ、空、炎、煙の保存、読み込み、最適化の実行。
  5. リジッドボディコンポーネントはデフォルトで追加されなくなり、代わりにコンポーネントメニューから手動で追加されます。

v0.0.6

  • 発売日：2018年9月30日
  • 更新ログ：
  1. トゥイーンアニメーションサポートを提供します。タイムライン上のトゥイーンアニメーションを視覚的に変更してプレーヤーで再生することができます。
  2. プレーヤーで再生できるmmdモデル（pmdおよびpmxフォーマット）とmmdアニメーションをアップロードしました。
  3. プレーヤーで再生するためのアップロードlmeshモデルを追加しました。 さらなる発展のための基本的な幾何学的形状、光源、および地形パッケージ。

v0.0.5

  • 発売日：2018年9月16日
  • 更新ログ：
  1. レイアウト変更：右側がシーンレベル図とスクリプト管理機能、右側が属性・設定・履歴パネルの2列に変更されました。 編集シーンの下にアニメーション編集（未完了）を追加し、ログビューをここに移動します。
  2. プロパティパネルコンポーネントの変換、基本情報の追加、カメラ、ジオメトリ、光源、マテリアル、パーティクルエミッタ、物理構成、シーン、影、 ディスプレイスメント、オーディオモニター、BGMなどの複数のコンポーネント
  3. BGMはセーブローディングをサポートし、オーディオ管理を提供します。
  4. シェーダプログラム編集機能を修正して、リアルタイムでシェーダ効果を確認します。
  5. ティーポットパラメータ編集コンポーネントを追加します。
  6. さまざまなジオメトリが反射を有効にします。

v0.0.4

  • 発売日：2018年9月2日
  • 更新ログ：
  1. スクリプト編集の最適化、スクリプトはオブジェクトにバインドされなくなり、保存してシーンと一緒に読み込むことができ、javascript、vertexShader、fragmentShader、programInfoサンプルスクリプトが提供されます。カスタムスクリプトはinit、start、update、stop、onClick、onDblClick、onKeyDown、onKeyUp、onMouseDown、onMouseMoveをサポートします。 onMouseUp、onMouseWheel、onResizeの13個のイベント。
  2. 背景は、3種類の単色、背景画像、ステレオテクスチャをサポートしており、これらを保存して読み込むことができます。
  3. グリッド、カメラ、ポイントライト、平行光、スポットライト、半球ライト、長方形ライト、ヘルパー、ボーンの9種類のヘルパーの表示と非表示の設定を追加しました。
  4. ログパネルを追加します。
  5. 鏡は特殊な鏡効果を加えます。

v0.0.3

  • 発売日：2018年8月15日
  • 更新ログ：
  1. asp.netを使って webサーバーを開発し、 MongoDBを使ってモデルとシーンデータを保存します。
  2. 15種類の3Dモデルをアップロードしてシーンに保存します。
  3. シーンを作成、保存、および読み込みます。
  4. グループ、12種類の内蔵ジオメトリ、5種類の光源でシーンと負荷を節約できます。
  5. 85個のthree.jsオブジェクトのシリアライゼーションとデシリアライゼーション。

v0.0.2

  • 発売時期：2018年6月9日
  • 更新ログ：
  1. rollupを使って three.js組み込みエディタのコードをリファクタリングします。

v0.0.1

  • 発売時期：2017年6月21日
  • 更新ログ：
  1. three.js組み込みエディタの翻訳を主に完了します。

##関連リンク