https://soyukke.github.io/Origami/index.html
cd Origami
npm install
npm run webpack
three.jsのインストール
$ npm install three
型定義パッケージ管理
$ npm install -g typings
three.jsの型定義インストール
$ typings init
$ typings install dt~three --save --global
フロントで実行するので,webpackを使ってjavascriptをまとめる.
$ npm i -D ts-loader
npm i -S three
npm install --save-dev webpack
npm install webpack-cli --save-dev
- ノード追加時,ノードをsceneに追加
- ノード削除時,ノードをsceneから削除
- エッジ追加時,エッジをsceneに追加
- エッジ削除時,エッジをsceneから削除
- エッジとマウスカーソルとの距離計算実装
- マウスカーソルともっとも距離が近いエッジを算出する
- ノード追加モード: マウスカーソルともっとも近いエッジ上の点を表示する
- クリックでノード追加, ノード追加モード
- ノード追加モード: クリックでノード追加, 前に追加したノードとつなぐエッジを追加
- ノード追加モード: 同一ノードに2ノード追加はできない
- ノード選択モード: htmlにボタンを用意,ノード選択モードに変更する
- カメラ操作
- 紙飛行機
- 折り鶴
- エッジに山折り, 谷折り, 折り%[0, 100]つまり[0, π]情報を設定する
- 折り定義に従って折る
- 辺を選択し,辺の情報を表示・編集できるようにする
- 展開図 画像?
- 折り紙json形式?
- 折り紙ファイルload