sunyu
/
live2demo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update to Cubism 4 SDK for Web beta1

translate
ito 2019-09-02 19:14:43 +09:00
parent cef7cbcb6f
commit 5300562826
74 changed files with 15682 additions and 880 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
.editorconfig Normal file
View File

@ -0,0 +1,12 @@
root = true
[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
insert_final_newline = true
trim_trailing_whitespace = true
[*.{json,lock,yml}]
indent_size = 2

24
.gitattributes vendored
View File

@ -1,5 +1,19 @@
*.ts text
*.js text
*.json text
*.html text
*.md text
# Auto detect text files and perform LF normalization
* text=auto
# Explicitly declare files as LF
*.ts text eol=lf
*.js text eol=lf
*.json text eol=lf
*.html text eol=lf
*.md text eol=lf
*.map text eol=lf
*.lock text eol=lf
.editorconfig text eol=lf
.gitattributes text eol=lf
*.gitignore text eol=lf
# Library and media files as binary
*.moc3 binary
*.jpg binary
*.png binary

21
.gitignore vendored
View File

@ -1,4 +1,17 @@
.idea/
node_modules/
Sample/TypeScript/Demo/dist/
# Cubism Core
/Core/*
!/Core/Please_copy_cubism_core_for_web
# IDE/Editor files
.idea/
.vs/
.vscode/*
!/.vscode/launch.json
!/.vscode/tasks.json
*.iml
# Package files
/node_modules/
# Build files
/Sample/TypeScript/Demo/dist/

44
.vscode/launch.json vendored
View File

@ -1,26 +1,20 @@
{
"version": "0.2.0",
"configurations": [
// Webサーバー上にあるファイルをデバッグ
{
// デバッグ設定の名称
"name": "Launch remote website with sourcemaps",
// デバッグ種別を指定(chrome)
"type": "chrome",
// launchまたはattachを指定
"request": "launch",
// Webサーバー上にあるデバッグ対象のURLを指定
"url": "http://localhost:5500/Sample/TypeScript/Demo/index.html",
// マッピングするローカルファイルが配置されているディレクトリを指定
"webRoot": "${workspaceFolder}/",
// ソースマップの有効・向こうの指定（true/false）
"sourceMaps": true,
}
]
}
"version": "0.2.0",
"configurations": [
// Webサーバ上にあるファイルをデバッグ
{
// デバッグ設定の名称
"name": "Launch remote website with sourcemaps",
// デバッグ種別を指定(chrome)
"type": "chrome",
// launchまたはattachを指定
"request": "launch",
// Webサーバ上にあるデバッグ対象のURLを指定
"url": "http://localhost:5500/Sample/TypeScript/Demo/index.html",
// マッピングするローカルファイルが配置されているディレクトリを指定
"webRoot": "${workspaceFolder}/",
// ソースマップの有効・向こうの指定（true/false）
"sourceMaps": true
}
]
}

67
.vscode/tasks.json vendored
View File

@ -1,32 +1,37 @@
{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "2.0.0",
"tasks": [
{
"type": "npm",
"script": "build-all",
"problemMatcher": []
},
{
"type": "npm",
"script": "watch-all",
"problemMatcher": []
},
{
"type": "npm",
"script": "build-sample",
"problemMatcher": []
},
{
"type": "npm",
"script": "watch-sample",
"problemMatcher": []
},
{
"type": "npm",
"script": "build-framework",
"problemMatcher": []
}
]
}
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "2.0.0",
"tasks": [
{
"type": "npm",
"script": "build-all",
"problemMatcher": []
},
{
"type": "npm",
"script": "watch-all",
"problemMatcher": []
},
{
"type": "npm",
"script": "build-sample",
"problemMatcher": []
},
{
"type": "npm",
"script": "watch-sample",
"problemMatcher": []
},
{
"type": "npm",
"script": "build-framework",
"problemMatcher": []
},
{
"type": "npm",
"script": "serve",
"problemMatcher": []
}
]
}

36
CHANGELOG.md Normal file
View File

@ -0,0 +1,36 @@
# Changelog
All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
## [4-beta.1] - 2019-09-04
### Added
- Add method for Moc file version.
- Support new Inverted Masking features.
- Add `.editorconfig` and `.gitattributes` to manage file formats.
- Add `CHANGELOG.md`.
- Add way to create a simpler local server.
- Add sample model `/Sample/TypeScript/Demo/Resources/Rice`.
### Changed
- Upgrade Core version to 04.00.0000 (67108864).
- Convert all file formats according to `.editorconfig`.
- Rename `cubismrenderer_WebGL.ts` to `cubismrenderer_webgl.ts`.
- What was `CubismSdkPackage.json` is currently being changed to`cubism-info.yml`.
- Upgrade all dependency packages and lock package version by adding `package-lock.json`.
- Update `README.md`.
- Delete guidance from `README.md` due to suspension of *Cubism Bindings*.
- Update `.gitignore`.
### Fixed
- Fix issue with reloading model images in WebKit.
[4-beta.1]: https://github.com/Live2D/CubismWebSamples/compare/e36ab2233a89de9225f64e5a02d521bc7235bd03...4-beta.1

1
Core/Please copy cubism core for web
View File

@ -1 +0,0 @@
Please copy cubism native core

0
Core/Please_copy_cubism_core_for_web Normal file
View File

8
Framework/cubismdefaultparameterid.ts
View File

@ -1,14 +1,14 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* @brief パラメータIDのデフォルト値を保持する定数<br>
* デフォルト値の仕様は以下のマニュアルに基づく<br>
* http://docs.live2d.com/cubism-editor-manual/standard-parametor-list/
* https://docs.live2d.com/cubism-editor-manual/standard-parametor-list/
*/
export namespace Live2DCubismFramework
{
@ -63,4 +63,4 @@ export namespace Live2DCubismFramework
export const ParamBaseX: string = "ParamBaseX";
export const ParamBaseY: string = "ParamBaseY";
export const ParamNONE: string = "NONE:";
}
}

14
Framework/cubismframeworkconfig.ts
View File

@ -1,9 +1,9 @@
/*
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
//========================================================
// ログ出力関数の設定
@ -29,4 +29,4 @@ export const CSM_LOG_LEVEL_OFF: number = 5;
* 強制的にログ出力レベルを変える時に定義を有効にする。
* CSM_LOG_LEVEL_VERBOSE ～ CSM_LOG_LEVEL_OFF を選択する。
*/
export const CSM_LOG_LEVEL: number = CSM_LOG_LEVEL_VERBOSE;
export const CSM_LOG_LEVEL: number = CSM_LOG_LEVEL_VERBOSE;

52
Framework/cubismmodelsettingjson.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismframework} from "./live2dcubismframework";
@ -33,21 +33,21 @@ export namespace Live2DCubismFramework
const Groups: string = "Groups";
const Layout: string = "Layout";
const HitAreas: string = "HitAreas";
const Moc: string = "Moc";
const Textures: string = "Textures";
const Physics: string = "Physics";
const Pose: string = "Pose";
const Expressions: string = "Expressions";
const Motions: string = "Motions";
const UserData: string = "UserData";
const Name: string = "Name";
const FilePath: string = "File";
const Id: string = "Id";
const Ids: string = "Ids";
const Target: string = "Target";
// Motions
const Idle: string = "Idle";
const TapBody: string = "TapBody";
@ -56,11 +56,11 @@ export namespace Live2DCubismFramework
const Shake: string = "Shake";
const FlickHead: string = "FlickHead";
const Parameter: string = "Parameter";
const SoundPath: string = "Sound";
const FadeInTime: string = "FadeInTime";
const FadeOutTime: string = "FadeOutTime";
// Layout
const CenterX: string = "CenterX";
const CenterY: string = "CenterY";
@ -68,10 +68,10 @@ export namespace Live2DCubismFramework
const Y: string = "Y";
const Width: string = "Width";
const Height: string = "Height";
const LipSync: string = "LipSync";
const EyeBlink: string = "EyeBlink";
const InitParameter: string = "init_param";
const InitPartsVisible: string = "init_parts_visible";
const Val: string = "val";
@ -91,14 +91,14 @@ export namespace Live2DCubismFramework
/**
* Model3Jsonパーサー
*
*
* model3.jsonファイルをパースして値を取得する
*/
export class CubismModelSettingJson extends ICubismModelSetting
{
/**
* 引数付きコンストラクタ
*
*
* @param buffer Model3Jsonをバイト配列として読み込んだデータバッファ
* @param size Model3Jsonのデータサイズ
*/
@ -135,7 +135,7 @@ export namespace Live2DCubismFramework
/**
* CubismJsonオブジェクトを取得する
*
*
* @return CubismJson
*/
public GetJson(): CubismJson
@ -166,7 +166,7 @@ export namespace Live2DCubismFramework
{
return 0;
}
return this._jsonValue.at(FrequestNode.FrequestNode_Textures).getSize();
}
@ -205,7 +205,7 @@ export namespace Live2DCubismFramework
/**
* 当たり判定に設定されたIDを取得する
*
*
* @param index 配列のindex
* @return 当たり判定に設定されたID
*/
@ -374,7 +374,7 @@ export namespace Live2DCubismFramework
{
return -1.0;
}
return this._jsonValue.at(FrequestNode.FrequestNode_Motions).getValueByString(groupName).getValueByIndex(index).getValueByString(FadeInTime).toFloat();
}
@ -445,7 +445,7 @@ export namespace Live2DCubismFramework
{
return 0;
}
let num: number = 0;
for (let i = 0; i < this._jsonValue.at(FrequestNode.FrequestNode_Groups).getSize(); i++)
{
@ -461,7 +461,7 @@ export namespace Live2DCubismFramework
break;
}
}
return num;
}
@ -476,7 +476,7 @@ export namespace Live2DCubismFramework
{
return null;
}
for (let i = 0; i < this._jsonValue.at(FrequestNode.FrequestNode_Groups).getSize(); i++)
{
let refI: Value = this._jsonValue.at(FrequestNode.FrequestNode_Groups).getValueByIndex(i);
@ -503,7 +503,7 @@ export namespace Live2DCubismFramework
{
return 0;
}
let num: number = 0;
for (let i: number = 0; i < this._jsonValue.at(FrequestNode.FrequestNode_Groups).getSize(); i++)
{
@ -519,7 +519,7 @@ export namespace Live2DCubismFramework
break;
}
}
return num;
}
@ -534,7 +534,7 @@ export namespace Live2DCubismFramework
{
return null;
}
for (let i: number = 0; i < this._jsonValue.at(FrequestNode.FrequestNode_Groups).getSize(); i++)
{
let refI: Value = this._jsonValue.at(FrequestNode.FrequestNode_Groups).getValueByIndex(i);
@ -605,7 +605,7 @@ export namespace Live2DCubismFramework
let node: Value = this._jsonValue.at(FrequestNode.FrequestNode_Pose);
return !node.isNull() && !node.isError();
}
/**
* 表情設定ファイルのキーが存在するかどうかを確認する
* @return true キーが存在する
@ -709,7 +709,7 @@ export namespace Live2DCubismFramework
return true;
}
}
return false;
}
@ -733,9 +733,9 @@ export namespace Live2DCubismFramework
}
return false;
}
private _json: CubismJson;
private _jsonValue: csmVector<Value>;
}
}
}

26
Framework/effect/cubismbreath.ts
View File

@ -1,9 +1,9 @@
/*
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as csmvector} from "../type/csmvector";
import {Live2DCubismFramework as cubismmodel} from "../model/cubismmodel";
@ -17,7 +17,7 @@ export namespace Live2DCubismFramework
{
/**
* 呼吸機能
*
*
* 呼吸機能を提供する。
*/
export class CubismBreath
@ -96,7 +96,7 @@ export namespace Live2DCubismFramework
_breathParameters: csmVector<BreathParameterData>; // 呼吸にひもづいているパラメータのリスト
_currentTime: number; // 積算時間[秒]
}
/**
* 呼吸のパラメータ情報
*/
@ -112,11 +112,11 @@ export namespace Live2DCubismFramework
*/
constructor(parameterId?: CubismIdHandle, offset?: number, peak?: number, cycle?: number, weight?: number)
{
this.parameterId = (parameterId == undefined)
? null
this.parameterId = (parameterId == undefined)
? null
: parameterId;
this.offset = (offset == undefined)
? 0.0
? 0.0
: offset;
this.peak = (peak == undefined)
? 0.0
@ -125,7 +125,7 @@ export namespace Live2DCubismFramework
? 0.0
: cycle;
this.weight = (weight == undefined)
? 0.0
? 0.0
: weight;
}
@ -135,4 +135,4 @@ export namespace Live2DCubismFramework
cycle: number; // 呼吸を正弦波としたときの、波の周期
weight: number; // パラメータへの重み
}
}
}

16
Framework/effect/cubismeyeblink.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as csmvector} from "../type/csmvector";
@ -18,7 +18,7 @@ export namespace Live2DCubismFramework
{
/**
* 自動まばたき機能
*
*
* 自動まばたき機能を提供する。
*/
export class CubismEyeBlink
@ -101,7 +101,7 @@ export namespace Live2DCubismFramework
{
case EyeState.EyeState_Closing:
t = ((this._userTimeSeconds - this._stateStartTimeSeconds) / this._closingSeconds);
if(t >= 1.0)
{
t = 1.0;
@ -196,7 +196,7 @@ export namespace Live2DCubismFramework
/**
* 次の瞬きのタイミングの決定
*
*
* @return 次のまばたきを行う時刻[秒]
*/
public determinNextBlinkingTiming(): number
@ -217,13 +217,13 @@ export namespace Live2DCubismFramework
/**
* IDで指定された目のパラメータが、0のときに閉じるなら true 、1の時に閉じるなら false 。
*/
*/
static readonly CloseIfZero: boolean = true;
}
/**
* まばたきの状態
*
*
* まばたきの状態を表す列挙型
*/
export enum EyeState
@ -234,4 +234,4 @@ export namespace Live2DCubismFramework
EyeState_Closed, // まぶたが閉じている状態
EyeState_Opening // まぶたが開いていく途中の状態
}
}
}

16
Framework/effect/cubismpose.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismid} from "../id/cubismid";
@ -23,7 +23,7 @@ export namespace Live2DCubismFramework
{
const Epsilon: number = 0.001;
const DefaultFadeInSeconds: number = 0.5;
// Pose.jsonのタグ
const FadeIn: string = "FadeInTime";
const Link: string = "Link";
@ -33,7 +33,7 @@ export namespace Live2DCubismFramework
/**
* パーツの不透明度の設定
*
*
* パーツの不透明度の管理と設定を行う。
*/
export class CubismPose
@ -197,7 +197,7 @@ export namespace Live2DCubismFramework
/**
* パーツの不透明度をコピー
*
*
* @param model 対象のモデル
*/
public copyPartOpacities(model: CubismModel): void
@ -349,7 +349,7 @@ export namespace Live2DCubismFramework
this.parameterIndex = 0;
this.partIndex = 0;
this.link = new csmVector<PartData>();
if(v != undefined)
{
this.partId = v.partId;
@ -407,10 +407,10 @@ export namespace Live2DCubismFramework
return clonePartData;
}
partId: CubismIdHandle; // パーツID
parameterIndex: number; // パラメータのインデックス
partIndex: number; // パーツのインデックス
link: csmVector<PartData>; // 連動するパラメータ
}
}
}

18
Framework/icubismallcator.ts
View File

@ -1,15 +1,15 @@
/*
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
export namespace Live2DCubismFramework
{
/**
* メモリアロケーションを抽象化したクラス
*
*
* メモリ確保・解放処理をプラットフォーム側で実装して
* フレームワークから呼び出すためのインターフェース
*/
@ -17,7 +17,7 @@ export namespace Live2DCubismFramework
{
/**
* アラインメント制約なしのヒープ・メモリーを確保します
*
*
* @param size 確保するバイト数
* @return 成功すると割り当てられたメモリのアドレス。そうでなければ'0'を返す
*/
@ -25,7 +25,7 @@ export namespace Live2DCubismFramework
/**
* アラインメント制約なしのヒープ・メモリーを解放します。
*
*
* @param memory 解放するメモリのアドレス
*/
public abstract deallocate(memory: any): void;

8
Framework/icubismmodelsetting.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismid} from './id/cubismid';
@ -52,7 +52,7 @@ export namespace Live2DCubismFramework
/**
* 当たり判定に設定されたIDを取得する
*
*
* @param index 配列のindex
* @return 当たり判定に設定されたID
*/
@ -190,4 +190,4 @@ export namespace Live2DCubismFramework
*/
public abstract getLipSyncParameterId(index: number): CubismIdHandle;
}
}
}

12
Framework/id/cubismid.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as csmstring} from "../type/csmstring";
@ -12,7 +12,7 @@ export namespace Live2DCubismFramework
{
/**
* パラメータ名・パーツ名・Drawable名を保持
*
*
* パラメータ名・パーツ名・Drawable名を保持するクラス。
*/
export class CubismId
@ -24,7 +24,7 @@ export namespace Live2DCubismFramework
{
return this._id;
}
/**
* コンストラクタ
*/
@ -35,7 +35,7 @@ export namespace Live2DCubismFramework
this._id = new csmString(id);
return;
}
this._id = id;
}
@ -87,4 +87,4 @@ export namespace Live2DCubismFramework
}
export declare type CubismIdHandle = CubismId;
}
}

30
Framework/id/cubismidmanager.ts
View File

@ -1,9 +1,9 @@
/*
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as csmvector} from "../type/csmvector";
import {Live2DCubismFramework as cubismid} from "./cubismid";
@ -16,7 +16,7 @@ export namespace Live2DCubismFramework
{
/**
* ID名の管理
*
*
* ID名を管理する。
*/
export class CubismIdManager
@ -40,10 +40,10 @@ export namespace Live2DCubismFramework
}
this._ids = null;
}
/**
* ID名をリストから登録
*
*
* @param ids ID名リスト
* @param count IDの個数
*/
@ -57,7 +57,7 @@ export namespace Live2DCubismFramework
/**
* ID名を登録
*
*
* @param id ID名
*/
public registerId(id: string | csmString): CubismId
@ -84,7 +84,7 @@ export namespace Live2DCubismFramework
/**
* ID名からIDを取得する
*
*
* @param id ID名
*/
public getId(id: csmString | string): CubismId
@ -94,13 +94,13 @@ export namespace Live2DCubismFramework
/**
* ID名からIDの確認
*
*
* @return true 存在する
* @return false 存在しない
*/
public isExist(id: csmString | string): boolean
{
if ('string' == typeof(id))
if ('string' == typeof(id))
{
return (this.findId(id) != null);
}
@ -109,7 +109,7 @@ export namespace Live2DCubismFramework
/**
* ID名からIDを検索する。
*
*
* @param id ID名
* @return 登録されているID。なければNULL。
*/
@ -128,4 +128,4 @@ export namespace Live2DCubismFramework
private _ids: csmVector<CubismId>; // 登録されているIDのリスト
}
}
}

20
Framework/live2dcubismframework.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/// <reference path="../Core/live2dcubismcore.d.ts" />
@ -55,12 +55,12 @@ export function strtod(s: string, endPtr: string[]): number
export namespace Live2DCubismFramework
{
// ファイルスコープの変数を初期化
let s_isStarted: boolean = false;
let s_isInitialized: boolean = false;
let s_option: Option = null;
let s_cubismIdManager: CubismIdManager = null;
/**
* Framework内で使う定数の宣言
*/
@ -81,7 +81,7 @@ export namespace Live2DCubismFramework
}
/**
* Live2D Cubism3 Original Workflow SDKのエントリポイント
* Live2D Cubism SDK Original Workflow SDKのエントリポイント
* 利用開始時はCubismFramework.initialize()を呼び、CubismFramework.dispose()で終了する。
*/
export class CubismFramework
@ -121,7 +121,7 @@ export namespace Live2DCubismFramework
const patch: number = ((version & 0x0000FFFF));
const versionNumber: number = version;
CubismLogInfo(`Live2D Cubism Core version: {0}.{1}.{2} ({3})`,
CubismLogInfo(`Live2D Cubism Core version: {0}.{1}.{2} ({3})`,
('00' + major).slice(-2),
('00' + minor).slice(-2),
('0000' + patch).slice(-4),
@ -213,7 +213,7 @@ export namespace Live2DCubismFramework
CubismLogInfo("CubismFramework.dispose() is complete.");
}
/**
* Cubism FrameworkのAPIを使用する準備が完了したかどうか
* @return APIを使用する準備が完了していればtrueが返ります。
@ -222,7 +222,7 @@ export namespace Live2DCubismFramework
{
return s_isStarted;
}
/**
* Cubism Frameworkのリソース初期化がすでに行われているかどうか
* @return リソース確保が完了していればtrueが返ります
@ -234,7 +234,7 @@ export namespace Live2DCubismFramework
/**
* Core APIにバインドしたログ関数を実行する
*
*
* @praram message ログメッセージ
*/
public static coreLogFunction(message: string): void
@ -247,7 +247,7 @@ export namespace Live2DCubismFramework
Live2DCubismCore.Logging.csmGetLogFunction()(message);
}
/**
* 現在のログ出力レベル設定の値を返す。
*

34
Framework/math/cubismmath.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismvector2} from "./cubismvector2";
@ -17,7 +17,7 @@ export namespace Live2DCubismFramework
{
/**
* 第一引数の値を最小値と最大値の範囲に収めた値を返す
*
*
* @param value 収められる値
* @param min 範囲の最小値
* @param max 範囲の最大値
@ -36,10 +36,10 @@ export namespace Live2DCubismFramework
return value;
}
/**
* サイン関数の値を求める
*
*
* @param x 角度値（ラジアン）
* @return サイン関数sin(x)の値
*/
@ -50,7 +50,7 @@ export namespace Live2DCubismFramework
/**
* コサイン関数の値を求める
*
*
* @param x 角度値(ラジアン)
* @return コサイン関数cos(x)の値
*/
@ -61,7 +61,7 @@ export namespace Live2DCubismFramework
/**
* 値の絶対値を求める
*
*
* @param x 絶対値を求める値
* @return 値の絶対値
*/
@ -83,7 +83,7 @@ export namespace Live2DCubismFramework
/**
* イージング処理されたサインを求める
* フェードイン・アウト時のイージングに利用できる
*
*
* @param value イージングを行う値
* @return イージング処理されたサイン値
*/
@ -92,7 +92,7 @@ export namespace Live2DCubismFramework
if (value < 0.0)
{
return 0.0;
}
}
else if (value > 1.0)
{
return 1.0;
@ -103,7 +103,7 @@ export namespace Live2DCubismFramework
/**
* 大きい方の値を返す
*
*
* @param left 左辺の値
* @param right 右辺の値
* @return 大きい方の値
@ -117,7 +117,7 @@ export namespace Live2DCubismFramework
/**
* 小さい方の値を返す
*
*
* @param left 左辺の値
* @param right 右辺の値　
* @return 小さい方の値
@ -131,7 +131,7 @@ export namespace Live2DCubismFramework
/**
* 角度値をラジアン値に変換する
*
*
* @param degrees 角度値
* @return 角度値から変換したラジアン値
*/
@ -142,7 +142,7 @@ export namespace Live2DCubismFramework
/**
* ラジアン値を角度値に変換する
*
*
* @param radian ラジアン値
* @return ラジアン値から変換した角度値
*/
@ -153,7 +153,7 @@ export namespace Live2DCubismFramework
/**
* ２つのベクトルからラジアン値を求める
*
*
* @param from 始点ベクトル
* @param to 終点ベクトル
* @return ラジアン値から求めた方向ベクトル
@ -180,7 +180,7 @@ export namespace Live2DCubismFramework
/**
* ２つのベクトルから角度値を求める
*
*
* @param from 始点ベクトル
* @param to 終点ベクトル
* @return 角度値から求めた方向ベクトル
@ -200,7 +200,7 @@ export namespace Live2DCubismFramework
/**
* ラジアン値を方向ベクトルに変換する。
*
*
* @param totalAngle ラジアン値
* @return ラジアン値から変換した方向ベクトル
*/
@ -223,4 +223,4 @@ export namespace Live2DCubismFramework
}
}
}
}

38
Framework/math/cubismmatrix44.ts
View File

@ -1,15 +1,15 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
export namespace Live2DCubismFramework
{
/**
* 4x4の行列
*
*
* 4x4行列の便利クラス。
*/
export class CubismMatrix44
@ -25,7 +25,7 @@ export namespace Live2DCubismFramework
/**
* 受け取った２つの行列の乗算を行う。
*
*
* @param a 行列a
* @param b 行列b
* @return 乗算結果の行列
@ -79,7 +79,7 @@ export namespace Live2DCubismFramework
/**
* 行列を設定
*
*
* @param tr 16個の浮動小数点数で表される4x4の行列
*/
public setMatrix(tr: Float32Array): void
@ -92,7 +92,7 @@ export namespace Live2DCubismFramework
/**
* 行列を浮動小数点数の配列で取得
*
*
* @return 16個の浮動小数点数で表される4x4の行列
*/
public getArray(): Float32Array
@ -111,7 +111,7 @@ export namespace Live2DCubismFramework
/**
* Y軸の拡大率を取得する
*
*
* @return Y軸の拡大率
*/
public getScaleY(): number
@ -139,7 +139,7 @@ export namespace Live2DCubismFramework
/**
* X軸の値を現在の行列で計算
*
*
* @param src X軸の値
* @return 現在の行列で計算されたX軸の値
*/
@ -150,7 +150,7 @@ export namespace Live2DCubismFramework
/**
* Y軸の値を現在の行列で計算
*
*
* @param src Y軸の値
* @return　現在の行列で計算されたY軸の値
*/
@ -177,9 +177,9 @@ export namespace Live2DCubismFramework
/**
* 現在の行列の位置を起点にして移動
*
*
* 現在の行列の位置を起点にして相対的に移動する。
*
*
* @param x X軸の移動量
* @param y Y軸の移動量
*/
@ -199,9 +199,9 @@ export namespace Live2DCubismFramework
/**
* 現在の行列の位置を移動
*
*
* 現在の行列の位置を指定した位置へ移動する
*
*
* @param x X軸の移動量
* @param y y軸の移動量
*/
@ -213,7 +213,7 @@ export namespace Live2DCubismFramework
/**
* 現在の行列のX軸の位置を指定した位置へ移動する
*
*
* @param x X軸の移動量
*/
public translateX(x: number): void
@ -223,7 +223,7 @@ export namespace Live2DCubismFramework
/**
* 現在の行列のY軸の位置を指定した位置へ移動する
*
*
* @param y Y軸の移動量
*/
public translateY(y: number): void
@ -234,7 +234,7 @@ export namespace Live2DCubismFramework
/**
* 現在の行列の拡大率を相対的に設定する
*
*
* @param x X軸の拡大率
* @param y Y軸の拡大率
*/
@ -243,7 +243,7 @@ export namespace Live2DCubismFramework
let tr1: Float32Array = new Float32Array(
[
x, 0.0, 0.0, 0.0,
0.0, y, 0.0, 0.0,
0.0, y, 0.0, 0.0,
0.0, 0.0, 1.0, 0.0,
0.0, 0.0, 0.0, 1.0
]
@ -254,7 +254,7 @@ export namespace Live2DCubismFramework
/**
* 現在の行列の拡大率を指定した倍率に設定する
*
*
* @param x X軸の拡大率
* @param y Y軸の拡大率
*/
@ -291,4 +291,4 @@ export namespace Live2DCubismFramework
protected _tr: Float32Array; // 4x4行列データ
}
}
}

52
Framework/math/cubismmodelmatrix.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as csmmap} from "../type/csmmap";
@ -16,14 +16,14 @@ export namespace Live2DCubismFramework
{
/**
* モデル座標設定用の4x4行列
*
*
* モデル座標設定用の4x4行列クラス
*/
export class CubismModelMatrix extends CubismMatrix44
{
/**
* コンストラクタ
*
*
* @param w 横幅
* @param h 縦幅
*/
@ -31,27 +31,19 @@ export namespace Live2DCubismFramework
{
super();
this._width = (w !== undefined)
this._width = (w !== undefined)
? w
: 0.0;
this._height = (h !== undefined)
? h
: 0.0;
// 原点(0, 0)を中心にして、画面に納まるような大きさで初期化
if (this._width > this._height)
{
this.setWidth(this._height / this._width);
}
else
{
this.setHeight(1.0);
}
this.setHeight(1.0);
}
/**
* 横幅を設定
*
*
* @param w 横幅
*/
public setWidth(w: number): void
@ -74,7 +66,7 @@ export namespace Live2DCubismFramework
/**
* 位置を設定
*
*
* @param x X軸の位置
* @param y Y軸の位置
*/
@ -85,10 +77,10 @@ export namespace Live2DCubismFramework
/**
* 中心位置を設定
*
*
* @param x X軸の中心位置
* @param y Y軸の中心位置
*
*
* @note widthかheightを設定したあとでないと、拡大率が正しく取得できないためずれる。
*/
public setCenterPosition(x: number, y: number)
@ -99,17 +91,17 @@ export namespace Live2DCubismFramework
/**
* 上辺の位置を設定する
*
*
* @param y 上辺のY軸位置
*/
public top(y: number): void
{
this.setY(y);
}
/**
* 下辺の位置を設定する
*
*
* @param y 下辺のY軸位置
*/
public bottom(y: number)
@ -121,7 +113,7 @@ export namespace Live2DCubismFramework
/**
* 左辺の位置を設定
*
*
* @param x 左辺のX軸位置
*/
public left(x: number): void
@ -131,7 +123,7 @@ export namespace Live2DCubismFramework
/**
* 右辺の位置を設定
*
*
* @param x 右辺のX軸位置
*/
public right(x: number): void
@ -143,7 +135,7 @@ export namespace Live2DCubismFramework
/**
* X軸の中心位置を設定
*
*
* @param x X軸の中心位置
*/
public centerX(x: number): void
@ -155,7 +147,7 @@ export namespace Live2DCubismFramework
/**
* X軸の位置を設定
*
*
* @param x X軸の位置
*/
public setX(x: number): void
@ -165,7 +157,7 @@ export namespace Live2DCubismFramework
/**
* Y軸の中心位置を設定
*
*
* @param y Y軸の中心位置
*/
public centerY(y: number): void
@ -177,7 +169,7 @@ export namespace Live2DCubismFramework
/**
* Y軸の位置を設定する
*
*
* @param y Y軸の位置
*/
public setY(y: number): void
@ -187,7 +179,7 @@ export namespace Live2DCubismFramework
/**
* レイアウト情報から位置を設定
*
*
* @param layout レイアウト情報
*/
public setupFromLayout(layout: csmMap<string, number>): void
@ -202,7 +194,7 @@ export namespace Live2DCubismFramework
const keyBottom = "bottom";
const keyLeft = "left";
const keyRight = "right";
for(const ite: iterator<string, number> = layout.begin(); ite.notEqual(layout.end()); ite.preIncrement())
{
const key: string = ite.ptr().first;
@ -261,4 +253,4 @@ export namespace Live2DCubismFramework
private _width: number; // 横幅
private _height: number; // 縦幅
}
}
}

20
Framework/math/cubismtargetpoint.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismmath} from "./cubismmath";
@ -16,7 +16,7 @@ export namespace Live2DCubismFramework
/**
* 顔の向きの制御機能
*
*
* 顔の向きの制御機能を提供するクラス。
*/
export class CubismTargetPoint
@ -35,7 +35,7 @@ export namespace Live2DCubismFramework
this._lastTimeSeconds = 0.0;
this._userTimeSeconds = 0.0;
}
/**
* 更新処理
*/
@ -48,7 +48,7 @@ export namespace Live2DCubismFramework
// 顔の振り具合を、中央（0.0）から、左右は（+-1.0）とする
const faceParamMaxV: number = 40.0 / 10.0; // 7.5秒間に40分移動(5.3/sc)
const maxV: number = faceParamMaxV * 1.0 / FrameRate; // 1frameあたりに変化できる速度の上限
if(this._lastTimeSeconds == 0.0)
{
this._lastTimeSeconds = this._userTimeSeconds;
@ -113,7 +113,7 @@ export namespace Live2DCubismFramework
const maxV: number = 0.5 * (CubismMath.sqrt((maxA * maxA) + 16.0 * maxA * d - 8.0 * maxA * d) - maxA);
const curV: number = CubismMath.sqrt((this._faceVX * this._faceVX) + (this._faceVY * this._faceVY));
if(curV > maxV)
{
// 現在の速度 > 最高速度のとき、最高速度まで減速
@ -128,7 +128,7 @@ export namespace Live2DCubismFramework
/**
* X軸の顔の向きの値を取得
*
*
* @return X軸の顔の向きの値（-1.0 ~ 1.0）
*/
public getX(): number
@ -138,7 +138,7 @@ export namespace Live2DCubismFramework
/**
* Y軸の顔の向きの値を取得
*
*
* @return Y軸の顔の向きの値（-1.0 ~ 1.0）
*/
public getY(): number
@ -148,7 +148,7 @@ export namespace Live2DCubismFramework
/**
* 顔の向きの目標値を設定
*
*
* @param x X軸の顔の向きの値（-1.0 ~ 1.0）
* @param y Y軸の顔の向きの値（-1.0 ~ 1.0）
*/
@ -169,4 +169,4 @@ export namespace Live2DCubismFramework
private _userTimeSeconds: number; // デルタ時間の積算値[秒]
}
}
}

46
Framework/math/cubismvector2.ts
View File

@ -1,19 +1,19 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
export namespace Live2DCubismFramework
{
/**
* 2次元ベクトル型
*
*
* 2次元ベクトル型の機能を提供する。
*/
export class CubismVector2
{
{
/**
* コンストラクタ
*/
@ -22,15 +22,15 @@ export namespace Live2DCubismFramework
this.x = (x == undefined)
? 0.0
: x;
this.y = (y == undefined)
? 0.0
: y;
}
/**
* ベクトルの加算
*
*
* @param vector2 加算するベクトル値
* @return 加算結果 ベクトル値
*/
@ -41,10 +41,10 @@ export namespace Live2DCubismFramework
ret.y = this.y + vector2.y;
return ret;
}
/**
* ベクトルの減算
*
*
* @param vector2 減算するベクトル値
* @return 減算結果 ベクトル値
*/
@ -55,10 +55,10 @@ export namespace Live2DCubismFramework
ret.y = this.y - vector2.y;
return ret;
}
/**
* ベクトルの乗算
*
*
* @param vector2 乗算するベクトル値
* @return 乗算結果　ベクトル値
*/
@ -69,10 +69,10 @@ export namespace Live2DCubismFramework
ret.y = this.y * vector2.y;
return ret;
}
/**
* ベクトルの乗算(スカラー)
*
*
* @param scalar 乗算するスカラー値
* @return 乗算結果　ベクトル値
*/
@ -83,7 +83,7 @@ export namespace Live2DCubismFramework
/**
* ベクトルの除算
*
*
* @param vector2 除算するベクトル値
* @return 除算結果　ベクトル値
*/
@ -97,7 +97,7 @@ export namespace Live2DCubismFramework
/**
* ベクトルの除算(スカラー)
*
*
* @param scalar 除算するスカラー値
* @return 除算結果　ベクトル値
*/
@ -108,7 +108,7 @@ export namespace Live2DCubismFramework
/**
* ベクトルの長さを取得する
*
*
* @return ベクトルの長さ
*/
public getLength(): number
@ -118,7 +118,7 @@ export namespace Live2DCubismFramework
/**
* ベクトルの距離の取得
*
*
* @param a 点
* @return ベクトルの距離
*/
@ -129,7 +129,7 @@ export namespace Live2DCubismFramework
/**
* ドット積の計算
*
*
* @param a 値
* @return 結果
*/
@ -151,9 +151,9 @@ export namespace Live2DCubismFramework
/**
* 等しさの確認（等しいか？）
*
*
* 値が等しいか？
*
*
* @param rhs 確認する値
* @return true 値は等しい
* @return false 値は等しくない
@ -165,9 +165,9 @@ export namespace Live2DCubismFramework
/**
* 等しさの確認（等しくないか？）
*
*
* 値が等しくないか？
*
*
* @param rhs 確認する値
* @return true 値は等しくない
* @return false 値は等しい
@ -177,4 +177,4 @@ export namespace Live2DCubismFramework
return !(this.isEqual(rhs));
}
}
}
}

20
Framework/math/cubismviewmatrix.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismmatrix44} from "./cubismmatrix44";
@ -12,12 +12,12 @@ export namespace Live2DCubismFramework
{
/**
* カメラの位置変更に使うと便利な4x4行列
*
*
* カメラの位置変更に使うと便利な4x4行列のクラス。
*/
export class CubismViewMatrix extends CubismMatrix44
{
/**
* コンストラクタ
*/
@ -38,7 +38,7 @@ export namespace Live2DCubismFramework
/**
* 移動を調整
*
*
* @param x X軸の移動量
* @param y Y軸の移動量
*/
@ -78,7 +78,7 @@ export namespace Live2DCubismFramework
/**
* 拡大率を調整
*
*
* @param cx 拡大を行うX軸の中心位置
* @param cy 拡大を行うY軸の中心位置
* @param scale　拡大率
@ -139,7 +139,7 @@ export namespace Live2DCubismFramework
/**
* デバイスに対応する論理座養生の範囲の設定
*
*
* @param left 左辺のX軸の位置
* @param right 右辺のX軸の位置
* @param bottom 下辺のY軸の位置
@ -206,7 +206,7 @@ export namespace Live2DCubismFramework
/**
* 拡大率が最大になっているかを確認する
*
*
* @return true 拡大率は最大
* @return false 拡大率は最大ではない
*/
@ -217,7 +217,7 @@ export namespace Live2DCubismFramework
/**
* 拡大率が最小になっているかを確認する
*
*
* @return true 拡大率は最小
* @return false 拡大率は最小ではない
*/
@ -309,4 +309,4 @@ export namespace Live2DCubismFramework
private _maxScale: number; // 拡大率の最大値
private _minScale: number; // 拡大率の最小値
}
}
}

14
Framework/model/cubismmoc.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/// <reference path="../../Core/live2dcubismcore.d.ts" />
@ -14,7 +14,7 @@ export namespace Live2DCubismFramework
{
/**
* Mocデータの管理
*
*
* Mocデータの管理を行うクラス。
*/
export class CubismMoc
@ -37,7 +37,7 @@ export namespace Live2DCubismFramework
/**
* Mocデータを削除
*
*
* Mocデータを削除する
*/
public static delete(moc: CubismMoc): void
@ -46,10 +46,10 @@ export namespace Live2DCubismFramework
moc._moc = null;
moc = null;
}
/**
* モデルを作成する
*
*
* @return Mocデータから作成されたモデル
*/
createModel(): CubismModel
@ -106,4 +106,4 @@ export namespace Live2DCubismFramework
_moc: Live2DCubismCore.Moc; ///< Mocデータ
_modelCount: number; ///< Mocデータから作られたモデルの個数
}
}
}

48
Framework/model/cubismmodel.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/// <reference path="../../Core/live2dcubismcore.d.ts" />
@ -22,7 +22,7 @@ export namespace Live2DCubismFramework
{
/**
* モデル
*
*
* Mocデータから生成されるモデルのクラス。
*/
export class CubismModel
@ -47,7 +47,7 @@ export namespace Live2DCubismFramework
{
return 0.0;
}
return this._model.canvasinfo.CanvasWidth / this._model.canvasinfo.PixelsPerUnit;
}
@ -121,7 +121,7 @@ export namespace Live2DCubismFramework
partIndex = partCount + this._notExistPartId.getSize();
this._notExistPartId.setValue(partId, partIndex);
this._notExistPartOpacities.appendKey(partIndex);
return partIndex;
}
@ -297,7 +297,7 @@ export namespace Live2DCubismFramework
// インデックスの範囲内検知
CSM_ASSERT(0 <= parameterIndex && parameterIndex < this.getParameterCount());
return this._parameterValues[parameterIndex];
}
@ -573,7 +573,7 @@ export namespace Live2DCubismFramework
return !Live2DCubismCore.Utils.hasIsDoubleSidedBit(constantFlags[drawableIndex]);
}
/**
* Drawableのブレンドモードを取得
* @param drawableIndex Drawableのインデックス
@ -582,7 +582,7 @@ export namespace Live2DCubismFramework
public getDrawableBlendMode(drawableIndex: number): CubismBlendMode
{
const constantFlags = this._model.drawables.constantFlags;
return (Live2DCubismCore.Utils.hasBlendAdditiveBit(constantFlags[drawableIndex]))
? CubismBlendMode.CubismBlendMode_Additive
: (Live2DCubismCore.Utils.hasBlendMultiplicativeBit(constantFlags[drawableIndex]))
@ -590,6 +590,22 @@ export namespace Live2DCubismFramework
: CubismBlendMode.CubismBlendMode_Normal;
}
/**
* Drawableのマスクの反転使用の取得
*
* Drawableのマスク使用時の反転設定を取得する。
* マスクを使用しない場合は無視される。
*
* @param drawableIndex Drawableのインデックス
* @return Drawableの反転設定
*/
public getDrawableInvertedMaskBit(drawableIndex: number): boolean
{
const constantFlags: Uint8Array = this._model.drawables.constantFlags;
return (Live2DCubismCore.Utils.hasIsInvertedMaskBit(constantFlags[drawableIndex]));
}
/**
* Drawableのクリッピングマスクリストの取得
* @return Drawableのクリッピングマスクリスト
@ -612,7 +628,7 @@ export namespace Live2DCubismFramework
/**
* クリッピングマスクの使用状態
*
*
* @return true クリッピングマスクを使用している
* @return false クリッピングマスクを使用していない
*/
@ -631,7 +647,7 @@ export namespace Live2DCubismFramework
/**
* Drawableの表示情報を取得する
*
*
* @param drawableIndex Drawableのインデックス
* @return true Drawableが表示
* @return false Drawableが非表示
@ -644,7 +660,7 @@ export namespace Live2DCubismFramework
/**
* DrawableのDrawOrderの変化情報の取得
*
*
* 直近のCubismModel.update関数でdrawableのdrawOrderが変化したかを取得する。
* drawOrderはartMesh上で指定する0から1000の情報
* @param drawableIndex drawableのインデックス
@ -659,9 +675,9 @@ export namespace Live2DCubismFramework
/**
* Drawableの不透明度の変化情報の取得
*
*
* 直近のCubismModel.update関数でdrawableの不透明度が変化したかを取得する。
*
*
* @param drawableIndex drawableのインデックス
* @return true Drawableの不透明度が直近のCubismModel.update関数で変化した
* @return false Drawableの不透明度が直近のCubismModel.update関数で変化してない
@ -674,9 +690,9 @@ export namespace Live2DCubismFramework
/**
* Drawableの描画順序の変化情報の取得
*
*
* 直近のCubismModel.update関数でDrawableの描画の順序が変化したかを取得する。
*
*
* @param drawableIndex Drawableのインデックス
* @return true Drawableの描画の順序が直近のCubismModel.update関数で変化した
* @return false Drawableの描画の順序が直近のCubismModel.update関数で変化してない
@ -803,4 +819,4 @@ export namespace Live2DCubismFramework
private _partIds: csmVector<CubismIdHandle>;
private _drawableIds: csmVector<CubismIdHandle>;
}
}
}

30
Framework/model/cubismmodeluserdata.ts
View File

@ -1,9 +1,9 @@
/*
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismmodeluserdatajson} from "./cubismmodeluserdatajson";
import {Live2DCubismFramework as cubismid} from "../id/cubismid";
@ -22,7 +22,7 @@ export namespace Live2DCubismFramework
/**
* ユーザーデータインターフェース
*
*
* Jsonから読み込んだユーザーデータを記録しておくための構造体
*/
export class CubismModelUserDataNode
@ -34,14 +34,14 @@ export namespace Live2DCubismFramework
/**
* ユーザデータの管理クラス
*
*
* ユーザデータをロード、管理、検索インターフェイス、解放までを行う。
*/
export class CubismModelUserData
{
/**
* インスタンスの作成
*
*
* @param buffer userdata3.jsonが読み込まれているバッファ
* @param size バッファのサイズ
* @return 作成されたインスタンス
@ -57,7 +57,7 @@ export namespace Live2DCubismFramework
/**
* インスタンスを破棄する
*
*
* @param modelUserData 破棄するインスタンス
*/
public static delete(modelUserData: CubismModelUserData): void
@ -71,7 +71,7 @@ export namespace Live2DCubismFramework
/**
* ArtMeshのユーザーデータのリストの取得
*
*
* @return ユーザーデータリスト
*/
public getArtMeshUserDatas(): csmVector<CubismModelUserDataNode>
@ -81,7 +81,7 @@ export namespace Live2DCubismFramework
/**
* userdata3.jsonのパース
*
*
* @param buffer userdata3.jsonが読み込まれているバッファ
* @param size バッファのサイズ
*/
@ -106,7 +106,7 @@ export namespace Live2DCubismFramework
this._artMeshUserDataNode.pushBack(addNode);
}
}
json.release();
json = void 0;
}
@ -122,7 +122,7 @@ export namespace Live2DCubismFramework
/**
* デストラクタ相当の処理
*
*
* ユーザーデータ構造体配列を解放する
*/
public release(): void
@ -138,4 +138,4 @@ export namespace Live2DCubismFramework
private _userDataNodes: csmVector<CubismModelUserDataNode>; // ユーザーデータ構造体配列
private _artMeshUserDataNode: csmVector<CubismModelUserDataNode>; // 閲覧リストの保持
}
}
}

14
Framework/model/cubismmodeluserdatajson.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismjson} from "../utils/cubismjson";
@ -54,7 +54,7 @@ export namespace Live2DCubismFramework
/**
* ユーザーデータ総文字列数の取得
*
*
* @return ユーザーデータ総文字列数
*/
public getTotalUserDataSize(): number
@ -64,7 +64,7 @@ export namespace Live2DCubismFramework
/**
* ユーザーデータのタイプの取得
*
*
* @return ユーザーデータのタイプ
*/
public getUserDataTargetType(i: number): string
@ -74,7 +74,7 @@ export namespace Live2DCubismFramework
/**
* ユーザーデータのターゲットIDの取得
*
*
* @param i インデックス
* @return ユーザーデータターゲットID
*/
@ -85,7 +85,7 @@ export namespace Live2DCubismFramework
/**
* ユーザーデータの文字列の取得
*
*
* @param i インデックス
* @return ユーザーデータ
*/
@ -96,4 +96,4 @@ export namespace Live2DCubismFramework
private _json: CubismJson;
}
}
}

52
Framework/model/cubismusermodel.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismframework} from "../live2dcubismframework";
@ -22,7 +22,7 @@ import {Live2DCubismFramework as csmstring} from "../type/csmstring";
import {Live2DCubismFramework as cubismmotionqueuemanager} from "../motion/cubismmotionqueuemanager";
import {Live2DCubismFramework as cubismbreath} from "../effect/cubismbreath";
import {Live2DCubismFramework as cubismeyeblink} from "../effect/cubismeyeblink";
import {Live2DCubismFramework as cubismrenderer_webgl} from "../rendering/cubismrenderer_WebGL";
import {Live2DCubismFramework as cubismrenderer_webgl} from "../rendering/cubismrenderer_webgl";
import {CubismLogError, CubismLogInfo} from "../utils/cubismdebug";
import CubismRenderer_WebGL = cubismrenderer_webgl.CubismRenderer_WebGL;
import CubismEyeBlink = cubismeyeblink.CubismEyeBlink;
@ -47,16 +47,16 @@ export namespace Live2DCubismFramework
{
/**
* ユーザーが実際に使用するモデル
*
*
* ユーザーが実際に使用するモデルの基底クラス。これを継承してユーザーが実装する。
*/
export class CubismUserModel
{
/**
* 初期化状態の取得
*
*
* 初期化されている状態か？
*
*
* @return true 初期化されている
* @return false 初期化されていない
*/
@ -67,9 +67,9 @@ export namespace Live2DCubismFramework
/**
* 初期化状態の設定
*
*
* 初期化状態を設定する。
*
*
* @param v 初期化状態
*/
public setInitialized(v: boolean): void
@ -79,9 +79,9 @@ export namespace Live2DCubismFramework
/**
* 更新状態の取得
*
*
* 更新されている状態か？
*
*
* @return true 更新されている
* @return false 更新されていない
*/
@ -92,9 +92,9 @@ export namespace Live2DCubismFramework
/**
* 更新状態の設定
*
*
* 更新状態を設定する
*
*
* @param v 更新状態
*/
public setUpdating(v: boolean): void
@ -154,7 +154,7 @@ export namespace Live2DCubismFramework
/**
* モデルデータを読み込む
*
*
* @param buffer moc3ファイルが読み込まれているバッファ
*/
public loadModel(buffer: ArrayBuffer)
@ -241,7 +241,7 @@ export namespace Live2DCubismFramework
{
return false; // 存在しない場合はfalse
}
const count: number = this._model.getDrawableVertexCount(drawIndex);
const vertices: Float32Array = this._model.getDrawableVertices(drawIndex);
@ -259,7 +259,7 @@ export namespace Live2DCubismFramework
{
left = x; // Min x
}
if(x > right)
{
right = x; // Max x
@ -328,11 +328,11 @@ export namespace Live2DCubismFramework
/**
* イベント発火時の標準処理
*
*
* Eventが再生処理時にあった場合の処理をする。
* 継承で上書きすることを想定している。
* 上書きしない場合はログ出力をする。
*
*
* @param eventValue 発火したイベントの文字列データ
*/
public motionEventFired(eventValue: csmString): void
@ -342,10 +342,10 @@ export namespace Live2DCubismFramework
/**
* イベント用のコールバック
*
*
* CubismMotionQueueManagerにイベント用に登録するためのCallback。
* CubismUserModelの継承先のEventFiredを呼ぶ。
*
*
* @param caller 発火したイベントを管理していたモーションマネージャー、比較用
* @param eventValue 発火したイベントの文字列データ
* @param customData CubismUserModelを継承したインスタンスを想定
@ -417,22 +417,22 @@ export namespace Live2DCubismFramework
this._expressionManager.release();
this._expressionManager = null;
}
if(this._moc != null)
{
this._moc.deleteModel(this._model);
this._moc.release();
this._moc = null;
}
this._modelMatrix = null;
CubismPose.delete(this._pose);
CubismEyeBlink.delete(this._eyeBlink);
CubismBreath.delete(this._breath);
this._dragManager = null;
CubismPhysics.delete(this._physics);
CubismModelUserData.delete(this._modelUserData);
@ -441,7 +441,7 @@ export namespace Live2DCubismFramework
protected _moc: CubismMoc; // Mocデータ
protected _model: CubismModel; // Modelインスタンス
protected _motionManager: CubismMotionManager; // モーション管理
protected _expressionManager: CubismMotionManager; // 表情管理
protected _eyeBlink: CubismEyeBlink; // 自動まばたき
@ -451,7 +451,7 @@ export namespace Live2DCubismFramework
protected _dragManager: CubismTargetPoint; // マウスドラッグ
protected _physics: CubismPhysics; // 物理演算
protected _modelUserData: CubismModelUserData; // ユーザーデータ
protected _initialized: boolean; // 初期化されたかどうか
protected _updating: boolean; // 更新されたかどうか
protected _opacity: number; // 不透明度
@ -467,4 +467,4 @@ export namespace Live2DCubismFramework
private _renderer: CubismRenderer_WebGL; // レンダラ
}
}
}

16
Framework/motion/acubismmotion.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismmath} from '../math/cubismmath';
@ -21,7 +21,7 @@ export namespace Live2DCubismFramework
{
/**
* モーションの抽象基底クラス
*
*
* モーションの抽象基底クラス。MotionQueueManagerによってモーションの再生を管理する。
*/
export abstract class ACubismMotion
@ -171,7 +171,7 @@ export namespace Live2DCubismFramework
/**
* モーションの長さの取得
* @return モーションの長さ[秒]
*
*
* @note ループの時は「-1」。
* ループでない場合は、オーバーライドする。
* 正の値の時は取得される時間で終了する。
@ -185,7 +185,7 @@ export namespace Live2DCubismFramework
/**
* モーションのループ1回分の長さの取得
* @return モーションのループ一回分の長さ[秒]
*
*
* @note ループしない場合は、getDuration()と同じ値を返す
* ループ一回分の長さが定義できない場合(プログラム的に動き続けるサブクラスなど)の場合は「-1」を返す
*/
@ -205,10 +205,10 @@ export namespace Live2DCubismFramework
/**
* モデルのパラメータ更新
*
*
* イベント発火のチェック。
* 入力する時間は呼ばれるモーションタイミングを０とした秒数で行う。
*
*
* @param beforeCheckTimeSeconds 前回のイベントチェック時間[秒]
* @param motionTimeSeconds 今回の再生時間[秒]
*/
@ -236,4 +236,4 @@ export namespace Live2DCubismFramework
public _firedEventValues: csmVector<csmString>;
}
}
}

10
Framework/motion/cubismexpressionmotion.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as acubismmotion} from './acubismmotion';
@ -38,7 +38,7 @@ export namespace Live2DCubismFramework
/**
* 表情のモーション
*
*
* 表情のモーションクラス。
*/
export class CubismExpressionMotion extends ACubismMotion
@ -55,7 +55,7 @@ export namespace Live2DCubismFramework
let json: CubismJson = CubismJson.create(buffer, size);
let root: Value = json.getRoot();
expression.setFadeInTime(root.getValueByString(ExpressionKeyFadeIn).toFloat(DefaultFadeTime)); // フェードイン
expression.setFadeOutTime(root.getValueByString(ExpressionKeyFadeOut).toFloat(DefaultFadeTime)); // フェードアウト
@ -174,4 +174,4 @@ export namespace Live2DCubismFramework
blendType: ExpressionBlendType; // パラメータの演算種類
value: number; // 値
}
}
}

76
Framework/motion/cubismmotion.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismmotionjson} from './cubismmotionjson';
@ -59,7 +59,7 @@ export namespace Live2DCubismFramework
{
t = 0.0;
}
return points[0].value + ((points[1].value - points[0].value) * t);
}
@ -75,10 +75,10 @@ export namespace Live2DCubismFramework
const p01: CubismMotionPoint = lerpPoints(points[0], points[1], t);
const p12: CubismMotionPoint = lerpPoints(points[1], points[2], t);
const p23: CubismMotionPoint = lerpPoints(points[2], points[3], t);
const p012: CubismMotionPoint = lerpPoints(p01, p12, t);
const p123: CubismMotionPoint = lerpPoints(p12, p23, t);
return lerpPoints(p012, p123, t).value;
}
@ -91,7 +91,7 @@ export namespace Live2DCubismFramework
{
return points[1].value;
}
function evaluateCurve(motionData: CubismMotionData, index: number, time: number): number
{
// Find segment to evaluate.
@ -131,14 +131,14 @@ export namespace Live2DCubismFramework
/**
* モーションクラス
*
*
* モーションのクラス。
*/
export class CubismMotion extends ACubismMotion
{
/**
* インスタンスを作成する
*
*
* @param buffer motion3.jsonが読み込まれているバッファ
* @param size バッファのサイズ
* @return 作成されたインスタンス
@ -150,7 +150,7 @@ export namespace Live2DCubismFramework
ret.parse(buffer, size);
ret._sourceFrameRate = ret._motionData.fps;
ret._loopDurationSeconds = ret._motionData.duration;
// NOTE: Editorではループありのモーション書き出しは非対応
// ret->_loop = (ret->_motionData->Loop > 0);
return ret;
@ -184,7 +184,7 @@ export namespace Live2DCubismFramework
let lipSyncValue: number = Number.MAX_VALUE;
let eyeBlinkValue: number = Number.MAX_VALUE;
//まばたき、リップシンクのうちモーションの適用を検出するためのビット（maxFlagCount個まで
const MaxTargetSize = 64;
let lipSyncFlags = 0;
@ -228,7 +228,7 @@ export namespace Live2DCubismFramework
{
// Evaluate curve and call handler.
value = evaluateCurve(this._motionData, c, time);
if (curves.at(c).id == this._modelCurveIdEyeBlink)
{
eyeBlinkValue = value;
@ -247,13 +247,13 @@ export namespace Live2DCubismFramework
// Find parameter index.
parameterIndex = model.getParameterIndex(curves.at(c).id);
// Skip curve evaluation if no value in sink.
if (parameterIndex == -1)
{
continue;
}
const sourceValue: number = model.getParameterValueByIndex(parameterIndex);
// Evaluate curve and apply value.
@ -592,13 +592,13 @@ export namespace Live2DCubismFramework
this._motionData = new CubismMotionData();
let json: CubismMotionJson = new CubismMotionJson(motionJson, size);
this._motionData.duration = json.getMotionDuration();
this._motionData.loop = json.isMotionLoop();
this._motionData.curveCount = json.getMotionCurveCount();
this._motionData.fps = json.getMotionFps();
this._motionData.eventCount = json.getEventCount();
if (json.isExistMotionFadeInTime())
{
this._fadeInSeconds = (json.getMotionFadeInTime() < 0.0)
@ -625,10 +625,10 @@ export namespace Live2DCubismFramework
this._motionData.segments.updateSize(json.getMotionTotalSegmentCount(), CubismMotionSegment, true);
this._motionData.points.updateSize(json.getMotionTotalPointCount(), CubismMotionPoint, true);
this._motionData.events.updateSize(this._motionData.eventCount, CubismMotionEvent, true);
let totalPointCount: number = 0;
let totalSegmentCount: number = 0;
// Curves
for (let curveCount: number = 0; curveCount < this._motionData.curveCount; ++curveCount)
{
@ -648,7 +648,7 @@ export namespace Live2DCubismFramework
this._motionData.curves.at(curveCount).id = json.getMotionCurveId(curveCount);
this._motionData.curves.at(curveCount).baseSegmentIndex = totalSegmentCount;
this._motionData.curves.at(curveCount).fadeInTime =
(json.isExistMotionCurveFadeInTime(curveCount))
? json.getMotionCurveFadeInTime(curveCount)
@ -664,10 +664,10 @@ export namespace Live2DCubismFramework
if (segmentPosition == 0)
{
this._motionData.segments.at(totalSegmentCount).basePointIndex = totalPointCount;
this._motionData.points.at(totalPointCount).time = json.getMotionCurveSegment(curveCount, segmentPosition);
this._motionData.points.at(totalPointCount).value = json.getMotionCurveSegment(curveCount, segmentPosition + 1);
totalPointCount += 1;
segmentPosition += 2;
}
@ -679,24 +679,24 @@ export namespace Live2DCubismFramework
const segment: number = json.getMotionCurveSegment(curveCount, segmentPosition);
switch (segment)
{
case CubismMotionSegmentType.CubismMotionSegmentType_Linear:
case CubismMotionSegmentType.CubismMotionSegmentType_Linear:
{
this._motionData.segments.at(totalSegmentCount).segmentType = CubismMotionSegmentType.CubismMotionSegmentType_Linear;
this._motionData.segments.at(totalSegmentCount).evaluate = linearEvaluate;
this._motionData.points.at(totalPointCount).time = json.getMotionCurveSegment(curveCount, (segmentPosition + 1));
this._motionData.points.at(totalPointCount).value = json.getMotionCurveSegment(curveCount, (segmentPosition + 2));
totalPointCount += 1;
segmentPosition += 3;
break;
}
case CubismMotionSegmentType.CubismMotionSegmentType_Bezier:
case CubismMotionSegmentType.CubismMotionSegmentType_Bezier:
{
this._motionData.segments.at(totalSegmentCount).segmentType = CubismMotionSegmentType.CubismMotionSegmentType_Bezier;
this._motionData.segments.at(totalSegmentCount).evaluate = bezierEvaluate;
this._motionData.points.at(totalPointCount).time = json.getMotionCurveSegment(curveCount, (segmentPosition + 1));
this._motionData.points.at(totalPointCount).value = json.getMotionCurveSegment(curveCount, (segmentPosition + 2));
@ -705,38 +705,38 @@ export namespace Live2DCubismFramework
this._motionData.points.at(totalPointCount + 2).time = json.getMotionCurveSegment(curveCount, (segmentPosition + 5));
this._motionData.points.at(totalPointCount + 2).value = json.getMotionCurveSegment(curveCount, (segmentPosition + 6));
totalPointCount += 3;
segmentPosition += 7;
break;
}
case CubismMotionSegmentType.CubismMotionSegmentType_Stepped:
case CubismMotionSegmentType.CubismMotionSegmentType_Stepped:
{
this._motionData.segments.at(totalSegmentCount).segmentType = CubismMotionSegmentType.CubismMotionSegmentType_Stepped;
this._motionData.segments.at(totalSegmentCount).evaluate = steppedEvaluate;
this._motionData.points.at(totalPointCount).time = json.getMotionCurveSegment(curveCount, (segmentPosition + 1));
this._motionData.points.at(totalPointCount).value = json.getMotionCurveSegment(curveCount, (segmentPosition + 2));
totalPointCount += 1;
segmentPosition += 3;
break;
}
case CubismMotionSegmentType.CubismMotionSegmentType_InverseStepped:
case CubismMotionSegmentType.CubismMotionSegmentType_InverseStepped:
{
this._motionData.segments.at(totalSegmentCount).segmentType = CubismMotionSegmentType.CubismMotionSegmentType_InverseStepped;
this._motionData.segments.at(totalSegmentCount).evaluate = inverseSteppedEvaluate;
this._motionData.points.at(totalPointCount).time = json.getMotionCurveSegment(curveCount, (segmentPosition + 1));
this._motionData.points.at(totalPointCount).value = json.getMotionCurveSegment(curveCount, (segmentPosition + 2));
totalPointCount += 1;
segmentPosition += 3;
break;
}
default:
@ -756,7 +756,7 @@ export namespace Live2DCubismFramework
this._motionData.events.at(userdatacount).fireTime = json.getEventTime(userdatacount);
this._motionData.events.at(userdatacount).value = json.getEventValue(userdatacount);
}
json.release();
json = void 0;
json = null;
@ -774,7 +774,7 @@ export namespace Live2DCubismFramework
public getFiredEvent(beforeCheckTimeSeconds: number, motionTimeSeconds: number): csmVector<csmString>
{
this._firedEventValues.updateSize(0);
// イベントの発火チェック
for (let u: number = 0; u < this._motionData.eventCount; ++u)
{
@ -795,11 +795,11 @@ export namespace Live2DCubismFramework
public _lastWeight: number; // 最後に設定された重み
public _motionData: CubismMotionData; // 実際のモーションデータ本体
public _eyeBlinkParameterIds: csmVector<CubismIdHandle>; // 自動まばたきを適用するパラメータIDハンドルのリスト。 モデル（モデルセッティング）とパラメータを対応付ける。
public _lipSyncParameterIds: csmVector<CubismIdHandle>; // リップシンクを適用するパラメータIDハンドルのリスト。 モデル（モデルセッティング）とパラメータを対応付ける。
public _modelCurveIdEyeBlink: CubismIdHandle; // モデルが持つ自動まばたき用パラメータIDのハンドル。 モデルとモーションを対応付ける。
public _modelCurveIdLipSync: CubismIdHandle; // モデルが持つリップシンク用パラメータIDのハンドル。 モデルとモーションを対応付ける。
}
}
}

22
Framework/motion/cubismmotioninternal.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismid} from '../id/cubismid';
@ -16,7 +16,7 @@ export namespace Live2DCubismFramework
{
/**
* @brief モーションカーブの種類
*
*
* モーションカーブの種類。
*/
export enum CubismMotionCurveTarget
@ -29,7 +29,7 @@ export namespace Live2DCubismFramework
/**
* @brief モーションカーブのセグメントの種類
*
*
* モーションカーブのセグメントの種類。
*/
export enum CubismMotionSegmentType
@ -42,7 +42,7 @@ export namespace Live2DCubismFramework
/**
* @brief モーションカーブの制御点
*
*
* モーションカーブの制御点。
*/
export class CubismMotionPoint
@ -54,7 +54,7 @@ export namespace Live2DCubismFramework
/**
* モーションカーブのセグメントの評価関数
*
*
* @param points モーションカーブの制御点リスト
* @param time 評価する時間[秒]
*/
@ -68,14 +68,14 @@ export namespace Live2DCubismFramework
/**
* @brief モーションカーブのセグメント
*
*
* モーションカーブのセグメント。
*/
export class CubismMotionSegment
{
/**
* @brief コンストラクタ
*
*
* コンストラクタ。
*/
public constructor()
@ -92,7 +92,7 @@ export namespace Live2DCubismFramework
/**
* @brief モーションカーブ
*
*
* モーションカーブ。
*/
export class CubismMotionCurve
@ -125,7 +125,7 @@ export namespace Live2DCubismFramework
/**
* @brief モーションデータ
*
*
* モーションデータ。
*/
export class CubismMotionData
@ -154,4 +154,4 @@ export namespace Live2DCubismFramework
points: csmVector<CubismMotionPoint>; // ポイントのリスト
events: csmVector<CubismMotionEvent>; // イベントのリスト
};
}
}

8
Framework/motion/cubismmotionjson.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismjson} from '../utils/cubismjson';
@ -104,7 +104,7 @@ export namespace Live2DCubismFramework
{
return this._json.getRoot().getValueByString(Meta).getValueByString(TotalSegmentCount).toInt();
}
/**
* モーションのカーブの制御店の総合計の取得
* @return モーションのカーブの制御点の総合計
@ -275,4 +275,4 @@ export namespace Live2DCubismFramework
_json: CubismJson; // motion3.jsonのデータ
}
}
}

12
Framework/motion/cubismmotionmanager.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismmotionqueuemanager} from "./cubismmotionqueuemanager";
@ -17,7 +17,7 @@ export namespace Live2DCubismFramework
{
/**
* モーションの管理
*
*
* モーションの管理を行うクラス
*/
export class CubismMotionManager extends CubismMotionQueueManager
@ -92,7 +92,7 @@ export namespace Live2DCubismFramework
this._userTimeSeconds += deltaTimeSeconds;
const updated: boolean = super.doUpdateMotion(model, this._userTimeSeconds);
if(this.isFinished())
{
this._currentPriority = 0; // 再生中のモーションの優先度を解除
@ -123,5 +123,5 @@ export namespace Live2DCubismFramework
_currentPriority: number; // 現在再生中のモーションの優先度
_reservePriority: number; // 再生予定のモーションの優先度。再生中は0になる。モーションファイルを別スレッドで読み込むときの機能。
}
}
}

12
Framework/motion/cubismmotionqueueentry.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as acubismmotion} from './acubismmotion';
@ -64,7 +64,7 @@ export namespace Live2DCubismFramework
/**
* モーションの終了の確認
*
*
* @return true モーションが終了した
* @return false 終了していない
*/
@ -184,7 +184,7 @@ export namespace Live2DCubismFramework
this._stateTimeSeconds = timeSeconds;
this._stateWeight = weight;
}
/**
* モーションの現在時刻の取得
* @return モーションの現在時刻[秒]
@ -205,7 +205,7 @@ export namespace Live2DCubismFramework
/**
* 最後にイベントの発火をチェックした時間を取得
*
*
* @return 最後にイベントの発火をチェックした時間[秒]
*/
public getLastCheckEventTime(): number
@ -237,4 +237,4 @@ export namespace Live2DCubismFramework
_motionQueueEntryHandle: CubismMotionQueueEntryHandle; // インスタンスごとに一意の値を持つ識別番号
}
}
}

16
Framework/motion/cubismmotionqueuemanager.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as acubismmotion} from './acubismmotion';
@ -216,7 +216,7 @@ export namespace Live2DCubismFramework
{
continue;
}
if(motionQueueEntry._motionQueueEntryHandle == motionQueueEntryNumber)
{
return motionQueueEntry;
@ -228,7 +228,7 @@ export namespace Live2DCubismFramework
/**
* イベントを受け取るCallbackの登録
*
*
* @param callback コールバック関数
* @param customData コールバックに返されるデータ
*/
@ -281,7 +281,7 @@ export namespace Live2DCubismFramework
// ------ ユーザトリガーイベントを検査する ----
const firedList: csmVector<csmString> = motion.getFiredEvent(
motionQueueEntry.getLastCheckEventTime() - motionQueueEntry.getStartTime(),
motionQueueEntry.getLastCheckEventTime() - motionQueueEntry.getStartTime(),
userTimeSeconds - motionQueueEntry.getStartTime()
);
@ -318,7 +318,7 @@ export namespace Live2DCubismFramework
/**
* イベントのコールバック関数を定義
*
*
* イベントのコールバックに登録できる関数の型情報
* @param caller 発火したイベントを再生させたCubismMotionQueueManager
* @param eventValue 発火したイベントの文字列データ
@ -335,9 +335,9 @@ export namespace Live2DCubismFramework
/**
* モーションの識別番号
*
*
* モーションの識別番号の定義
*/
export declare type CubismMotionQueueEntryHandle = any;
export const InvalidMotionQueueEntryHandleValue: CubismMotionQueueEntryHandle = -1;
}
}

44
Framework/physics/cubismphysics.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismphysicsinternal} from './cubismphysicsinternal';
@ -30,13 +30,13 @@ export namespace Live2DCubismFramework
const PhysicsTypeTagX: string = "X";
const PhysicsTypeTagY: string = "Y";
const PhysicsTypeTagAngle: string = "Angle";
/// Constant of air resistance.
const AirResistance: number = 5.0;
/// Constant of maximum weight of input and output ratio.
const MaximumWeight: number = 100.0;
/// Constant of threshold of movement.
const MovementThreshold: number = 0.001;
@ -90,7 +90,7 @@ export namespace Live2DCubismFramework
let currentInput: CubismPhysicsInput[];
let currentOutput: CubismPhysicsOutput[];
let currentParticles: CubismPhysicsParticle[];
let parameterValue: Float32Array;
let parameterMaximumValue: Float32Array;
let parameterMinimumValue: Float32Array;
@ -139,7 +139,7 @@ export namespace Live2DCubismFramework
totalTranslation.x = (totalTranslation.x * CubismMath.cos(radAngle) - totalTranslation.y * CubismMath.sin(radAngle));
totalTranslation.y = (totalTranslation.x * CubismMath.sin(radAngle) + totalTranslation.y * CubismMath.cos(radAngle));
// Calculate particles position.
updateParticles(
currentParticles,
@ -251,7 +251,7 @@ export namespace Live2DCubismFramework
public parse(physicsJson: ArrayBuffer, size: number): void
{
this._physicsRig = new CubismPhysicsRig();
let json: CubismPhysicsJson = new CubismPhysicsJson(physicsJson, size);
this._physicsRig.gravity = json.getGravity();
@ -278,7 +278,7 @@ export namespace Live2DCubismFramework
// Input
this._physicsRig.settings.at(i).inputCount = json.getInputCount(i);
this._physicsRig.settings.at(i).baseInputIndex = inputIndex;
for(let j: number = 0; j < this._physicsRig.settings.at(i).inputCount; ++j)
{
this._physicsRig.inputs.at(inputIndex + j).sourceParameterIndex = -1;
@ -379,7 +379,7 @@ export namespace Live2DCubismFramework
{
currentSetting = this._physicsRig.settings.at(settingIndex);
strand = this._physicsRig.particles.get(currentSetting.baseParticleIndex);
// Initialize the top of particle.
strand[0].initialPosition = new CubismVector2(0.0, 0.0);
strand[0].lastPosition = new CubismVector2(strand[0].initialPosition.x, strand[0].initialPosition.y);
@ -387,7 +387,7 @@ export namespace Live2DCubismFramework
strand[0].lastGravity.y *= -1.0;
strand[0].velocity = new CubismVector2(0.0, 0.0);
strand[0].force = new CubismVector2(0.0, 0.0);
// Initialize paritcles.
for (let i: number = 1; i < currentSetting.particleCount; ++i)
{
@ -425,9 +425,9 @@ export namespace Live2DCubismFramework
/**
* Gets sign.
*
*
* @param value Evaluation target value.
*
*
* @return Sign of value.
*/
function sign(value: number): number
@ -611,7 +611,7 @@ export namespace Live2DCubismFramework
/**
* Updates particles.
*
*
* @param strand Target array of particle.
* @param strandCount Count of particle.
* @param totalTranslation Total translation value.
@ -684,11 +684,11 @@ export namespace Live2DCubismFramework
strand[i].velocity = strand[i].velocity.divisionByScalar(delay);
strand[i].velocity = strand[i].velocity.multiplyByScaler(strand[i].mobility);
}
strand[i].force = new CubismVector2(0.0, 0.0);
strand[i].lastGravity = new CubismVector2(currentGravity.x, currentGravity.y);
}
}
/**
@ -708,9 +708,9 @@ export namespace Live2DCubismFramework
let outputScale: number;
let value: number;
let weight: number;
outputScale = output.getScale(output.translationScale, output.angleScale);
value = translation * outputScale;
if (value < parameterValueMinimum)
@ -719,7 +719,7 @@ export namespace Live2DCubismFramework
{
output.valueBelowMinimum = value;
}
value = parameterValueMinimum;
}
else if (value > parameterValueMaximum)
@ -728,7 +728,7 @@ export namespace Live2DCubismFramework
{
output.valueExceededMaximum = value;
}
value = parameterValueMaximum;
}
@ -798,7 +798,7 @@ export namespace Live2DCubismFramework
{
const nLength: number = minNormValue - middleNormValue;
const pLength: number = minValue - middleValue;
if(pLength != 0.0)
{
result = paramValue * (nLength / pLength);
@ -823,4 +823,4 @@ export namespace Live2DCubismFramework
? result
: (result * -1.0);
}
}
}

14
Framework/physics/cubismphysicsinternal.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismvector2} from '../math/cubismvector2';
@ -34,7 +34,7 @@ export namespace Live2DCubismFramework
/**
* @brief 物理演算で使用する外部の力
*
*
* 物理演算で使用する外部の力。
*/
export class PhysicsJsonEffectiveForces
@ -174,7 +174,7 @@ export namespace Live2DCubismFramework
translationScale: CubismVector2,
angleScale: number
): number;
}
}
/**
* 物理演算の入力情報
@ -195,7 +195,7 @@ export namespace Live2DCubismFramework
/**
* @brief 物理演算の出力情報
*
*
* 物理演算の出力情報。
*/
export class CubismPhysicsOutput
@ -222,7 +222,7 @@ export namespace Live2DCubismFramework
/**
* @brief 物理演算のデータ
*
*
* 物理演算のデータ。
*/
export class CubismPhysicsRig
@ -245,4 +245,4 @@ export namespace Live2DCubismFramework
gravity: CubismVector2; ///< 重力
wind: CubismVector2; ///< 風
};
}
}

10
Framework/physics/cubismphysicsjson.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismjson} from '../utils/cubismjson';
@ -115,7 +115,7 @@ export namespace Live2DCubismFramework
{
return this._json.getRoot().getValueByString(Meta).getValueByString(PhysicsSettingCount).toInt();
}
/**
* 入力の総合計の取得
* @return 入力の総合計
@ -142,7 +142,7 @@ export namespace Live2DCubismFramework
{
return this._json.getRoot().getValueByString(Meta).getValueByString(VertexCount).toInt();
}
/**
* 正規化された位置の最小値の取得
* @param physicsSettingIndex 物理演算の設定のインデックス
@ -404,4 +404,4 @@ export namespace Live2DCubismFramework
_json: CubismJson; // physics3.jsonデータ
}
}
}

17
Framework/rendering/cubismrenderer.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismmatrix44} from '../math/cubismmatrix44';
@ -14,14 +14,14 @@ export namespace Live2DCubismFramework
{
/**
* モデル描画を処理するレンダラ
*
*
* サブクラスに環境依存の描画命令を記述する。
*/
export abstract class CubismRenderer
{
/**
* レンダラのインスタンスを生成して取得する
*
*
* @return レンダラのインスタンス
*/
public static create(): CubismRenderer
@ -131,7 +131,7 @@ export namespace Live2DCubismFramework
/**
* モデルの色を取得する
* 各色0.0~1.0の間で指定する(1.0が標準の状態)
*
*
* @return RGBAのカラー情報
*/
public getModelColor(): CubismTextureColor
@ -186,7 +186,7 @@ export namespace Live2DCubismFramework
{
this._anisortopy = n;
}
/**
* テクスチャの異方性フィルタリングのパラメータをセットする
* @return 異方性フィルタリングのパラメータ
@ -237,10 +237,11 @@ export namespace Live2DCubismFramework
* @param uvArray uv配列
* @param opacity 不透明度
* @param colorBlendMode カラーブレンディングのタイプ
* @param invertedMask マスク使用時のマスクの反転使用
*/
public abstract drawMesh(textureNo: number, indexCount: number, vertexCount: number,
indexArray: Uint16Array, vertexArray: Float32Array, uvArray: Float32Array,
opacity: number, colorBlendMode: CubismBlendMode): void;
opacity: number, colorBlendMode: CubismBlendMode, invertedMask: boolean): void;
/**
* レンダラが保持する静的なリソースを開放する
@ -283,4 +284,4 @@ export namespace Live2DCubismFramework
B: number; // 青チャンネル
A: number; // αチャンネル
}
}
}

131
Framework/rendering/cubismrenderer_WebGL.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismframework} from "../live2dcubismframework";
@ -27,7 +27,7 @@ export namespace Live2DCubismFramework
{
const ColorChannelCount: number = 4; // 実験時に1チャンネルの場合は1、RGBだけの場合は3、アルファも含める場合は4
const shaderCount: number = 7; // シェーダーの数 = マスク生成用 + (通常用 + 加算 + 乗算) * (マスク無の乗算済アルファ対応版 + マスク有の乗算済アルファ対応版)
const shaderCount: number = 10; // シェーダーの数 = マスク生成用 + (通常用 + 加算 + 乗算) * (マスク無の乗算済アルファ対応版 + マスク有の乗算済アルファ対応版 + マスク有反転の乗算済アルファ対応版)
let s_instance: CubismShader_WebGL;
let s_viewport: number[];
let s_fbo: WebGLFramebuffer;
@ -49,7 +49,7 @@ export namespace Live2DCubismFramework
/**
* テンポラリのレンダーテクスチャのアドレスを取得する
* FrameBufferObjectが存在しない場合、新しく生成する
*
*
* @return レンダーテクスチャのアドレス
*/
public getMaskRenderTexture(): WebGLFramebuffer
@ -454,7 +454,8 @@ export namespace Live2DCubismFramework
model.getDrawableVertices(clipDrawIndex),
model.getDrawableVertexUvs(clipDrawIndex),
model.getDrawableOpacity(clipDrawIndex),
CubismBlendMode.CubismBlendMode_Normal // クリッピングは通常描画を強制
CubismBlendMode.CubismBlendMode_Normal, // クリッピングは通常描画を強制
false // マスク生成時はクリッピングの反転使用は全く関係がない
);
}
}
@ -482,7 +483,7 @@ export namespace Live2DCubismFramework
{
let clippingContext: CubismClippingContext = this._clippingContextListForMask.at(i);
const count: number = clippingContext._clippingIdCount;
// 個数が違う場合は別物
if(count != drawableMaskCounts)
{
@ -495,7 +496,7 @@ export namespace Live2DCubismFramework
for(let j: number = 0; j < count; j++)
{
const clipId: number = clippingContext._clippingIdList[j];
for(let k: number = 0; k < count; k++)
{
if(drawableMasks[k] == clipId)
@ -519,7 +520,7 @@ export namespace Live2DCubismFramework
* クリッピングコンテキストを配置するレイアウト
* 一つのレンダーテクスチャを極力いっぱいに使ってマスクをレイアウトする
* マスクグループの数が4以下ならRGBA各チャンネルに一つずつマスクを配置し、5以上6以下ならRGBAを2,2,1,1と配置する。
*
*
* @param usingClipCount 配置するクリッピングコンテキストの数
*/
public setupLayoutBounds(usingClipCount: number): void
@ -752,7 +753,7 @@ export namespace Live2DCubismFramework
/**
* このマスクにクリップされる描画オブジェクトを追加する
*
*
* @param drawableIndex クリッピング対象に追加する描画オブジェクトのインデックス
*/
public addClippedDrawable(drawableIndex: number)
@ -849,6 +850,7 @@ export namespace Live2DCubismFramework
* @param baseColor ベースカラー
* @param isPremultipliedAlpha 乗算済みアルファかどうか
* @param matrix4x4 Model-View-Projection行列
* @param invertedMask マスクを反転して使用するフラグ
*/
public setupShaderProgram(renderer: CubismRenderer_WebGL,
textureId: WebGLTexture,
@ -865,7 +867,8 @@ export namespace Live2DCubismFramework
colorBlendMode: CubismBlendMode,
baseColor: CubismTextureColor,
isPremultipliedAlpha: boolean,
matrix4x4: CubismMatrix44): void
matrix4x4: CubismMatrix44,
invertedMask: boolean): void
{
if(!isPremultipliedAlpha)
{
@ -938,7 +941,7 @@ export namespace Live2DCubismFramework
else // マスク生成以外の場合
{
const masked: boolean = renderer.getClippingContextBufferForDraw() != null; // この描画オブジェクトはマスク対象か
const offset: number = (masked ? 1 : 0);
const offset: number = (masked ? (invertedMask ? 2 : 1) : 0);
let shaderSet: CubismShaderSet = new CubismShaderSet();
@ -960,7 +963,7 @@ export namespace Live2DCubismFramework
SRC_ALPHA = this.gl.ZERO;
DST_ALPHA = this.gl.ONE;
break;
case CubismBlendMode.CubismBlendMode_Multiplicative:
shaderSet = this._shaderSets.at(ShaderNames.ShaderNames_MultPremultipliedAlpha + offset);
SRC_COLOR = this.gl.DST_COLOR;
@ -1015,7 +1018,7 @@ export namespace Live2DCubismFramework
// 座標変換
this.gl.uniformMatrix4fv(shaderSet.uniformMatrixLocation, false, matrix4x4.getArray());
this.gl.uniform4f(shaderSet.uniformBaseColorLocation, baseColor.R, baseColor.G, baseColor.B, baseColor.A);
}
@ -1056,17 +1059,20 @@ export namespace Live2DCubismFramework
}
this._shaderSets.at(0).shaderProgram = this.loadShaderProgram(vertexShaderSrcSetupMask, fragmentShaderSrcsetupMask);
this._shaderSets.at(1).shaderProgram = this.loadShaderProgram(vertexShaderSrc, fragmentShaderSrcPremultipliedAlpha);
this._shaderSets.at(2).shaderProgram = this.loadShaderProgram(vertexShaderSrcMasked, fragmentShaderSrcMaskPremultipliedAlpha);
this._shaderSets.at(3).shaderProgram = this.loadShaderProgram(vertexShaderSrcMasked, fragmentShaderSrcMaskInvertedPremultipliedAlpha);
// 加算も通常と同じシェーダーを利用する
this._shaderSets.at(3).shaderProgram = this._shaderSets.at(1).shaderProgram;
this._shaderSets.at(4).shaderProgram = this._shaderSets.at(2).shaderProgram;
this._shaderSets.at(4).shaderProgram = this._shaderSets.at(1).shaderProgram;
this._shaderSets.at(5).shaderProgram = this._shaderSets.at(2).shaderProgram;
this._shaderSets.at(6).shaderProgram = this._shaderSets.at(3).shaderProgram;
// 乗算も通常と同じシェーダーを利用する
this._shaderSets.at(5).shaderProgram = this._shaderSets.at(1).shaderProgram;
this._shaderSets.at(6).shaderProgram = this._shaderSets.at(2).shaderProgram;
this._shaderSets.at(7).shaderProgram = this._shaderSets.at(1).shaderProgram;
this._shaderSets.at(8).shaderProgram = this._shaderSets.at(2).shaderProgram;
this._shaderSets.at(9).shaderProgram = this._shaderSets.at(3).shaderProgram;
// SetupMask
this._shaderSets.at(0).attributePositionLocation = this.gl.getAttribLocation(this._shaderSets.at(0).shaderProgram, "a_position");
@ -1093,31 +1099,34 @@ export namespace Live2DCubismFramework
this._shaderSets.at(2).uniformChannelFlagLocation = this.gl.getUniformLocation(this._shaderSets.at(2).shaderProgram, "u_channelFlag");
this._shaderSets.at(2).uniformBaseColorLocation = this.gl.getUniformLocation(this._shaderSets.at(2).shaderProgram, "u_baseColor");
// 加算（PremultipliedAlpha）
// 通常（クリッピング・反転, PremultipliedAlpha）
this._shaderSets.at(3).attributePositionLocation = this.gl.getAttribLocation(this._shaderSets.at(3).shaderProgram, "a_position");
this._shaderSets.at(3).attributeTexCoordLocation = this.gl.getAttribLocation(this._shaderSets.at(3).shaderProgram, "a_texCoord");
this._shaderSets.at(3).samplerTexture0Location = this.gl.getUniformLocation(this._shaderSets.at(3).shaderProgram, "s_texture0");
this._shaderSets.at(3).samplerTexture1Location = this.gl.getUniformLocation(this._shaderSets.at(3).shaderProgram, "s_texture1");
this._shaderSets.at(3).uniformMatrixLocation = this.gl.getUniformLocation(this._shaderSets.at(3).shaderProgram, "u_matrix");
this._shaderSets.at(3).uniformClipMatrixLocation = this.gl.getUniformLocation(this._shaderSets.at(3).shaderProgram, "u_clipMatrix");
this._shaderSets.at(3).uniformChannelFlagLocation = this.gl.getUniformLocation(this._shaderSets.at(3).shaderProgram, "u_channelFlag");
this._shaderSets.at(3).uniformBaseColorLocation = this.gl.getUniformLocation(this._shaderSets.at(3).shaderProgram, "u_baseColor");
// 加算（クリッピング、PremultipliedAlpha）
// 加算（PremultipliedAlpha）
this._shaderSets.at(4).attributePositionLocation = this.gl.getAttribLocation(this._shaderSets.at(4).shaderProgram, "a_position");
this._shaderSets.at(4).attributeTexCoordLocation = this.gl.getAttribLocation(this._shaderSets.at(4).shaderProgram, "a_texCoord");
this._shaderSets.at(4).samplerTexture0Location = this.gl.getUniformLocation(this._shaderSets.at(4).shaderProgram, "s_texture0");
this._shaderSets.at(4).samplerTexture1Location = this.gl.getUniformLocation(this._shaderSets.at(4).shaderProgram, "s_texture1");
this._shaderSets.at(4).uniformMatrixLocation = this.gl.getUniformLocation(this._shaderSets.at(4).shaderProgram, "u_matrix");
this._shaderSets.at(4).uniformClipMatrixLocation = this.gl.getUniformLocation(this._shaderSets.at(4).shaderProgram, "u_clipMatrix");
this._shaderSets.at(4).uniformChannelFlagLocation = this.gl.getUniformLocation(this._shaderSets.at(4).shaderProgram, "u_channelFlag");
this._shaderSets.at(4).uniformBaseColorLocation = this.gl.getUniformLocation(this._shaderSets.at(4).shaderProgram, "u_baseColor");
// 乗算（PremultipliedAlpha）
// 加算（クリッピング、PremultipliedAlpha）
this._shaderSets.at(5).attributePositionLocation = this.gl.getAttribLocation(this._shaderSets.at(5).shaderProgram, "a_position");
this._shaderSets.at(5).attributeTexCoordLocation = this.gl.getAttribLocation(this._shaderSets.at(5).shaderProgram, "a_texCoord");
this._shaderSets.at(5).samplerTexture0Location = this.gl.getUniformLocation(this._shaderSets.at(5).shaderProgram, "s_texture0");
this._shaderSets.at(5).samplerTexture1Location = this.gl.getUniformLocation(this._shaderSets.at(5).shaderProgram, "s_texture1");
this._shaderSets.at(5).uniformMatrixLocation = this.gl.getUniformLocation(this._shaderSets.at(5).shaderProgram, "u_matrix");
this._shaderSets.at(5).uniformClipMatrixLocation = this.gl.getUniformLocation(this._shaderSets.at(5).shaderProgram, "u_clipMatrix");
this._shaderSets.at(5).uniformChannelFlagLocation = this.gl.getUniformLocation(this._shaderSets.at(5).shaderProgram, "u_channelFlag");
this._shaderSets.at(5).uniformBaseColorLocation = this.gl.getUniformLocation(this._shaderSets.at(5).shaderProgram, "u_baseColor");
// 乗算（クリッピング、PremultipliedAlpha）
// 加算（クリッピング・反転、PremultipliedAlpha）
this._shaderSets.at(6).attributePositionLocation = this.gl.getAttribLocation(this._shaderSets.at(6).shaderProgram, "a_position");
this._shaderSets.at(6).attributeTexCoordLocation = this.gl.getAttribLocation(this._shaderSets.at(6).shaderProgram, "a_texCoord");
this._shaderSets.at(6).samplerTexture0Location = this.gl.getUniformLocation(this._shaderSets.at(6).shaderProgram, "s_texture0");
@ -1126,6 +1135,33 @@ export namespace Live2DCubismFramework
this._shaderSets.at(6).uniformClipMatrixLocation = this.gl.getUniformLocation(this._shaderSets.at(6).shaderProgram, "u_clipMatrix");
this._shaderSets.at(6).uniformChannelFlagLocation = this.gl.getUniformLocation(this._shaderSets.at(6).shaderProgram, "u_channelFlag");
this._shaderSets.at(6).uniformBaseColorLocation = this.gl.getUniformLocation(this._shaderSets.at(6).shaderProgram, "u_baseColor");
// 乗算（PremultipliedAlpha）
this._shaderSets.at(7).attributePositionLocation = this.gl.getAttribLocation(this._shaderSets.at(7).shaderProgram, "a_position");
this._shaderSets.at(7).attributeTexCoordLocation = this.gl.getAttribLocation(this._shaderSets.at(7).shaderProgram, "a_texCoord");
this._shaderSets.at(7).samplerTexture0Location = this.gl.getUniformLocation(this._shaderSets.at(7).shaderProgram, "s_texture0");
this._shaderSets.at(7).uniformMatrixLocation = this.gl.getUniformLocation(this._shaderSets.at(7).shaderProgram, "u_matrix");
this._shaderSets.at(7).uniformBaseColorLocation = this.gl.getUniformLocation(this._shaderSets.at(7).shaderProgram, "u_baseColor");
// 乗算（クリッピング、PremultipliedAlpha）
this._shaderSets.at(8).attributePositionLocation = this.gl.getAttribLocation(this._shaderSets.at(8).shaderProgram, "a_position");
this._shaderSets.at(8).attributeTexCoordLocation = this.gl.getAttribLocation(this._shaderSets.at(8).shaderProgram, "a_texCoord");
this._shaderSets.at(8).samplerTexture0Location = this.gl.getUniformLocation(this._shaderSets.at(8).shaderProgram, "s_texture0");
this._shaderSets.at(8).samplerTexture1Location = this.gl.getUniformLocation(this._shaderSets.at(8).shaderProgram, "s_texture1");
this._shaderSets.at(8).uniformMatrixLocation = this.gl.getUniformLocation(this._shaderSets.at(8).shaderProgram, "u_matrix");
this._shaderSets.at(8).uniformClipMatrixLocation = this.gl.getUniformLocation(this._shaderSets.at(8).shaderProgram, "u_clipMatrix");
this._shaderSets.at(8).uniformChannelFlagLocation = this.gl.getUniformLocation(this._shaderSets.at(8).shaderProgram, "u_channelFlag");
this._shaderSets.at(8).uniformBaseColorLocation = this.gl.getUniformLocation(this._shaderSets.at(8).shaderProgram, "u_baseColor");
// 乗算（クリッピング・反転、PremultipliedAlpha）
this._shaderSets.at(9).attributePositionLocation = this.gl.getAttribLocation(this._shaderSets.at(9).shaderProgram, "a_position");
this._shaderSets.at(9).attributeTexCoordLocation = this.gl.getAttribLocation(this._shaderSets.at(9).shaderProgram, "a_texCoord");
this._shaderSets.at(9).samplerTexture0Location = this.gl.getUniformLocation(this._shaderSets.at(9).shaderProgram, "s_texture0");
this._shaderSets.at(9).samplerTexture1Location = this.gl.getUniformLocation(this._shaderSets.at(9).shaderProgram, "s_texture1");
this._shaderSets.at(9).uniformMatrixLocation = this.gl.getUniformLocation(this._shaderSets.at(9).shaderProgram, "u_matrix");
this._shaderSets.at(9).uniformClipMatrixLocation = this.gl.getUniformLocation(this._shaderSets.at(9).shaderProgram, "u_clipMatrix");
this._shaderSets.at(9).uniformChannelFlagLocation = this.gl.getUniformLocation(this._shaderSets.at(9).shaderProgram, "u_channelFlag");
this._shaderSets.at(9).uniformBaseColorLocation = this.gl.getUniformLocation(this._shaderSets.at(9).shaderProgram, "u_baseColor");
}
/**
@ -1163,7 +1199,7 @@ export namespace Live2DCubismFramework
// link program
this.gl.linkProgram(shaderProgram)
let linkStatus = this.gl.getProgramParameter(shaderProgram, this.gl.LINK_STATUS);
// リンクに失敗したらシェーダーを削除
if(!linkStatus)
{
@ -1195,7 +1231,7 @@ export namespace Live2DCubismFramework
* シェーダープログラムをコンパイルする
* @param shaderType シェーダタイプ(Vertex/Fragment)
* @param shaderSource シェーダソースコード
*
*
* @return コンパイルされたシェーダープログラム
*/
public compileShaderSource(shaderType: GLenum, shaderSource: string): WebGLProgram
@ -1205,7 +1241,7 @@ export namespace Live2DCubismFramework
let shader: WebGLProgram = this.gl.createShader(shaderType);
this.gl.shaderSource(shader, source);
this.gl.compileShader(shader);
if(!shader)
{
let log: string = this.gl.getShaderInfoLog(shader);
@ -1255,14 +1291,17 @@ export namespace Live2DCubismFramework
// Normal
ShaderNames_NormalPremultipliedAlpha,
ShaderNames_NormalMaskedPremultipliedAlpha,
ShaderNames_NomralMaskedInvertedPremultipliedAlpha,
// Add
ShaderNames_AddPremultipliedAlpha,
ShaderNames_AddMaskedPremultipledAlpha,
ShaderNames_AddMaskedPremultipliedAlpha,
ShaderNames_AddMaskedPremultipliedAlphaInverted,
// Mult
ShaderNames_MultPremultipliedAlpha,
ShaderNames_MultMaskedPremultipliedAlpha,
ShaderNames_MultMaskedPremultipliedAlphaInverted
};
export const vertexShaderSrcSetupMask =
@ -1355,6 +1394,24 @@ export namespace Live2DCubismFramework
" gl_FragColor = col_formask;" +
"}";
// Normal & Add & Mult 共通（クリッピングされて反転使用の描画用、PremultipliedAlphaの場合）
export const fragmentShaderSrcMaskInvertedPremultipliedAlpha =
"precision mediump float;" +
"varying vec2 v_texCoord;" +
"varying vec4 v_clipPos;" +
"uniform sampler2D s_texture0;" +
"uniform sampler2D s_texture1;" +
"uniform vec4 u_channelFlag;" +
"uniform vec4 u_baseColor;" +
"void main()" +
"{" +
"vec4 col_formask = texture2D(s_texture0, v_texCoord) * u_baseColor;" +
"vec4 clipMask = (1.0 - texture2D(s_texture1, v_clipPos.xy / v_clipPos.w)) * u_channelFlag;" +
"float maskVal = clipMask.r + clipMask.g + clipMask.b + clipMask.a;" +
"col_formask = col_formask * (1.0 - maskVal);" +
"gl_FragColor = col_formask;" +
"}";
/**
* WebGL用の描画命令を実装したクラス
*/
@ -1363,7 +1420,7 @@ export namespace Live2DCubismFramework
/**
* レンダラの初期化処理を実行する
* 引数に渡したモデルからレンダラの初期化処理に必要な情報を取り出すことができる
*
*
* @param model モデルのインスタンス
*/
public initialize(model: CubismModel): void
@ -1532,7 +1589,8 @@ export namespace Live2DCubismFramework
this.getModel().getDrawableVertices(drawableIndex),
this.getModel().getDrawableVertexUvs(drawableIndex),
this.getModel().getDrawableOpacity(drawableIndex),
this.getModel().getDrawableBlendMode(drawableIndex)
this.getModel().getDrawableBlendMode(drawableIndex),
this.getModel().getDrawableInvertedMaskBit(drawableIndex)
);
}
}
@ -1549,10 +1607,11 @@ export namespace Live2DCubismFramework
* @param uvArray uv配列
* @param opacity 不透明度
* @param colorBlendMode カラー合成タイプ
* @param invertedMask マスク使用時のマスクの反転使用
*/
public drawMesh(textureNo: number, indexCount: number, vertexCount: number,
indexArray: Uint16Array, vertexArray: Float32Array, uvArray: Float32Array,
opacity: number, colorBlendMode: CubismBlendMode): void
opacity: number, colorBlendMode: CubismBlendMode, invertedMask: boolean): void
{
// 裏面描画の有効・無効
if(this.isCulling())
@ -1564,7 +1623,7 @@ export namespace Live2DCubismFramework
this.gl.disable(this.gl.CULL_FACE);
}
this.gl.frontFace(this.gl.CCW); // Cubism3 OpenGLはマスク・アートメッシュ共にCCWが表面
this.gl.frontFace(this.gl.CCW); // Cubism SDK OpenGLはマスク・アートメッシュ共にCCWが表面
let modelColorRGBA: CubismTextureColor = this.getModelColor();
@ -1596,9 +1655,9 @@ export namespace Live2DCubismFramework
this, drawtexture, vertexCount, vertexArray, indexArray, uvArray,
this._bufferData,
opacity, colorBlendMode, modelColorRGBA, this.isPremultipliedAlpha(),
this.getMvpMatrix()
this.getMvpMatrix(), invertedMask
);
// ポリゴンメッシュを描画する
this.gl.drawElements(this.gl.TRIANGLES, indexCount, this.gl.UNSIGNED_SHORT, 0);
@ -1723,4 +1782,4 @@ export namespace Live2DCubismFramework
{
CubismRenderer_WebGL.doStaticRelease();
}
}
}

36
Framework/type/csmmap.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import { CubismLogDebug } from "../utils/cubismdebug";
@ -22,13 +22,13 @@ export namespace Live2DCubismFramework
*/
public constructor(key?: _KeyT, value?: _ValT)
{
this.first = (key == undefined)
? null
this.first = (key == undefined)
? null
: key;
this.second = (value == undefined)
? null
: value;
: value;
}
public first: _KeyT; // keyとして用いる変数
@ -75,7 +75,7 @@ export namespace Live2DCubismFramework
{
this.clear();
}
/**
* キーを追加する
* @param key 新たに追加するキー
@ -97,7 +97,7 @@ export namespace Live2DCubismFramework
public getValue(key: _KeyT): _ValT
{
let found = -1;
for(let i: number = 0; i < this._size; i++)
{
if(this._keyValues[i].first == key)
@ -106,7 +106,7 @@ export namespace Live2DCubismFramework
break;
}
}
if(found >= 0)
{
return this._keyValues[found].second;
@ -117,7 +117,7 @@ export namespace Live2DCubismFramework
return this._keyValues[this._size - 1].second;
}
}
/**
* 添字演算子[key]のオーバーロード(set)
* @param key 添字から特定されるValue値
@ -126,7 +126,7 @@ export namespace Live2DCubismFramework
public setValue(key: _KeyT, value: _ValT): void
{
let found = -1;
for(let i: number = 0; i < this._size; i++)
{
if(this._keyValues[i].first == key)
@ -135,7 +135,7 @@ export namespace Live2DCubismFramework
break;
}
}
if(found >= 0)
{
this._keyValues[found].second = value;
@ -146,7 +146,7 @@ export namespace Live2DCubismFramework
this._keyValues[this._size - 1].second = value;
}
}
/**
* 引数で渡したKeyを持つ要素が存在するか
* @param key 存在を確認するkey
@ -164,7 +164,7 @@ export namespace Live2DCubismFramework
}
return false;
}
/**
* keyValueのポインタを全て解放する
*/
@ -173,13 +173,13 @@ export namespace Live2DCubismFramework
this._keyValues = void 0;
this._keyValues = null;
this._keyValues = new Array();
this._size = 0;
}
/**
* コンテナのサイズを取得する
*
*
* @return コンテナのサイズ
*/
public getSize(): number
@ -229,7 +229,7 @@ export namespace Live2DCubismFramework
/**
* コンテナから要素を削除する
*
*
* @param ite 削除する要素
*/
public erase(ite: iterator<_KeyT, _ValT>): iterator<_KeyT, _ValT>
@ -355,4 +355,4 @@ export namespace Live2DCubismFramework
_index: number; // コンテナのインデックス値
_map: csmMap<_KeyT, _ValT>; // コンテナ
}
}
}

6
Framework/type/csmrectf.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
export namespace Live2DCubismFramework
@ -89,4 +89,4 @@ export namespace Live2DCubismFramework
public width: number; // 幅
public height: number; // 高さ
}
}
}

8
Framework/type/csmstring.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
export namespace Live2DCubismFramework
@ -14,7 +14,7 @@ export namespace Live2DCubismFramework
{
/**
* 文字列を後方に追加する
*
*
* @param c 追加する文字列
* @return 更新された文字列
*/
@ -114,4 +114,4 @@ export namespace Live2DCubismFramework
s: string;
}
}
}

16
Framework/type/csmvector.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
export namespace Live2DCubismFramework
@ -74,7 +74,7 @@ export namespace Live2DCubismFramework
{
this.prepareCapacity(this._capacity == 0 ? csmVector.s_defaultSize : this._capacity * 2);
}
this._ptr[this._size++] = value;
}
@ -132,7 +132,7 @@ export namespace Live2DCubismFramework
public updateSize(newSize: number, value: any = null, callPlacementNew: boolean = true): void
{
let curSize: number = this._size;
if(curSize < newSize)
{
this.prepareCapacity(newSize); // capacity更新
@ -194,7 +194,7 @@ export namespace Live2DCubismFramework
this._ptr.splice(dstSi + i, 0, null);
}
}
for(let i: number = srcSi; i < srcEi; i++, dstSi++)
{
this._ptr[dstSi] = begin._vector._ptr[i];
@ -268,7 +268,7 @@ export namespace Live2DCubismFramework
*/
public begin(): iterator<T>
{
let ite: iterator<T> = (this._size == 0)
let ite: iterator<T> = (this._size == 0)
? this.end()
: new iterator<T>(this, 0);
return ite;
@ -329,7 +329,7 @@ export namespace Live2DCubismFramework
++this._index;
return this;
}
/**
* 前置き--演算
*/
@ -390,4 +390,4 @@ export namespace Live2DCubismFramework
_index: number; // コンテナのインデックス値
_vector: csmVector<T>; // コンテナ
}
}
}

16
Framework/utils/cubismdebug.ts
View File

@ -1,15 +1,15 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismframework, LogLevel} from "../live2dcubismframework";
import {CSM_LOG_LEVEL, CSM_LOG_LEVEL_VERBOSE, CSM_LOG_LEVEL_DEBUG, CSM_LOG_LEVEL_INFO, CSM_LOG_LEVEL_WARNING, CSM_LOG_LEVEL_ERROR} from "../cubismframeworkconfig";
export const CubismLogPrint = (level: LogLevel, fmt: string, args: any[]) =>
export const CubismLogPrint = (level: LogLevel, fmt: string, args: any[]) =>
{
Live2DCubismFramework.CubismDebug.print(level, "[CSM]" + fmt, args);
}
@ -130,7 +130,7 @@ export namespace Live2DCubismFramework
/**
* ログを出力する。第一引数にログレベルを設定する。
* CubismFramework.initialize()時にオプションで設定されたログ出力レベルを下回る場合はログに出さない。
*
*
* @param logLevel ログレベルの設定
* @param format 書式付き文字列
* @param args 可変長引数
@ -148,7 +148,7 @@ export namespace Live2DCubismFramework
if (!logPrint)
return;
let buffer: string =
let buffer: string =
format.replace(
/\{(\d+)\}/g,
(m, k) =>
@ -162,7 +162,7 @@ export namespace Live2DCubismFramework
/**
* データから指定した長さだけダンプ出力する。
* CubismFramework.initialize()時にオプションで設定されたログ出力レベルを下回る場合はログに出さない。
*
*
* @param logLevel ログレベルの設定
* @param data ダンプするデータ
* @param length ダンプする長さ
@ -175,7 +175,7 @@ export namespace Live2DCubismFramework
else if (i % 8 == 0 && i > 0) this.print(logLevel, " ");
this.print(logLevel, "{0} ", [(data[i] & 0xFF)]);
}
this.print(logLevel, "\n");
}
@ -189,4 +189,4 @@ export namespace Live2DCubismFramework
}
}
//------------ LIVE2D NAMESPACE ------------
//------------ LIVE2D NAMESPACE ------------

58
Framework/utils/cubismjson.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as csmstring} from "../type/csmstring";
@ -123,7 +123,7 @@ export namespace Live2DCubismFramework
/**
* マップのキー一覧をコンテナで返す
*
*
* @return マップのキーの一覧
*/
public getKeys(): csmVector<string>
@ -228,7 +228,7 @@ export namespace Live2DCubismFramework
Value.s_dummyKeys = new csmVector<string>();
}
/**
* リリース用メソッド
*/
@ -259,7 +259,7 @@ export namespace Live2DCubismFramework
* Ascii文字のみ対応した最小限の軽量JSONパーサ。
* 仕様はJSONのサブセットとなる。
* 設定ファイル(model3.json)などのロード用
*
*
* [未対応項目]
* ・日本語などの非ASCII文字
* ・eによる指数表現
@ -283,7 +283,7 @@ export namespace Live2DCubismFramework
/**
* バイトデータから直接ロードしてパースする
*
*
* @param buffer バッファ
* @param size バッファサイズ
* @return CubismJsonクラスのインスタンス。失敗したらNULL
@ -293,7 +293,7 @@ export namespace Live2DCubismFramework
let json = new CubismJson();
const succeeded: boolean = json.parseBytes(buffer, size);
if(!succeeded)
if(!succeeded)
{
CubismJson.delete(json);
return null;
@ -306,7 +306,7 @@ export namespace Live2DCubismFramework
/**
* パースしたJSONオブジェクトの解放処理
*
*
* @param instance CubismJsonクラスのインスタンス
*/
public static delete(instance: CubismJson)
@ -324,7 +324,7 @@ export namespace Live2DCubismFramework
/**
* UnicodeのバイナリをStringに変換
*
*
* @param buffer 変換するバイナリデータ
* @return 変換後の文字列
*/
@ -385,7 +385,7 @@ export namespace Live2DCubismFramework
/**
* パース時のエラー値を返す
*/
public getParseError(): string
public getParseError(): string
{
return this._error;
}
@ -411,7 +411,7 @@ export namespace Live2DCubismFramework
protected parseValue(buffer: string, length: number, begin: number, outEndPos: number[])
{
if (this._error) return null;
let o: Value = null;
let i: number = begin;
let f: number;
@ -486,7 +486,7 @@ export namespace Live2DCubismFramework
case ']': // 不正な｝だがスキップする。配列の最後に不要な , があると思われる
outEndPos[0] = i; // 同じ文字を再処理
return null;
case '\n':
case '\n':
this._lineCount++;
case ' ':
case '\t':
@ -502,7 +502,7 @@ export namespace Live2DCubismFramework
/**
* 次の「"」までの文字列をパースする。
*
*
* @param string -> パース対象の文字列
* @param length -> パースする長さ
* @param begin -> パースを開始する位置
@ -525,7 +525,7 @@ export namespace Live2DCubismFramework
switch(c)
{
case '\"':　// 終端の”、エスケープ文字は別に処理されるのでここに来ない
{
{
outEndPos[0] = i + 1; // ”の次の文字
ret.append(string.slice(bufStart), (i - bufStart)); // 前の文字までを登録する
return ret.s;
@ -533,17 +533,17 @@ export namespace Live2DCubismFramework
case '//': // エスケープの場合
{
i++; // ２文字をセットで扱う
if(i - 1 > bufStart)
{
ret.append(string.slice(bufStart), (i - bufStart)); // 前の文字までを登録する
}
bufStart = i + 1; // エスケープ（２文字)の次の文字から
if (i < length)
{
c2 = string[i];
switch(c2)
{
case '\\':
@ -595,7 +595,7 @@ export namespace Live2DCubismFramework
/**
* JSONのオブジェクトエレメントをパースしてValueオブジェクトを返す
*
*
* @param buffer JSONエレメントのバッファ
* @param length パースする長さ
* @param begin パースを開始する位置
@ -639,7 +639,7 @@ export namespace Live2DCubismFramework
case ':':
this._error = "illegal ':' position";
break;
case '\n':
case '\n':
this._lineCount++;
default:
break; // スキップする文字
@ -685,7 +685,7 @@ export namespace Live2DCubismFramework
if(this._error)
{
return null;
}
}
i = localRetEndPos2[0];
@ -768,7 +768,7 @@ export namespace Live2DCubismFramework
case '\n':
++this._lineCount;
//case ' ': case '\t': case '\r':
default:
default:
break; // スキップ
}
}
@ -815,7 +815,7 @@ export namespace Live2DCubismFramework
let strbuf: string = '\0';
this._value = parseFloat(strbuf);
this._stringBuffer = strbuf;
return this._stringBuffer;
}
@ -936,7 +936,7 @@ export namespace Live2DCubismFramework
private _boolValue: boolean; // JSON要素の値
}
/**
* パースしたJSONの要素を文字列として扱う
*/
@ -955,7 +955,7 @@ export namespace Live2DCubismFramework
{
this._stringBuffer = s;
}
if(s instanceof csmString)
{
this._stringBuffer = s.s;
@ -1114,7 +1114,7 @@ export namespace Live2DCubismFramework
for(let ite: csmVector_iterator<Value> = this._array.begin(); ite.notEqual(this._array.end()); ite.preIncrement())
{
let v: Value = ite.ptr();
if(v && !v.isStatic())
{
v = void 0;
@ -1171,7 +1171,7 @@ export namespace Live2DCubismFramework
let v: Value = ite.ptr();
this._stringBuffer += indent + "" + v.getString(indent + " ") + "\n";
}
this._stringBuffer = stringBuffer + indent + "]\n";
return this._stringBuffer;
@ -1229,7 +1229,7 @@ export namespace Live2DCubismFramework
while(ite.notEqual(this._map.end()))
{
let v: Value = ite.ptr().second;
if(v && !v.isStatic())
{
v = void 0;
@ -1352,9 +1352,9 @@ export namespace Live2DCubismFramework
{
return this._keys.getSize();
}
private _map: csmMap<string, Value>; // JSON要素の値
private _keys: csmVector<string>; // JSON要素の値
}
}
}

8
Framework/utils/cubismstring.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
export namespace Live2DCubismFramework
@ -50,7 +50,7 @@ export namespace Live2DCubismFramework
/**
* position位置の文字から数字を解析する。
*
*
* @param string 文字列
* @param length 文字列の長さ
* @param position 解析したい文字の位置
@ -133,4 +133,4 @@ export namespace Live2DCubismFramework
}
}
}
}

205
README.md
View File

@ -1,146 +1,155 @@
# Cubism Web Samples
Live2D Cubism 3 Editorで出力したモデルを表示するアプリケーションのサンプル実装です。
Live2D Cubism 4 Editorで出力したモデルを表示するアプリケーションのサンプル実装です。
Cubism Coreライブラリと組み合わせて使用します。
Cubism Coreライブラリと組み合わせて使用します。
# フォルダ構成
## ディレクトリ構成
- README.md ...本ドキュメント
- Core ...Coreライブラリが含まれるフォルダ
- Framework ...レンダリングやアニメーション機能などのソースコードが含まれるフォルダ
- Samples ...サンプルプロジェクトが含まれるフォルダ
- .vscode ...Visual Studio Codeのタスクや設定が含まれるフォルダ
```
.
├─ .vscode # Visual Studio Codeのタスクや設定が含まれるディレクトリ
├─ Core # Cubism Coreが含まれるディレクトリ
├─ Framework # レンダリングやアニメーション機能などのソースコードが含まれるディレクトリ
└─ Samples
└─ TypeScript
└─ Demo # サンプルプロジェクトが含まれるディレクトリ
├─ Resources # モデルのファイルや画像などのリソースが含まれるディレクトリ
└─ src
```
# Live2D Cubism Core for Web
## Live2D Cubism Core for Web
モデルをロードするためのライブラリです。
# TypeScript環境
1. node.jsをインストールします。
- https://nodejs.org/en/
2. typescriptをインストールします。
- https://www.typescriptlang.org/
3. Visual Studio Codeをインストールします。
4. 拡張機能として下記を追加します。
- Debugger for Chrome
- Live Server
5. Visual Studio Codeを再起動します。
6. ビルドに必要な物をインストールします。
package.jsonがあるディレクトリに移動し、下記コマンドを実行します。
`npm install`
当リポジトリではCubism Coreを管理していません。
[こちら](https://www.live2d.com/download/cubism-sdk/download-web/)からCubism SDK for Webをダウンロードして、
Coreディレクトリのファイルをコピーしてください。
# TypeScript Core Binding
## 開発環境の構築方法
CoreライブラリはTypeScript用に以下プロジェクトでバインドし、出力されたファイルをCoreフォルダに入れる必要があります。
1. [Node.js](https://nodejs.org/)をインストールします。
インストール、バインドに必要な手順については下記を参考にしてください。
https://github.com/Live2D/CubismBindings
1. [Visual Studio Code](https://code.visualstudio.com/)をインストールします。
動作確認バージョン
- emscripten 1.37.40, 1.38.12, 1.38.21
- Python 2.7.15
- PyYAML 3.12
- Pystache 0.5.4
バインドに必要なemscriptenについては下記を参考にしてください。
https://kripken.github.io/emscripten-site/docs/getting_started/downloads.html#updating-the-sdk
1. Visual Studio Codeの拡張機能として下記を追加します。
- [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
# ビルド方法
## ビルド方法
上記TypeScript環境を前提とした操作になります。
1. Visual Studio Codeでプロジェクトディレクトリを開きます。
1. Visual Studio Codeでプロジェクトフォルダを開きます。
(例)E:\Workspace\CubismWebSamples
1. ビルドに必要な物をインストールします。
ctrl+shift+P(macOSでは⌘+⇧+P)で`Tasks: Run Task`から`npm: install`を選択、
または、`package.json`があるディレクトリ上にてターミナル上で`npm install`でサーバが起動します。
2. ビルドし、JavaScriptを生成します。
ctrl+shift+Bでビルドタスクを選択
または　ターミナル上で npm run build-sample を実行すると、JavaScriptが生成されます。
1. ビルドを行います。
ctrl+shift+B(macOSでは⌘+⇧+B)でビルドタスクを選択、またはターミナル上でnpmコマンドを実行してJavaScriptを生成します。
各タスクの説明
`npm:build-framework` : フレームワークのみをビルドし、JavaScriptファイルを生成します。
`npm:watch-framework` : フレームワークのみをウォッチし、変更が保存された際にJavaScriptファイルを生成します。
`npm:build-sample` : サンプルをビルドします。
`npm:watch-sample` : サンプルをウォッチします。
`npm:build-all` : フレームワークとサンプルをビルドします。
`npm:watch-all` : フレームワークとサンプルをウォッチします。
### ビルドタスクの説明
3. サーバーを起動します。
Visual Studio Codeの画面下の水色のフッターからGo Liveをクリックすると、サーバーが起動します。
4. 実行
F5で実行し、remote web site with sourcemapを選択します。
| コマンド | 説明 |
| --- | --- |
| `npm: build-framework` | フレームワークのみをビルドし、JavaScriptファイルを生成します |
| `npm: watch-framework` | フレームワークのみをウォッチし、変更が保存された際にJavaScriptファイルを再生成します |
| `npm: build-sample` | サンプルをビルドします |
| `npm: watch-sample` | サンプルをウォッチします |
| `npm: build-all` | フレームワークとサンプルをビルドします |
| `npm: watch-all` | フレームワークとサンプルをウォッチします |
# SDKマニュアル
## ローカルサーバの起動方法
[Cubism SDK Manual](http://docs.live2d.com/cubism-sdk-manual/top/)
ビルドした成果物はそのままファイルを開くだけでは正常に動作しないため、ローカルサーバを起動する必要があります。
### 開発時
Visual Studio Codeの画面下の水色のフッターから「Go Live」をクリックするとサーバが起動します。
ブラウザ上で`index.html`のパスまで進むと動作を確認することが出来ます。
ファイルの更新が行われると自動でブラウザのリロードが行われます。
また、`F5`を押すとでDebugger for Chromeの拡張が起動してデバッグを行うことが出来ます。
### 検証時
ctrl+shift+P(macOSでは⌘+⇧+P)で`Tasks: Run Task`から`npm: serve`を選択、
または、`package.json`があるディレクトリ上にてターミナル上で`npm run serve`でサーバが起動します。
ブラウザ上で`index.html`のパスまで進むと動作を確認することが出来ます。
シンプルな構成のサーバのため検証時におすすめです。
# 変更履歴
## SDKマニュアル
当リポジトリの変更履歴については[コミットログ](https://github.com/Live2D/CubismWebSamples/commits/master)を参照ください。
[Cubism SDK Manual](https://docs.live2d.com/cubism-sdk-manual/top/)
# 動作確認環境
## 変更履歴
- Windows Google Chrome 70.0.3538.67
- Windows Mozilla Firefox 63.0
- Windows Microsoft Edge 17.17134
- Windows Internet Explorer11 11.407.17134.0 ※（こちらのコミット以降に限ります。: [923b2398266be6f98b9fdbbdeb0bf3fd1d27a2b5](https://github.com/Live2D/CubismWebSamples/commit/923b2398266be6f98b9fdbbdeb0bf3fd1d27a2b5)）
- macOS Google Chrome 70.0.3538.77
- macOS Mozilla Firefox 63.0
- macOS Safari 12.0
- iOS Safari 12.0
- Android Google Chrome 70.0.3538.64
当リポジトリの変更履歴については[CHANGELOG.md](/CHANGELOG.md)を参照ください。
# TODO
- 無し
## 動作確認環境
| Node.js | バージョン |
| --- | --- |
| Current | 12.9.1 |
| LTS | 10.16.3 |
| プラットフォーム | ブラウザ | バージョン |
| --- | --- | --- |
| Android | Google Chrome | 76.0.3809.89 |
| Android | Microsoft Edge | 42.0.2.3819 |
| Android | Mozilla Firefox | 68.0 |
| iOS | Google Chrome | 76.0.3809.81 |
| iOS | Microsoft Edge | 44.5.3 |
| iOS | Mozilla Firefox | 18.1 |
| iOS | Safari | 604.1 |
| macOS | Google Chrome | 76.0.3809.87 |
| macOS | Mozilla Firefox | 68.0.1 |
| macOS | Safari | 12.1.2 |
| Windows | Google Chrome | 76.0.3809.100 |
| Windows | Internet Explorer 11 | 11.885.17134.0 |
| Windows | Microsoft Edge | 44.18362.1.0 |
| Windows | Mozilla Firefox | 68.0.1 |
Note: 動作確認時のサーバの起動は[検証時](/README.md#検証時)の方法で行っています。
# ライセンス
## ライセンス
Cubism Web Samples は Live2D Open Software License で提供しています。
- Live2D Open Software License
[日本語](http://www.live2d.com/eula/live2d-open-software-license-agreement_jp.html)
[English](http://www.live2d.com/eula/live2d-open-software-license-agreement_en.html)
- Live2D Open Software License
[日本語](https://www.live2d.com/eula/live2d-open-software-license-agreement_jp.html)
[English](https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html)
Live2D Cubism Core for Web は Live2D Proprietary Software License で提供しています。
- Live2D Proprietary Software License
[日本語](http://www.live2d.com/eula/live2d-proprietary-software-license-agreement_jp.html)
[English](http://www.live2d.com/eula/live2d-proprietary-software-license-agreement_en.html)
- Live2D Proprietary Software License
[日本語](https://www.live2d.com/eula/live2d-proprietary-software-license-agreement_jp.html)
[English](https://www.live2d.com/eula/live2d-proprietary-software-license-agreement_en.html)
Live2D のサンプルモデルは Free Material License で提供しています。
- Free Material License
[日本語](http://www.live2d.com/eula/live2d-free-material-license-agreement_jp.html)
[English](http://www.live2d.com/eula/live2d-free-material-license-agreement_en.html)
- Samples/Resources/Haru/*
- Samples/Resources/Hiyori/*
- Samples/Resources/Mark/*
- Samples/Res/Natori/
- Free Material License
[日本語](https://www.live2d.com/eula/live2d-free-material-license-agreement_jp.html)
[English](https://www.live2d.com/eula/live2d-free-material-license-agreement_en.html)
- `./Sample/TypeScript/Demo/Resources/Haru`
- `./Sample/TypeScript/Demo/Resources/Hiyori`
- `./Sample/TypeScript/Demo/Resources/Mark`
- `./Sample/TypeScript/Demo/Resources/Natori`
- `./Sample/TypeScript/Demo/Resources/Rice`
上記のモデルをご利用になられる場合、[こちら](https://docs.live2d.com/cubism-editor-manual/sample-model/)で各モデルに設定された利用条件に同意して頂く必要がございます。
直近会計年度の売上高が 1000 万円以上の事業者様がご利用になる場合は、SDKリリース(出版許諾)ライセンスに同意していただく必要がございます。
- [SDKリリース(出版許諾)ライセンス](http://www.live2d.com/ja/products/releaselicense)
直近会計年度の売上高が 1000 万円以上の事業者様がご利用になる場合は、SDKリリース(出版許諾)ライセンスに同意していただく必要がございます。
- [SDKリリース(出版許諾)ライセンス](https://www.live2d.com/ja/products/releaselicense)
*All business* users must obtain a Publication License. "Business" means an entity with the annual gross revenue more than ten million (10,000,000) JPY for the most recent fiscal year.
- [SDK Release (Publication) License](http://www.live2d.com/en/products/releaselicense)
*All business* users must obtain a Publication License. "Business" means an entity with the annual gross revenue more than ten million (10,000,000) JPY for the most recent fiscal year.
- [SDK Release (Publication) License](https://www.live2d.com/en/products/releaselicense)

BIN
Sample/TypeScript/Demo/Resources/Rice/Rice.2048/texture_00.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
Sample/TypeScript/Demo/Resources/Rice/Rice.2048/texture_01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

679
Sample/TypeScript/Demo/Resources/Rice/Rice.cdi3.json Normal file
View File

@ -0,0 +1,679 @@
{
"Version": 3,
"Parameters": [
{
"Id": "ParamAngleX",
"GroupId": "ParamGroupFace",
"Name": "角度 X"
},
{
"Id": "ParamAngleZ",
"GroupId": "ParamGroupFace",
"Name": "角度 Z"
},
{
"Id": "ParamEyeLOpen",
"GroupId": "ParamGroupEyes",
"Name": "左目 開閉"
},
{
"Id": "ParamEyeROpen",
"GroupId": "ParamGroupEyes",
"Name": "右目 開閉"
},
{
"Id": "ParamEyeBallX",
"GroupId": "ParamGroupEyes",
"Name": "目玉 X"
},
{
"Id": "ParamEyeBallY",
"GroupId": "ParamGroupEyes",
"Name": "目玉 Y"
},
{
"Id": "ParamBodyAngleX",
"GroupId": "ParamGroupBody",
"Name": "体の回転 X"
},
{
"Id": "ParamBodyAngleY",
"GroupId": "ParamGroupBody",
"Name": "体の回転 Y"
},
{
"Id": "ParamBodyAngleZ",
"GroupId": "ParamGroupBody",
"Name": "体の回転 Z"
},
{
"Id": "ParamShoulderR",
"GroupId": "ParamGroupBody",
"Name": "右肩"
},
{
"Id": "ParamShoulderL",
"GroupId": "ParamGroupBody",
"Name": "左肩"
},
{
"Id": "ParamLegKnee",
"GroupId": "ParamGroupBody",
"Name": "屈伸"
},
{
"Id": "ParamLegR",
"GroupId": "ParamGroupBody",
"Name": "右足の位置"
},
{
"Id": "ParamLegRUpDw",
"GroupId": "ParamGroupBody",
"Name": "右足の上下"
},
{
"Id": "ParamAllZ",
"GroupId": "ParamGroupBody",
"Name": "全体のZ"
},
{
"Id": "ParamArmR01",
"GroupId": "ParamGroupArms",
"Name": "右上腕"
},
{
"Id": "ParamArmR01Y",
"GroupId": "ParamGroupArms",
"Name": "右上腕 Y"
},
{
"Id": "ParamArmR02",
"GroupId": "ParamGroupArms",
"Name": "右前腕"
},
{
"Id": "ParamArmR02Y",
"GroupId": "ParamGroupArms",
"Name": "右前腕 Y"
},
{
"Id": "ParamArmR03",
"GroupId": "ParamGroupArms",
"Name": "右手"
},
{
"Id": "ParamArmL01",
"GroupId": "ParamGroupArms",
"Name": "左上腕"
},
{
"Id": "ParamArmL02",
"GroupId": "ParamGroupArms",
"Name": "左前腕"
},
{
"Id": "ParamArmL03",
"GroupId": "ParamGroupArms",
"Name": "左手"
},
{
"Id": "ParamArmChange",
"GroupId": "ParamGroupArms",
"Name": "腕 切り替え"
},
{
"Id": "ParamBookPage",
"GroupId": "ParamGroupArms",
"Name": "本 ページ"
},
{
"Id": "ParamFlameOn",
"GroupId": "ParamGroupFlame",
"Name": "炎 表示"
},
{
"Id": "ParamFlame",
"GroupId": "ParamGroupFlame",
"Name": "炎"
},
{
"Id": "ParamFlameShaking",
"GroupId": "ParamGroupFlame",
"Name": "炎の揺れ"
},
{
"Id": "ParamFlameX",
"GroupId": "ParamGroupFlame",
"Name": "炎の位置 X"
},
{
"Id": "ParamFlameY",
"GroupId": "ParamGroupFlame",
"Name": "炎の位置 Y"
},
{
"Id": "ParamCharge01On",
"GroupId": "ParamGroupEffectsA",
"Name": "溜めの表示"
},
{
"Id": "ParamCharge01",
"GroupId": "ParamGroupEffectsA",
"Name": "溜め"
},
{
"Id": "ParamHandLightAOn",
"GroupId": "ParamGroupEffectsA",
"Name": "手の光Aの表示"
},
{
"Id": "ParamHandLightASize",
"GroupId": "ParamGroupEffectsA",
"Name": "手の光Aの拡縮"
},
{
"Id": "ParamMagicPowersA",
"GroupId": "ParamGroupEffectsA",
"Name": "波動A"
},
{
"Id": "ParamMagicAOn",
"GroupId": "ParamGroupEffectsA",
"Name": "魔法陣Aの表示"
},
{
"Id": "ParamMagicARotation",
"GroupId": "ParamGroupEffectsA",
"Name": "魔法陣Aの回転"
},
{
"Id": "ParamMagicALight",
"GroupId": "ParamGroupEffectsA",
"Name": "魔法陣A 光"
},
{
"Id": "ParamEffectAX",
"GroupId": "ParamGroupEffectsA",
"Name": "エフェクトAの位置 X"
},
{
"Id": "ParamEffectAY",
"GroupId": "ParamGroupEffectsA",
"Name": "エフェクトAの位置 Y"
},
{
"Id": "ParamHandLightBOn",
"GroupId": "ParamGroupEffectsB",
"Name": "手の光Bの表示"
},
{
"Id": "ParamHandLightBSize",
"GroupId": "ParamGroupEffectsB",
"Name": "手の光Bの拡張"
},
{
"Id": "ParamMagicBOn",
"GroupId": "ParamGroupEffectsB",
"Name": "魔法陣Bの表示"
},
{
"Id": "ParamMagicBRotation",
"GroupId": "ParamGroupEffectsB",
"Name": "魔法陣Bの回転"
},
{
"Id": "ParamMagicBMove",
"GroupId": "ParamGroupEffectsB",
"Name": "魔法陣Bの移動"
},
{
"Id": "ParamMagicBX",
"GroupId": "ParamGroupEffectsB",
"Name": "魔法陣Bの角度 X"
},
{
"Id": "ParamMagicPowersBOn",
"GroupId": "ParamGroupEffectsB",
"Name": "波動Bの表示"
},
{
"Id": "ParamMagicPowersBSize",
"GroupId": "ParamGroupEffectsB",
"Name": "波動Bの拡張"
},
{
"Id": "ParamMagicPowersBThicknesses",
"GroupId": "ParamGroupEffectsB",
"Name": "波動Bの太さ"
},
{
"Id": "ParamEffectBX",
"GroupId": "ParamGroupEffectsB",
"Name": "エフェクトBの位置 X"
},
{
"Id": "ParamEffectBY",
"GroupId": "ParamGroupEffectsB",
"Name": "エフェクトBの位置 Y"
},
{
"Id": "ParamHeadRibbon",
"GroupId": "ParamGroupSwing",
"Name": "頭リボンの揺れ"
},
{
"Id": "ParamBustRibbon01",
"GroupId": "ParamGroupSwing",
"Name": "胸リボンの揺れ01"
},
{
"Id": "ParamBustRibbon02",
"GroupId": "ParamGroupSwing",
"Name": "胸リボンの揺れ02"
},
{
"Id": "ParamWaistRibbon01",
"GroupId": "ParamGroupSwing",
"Name": "腰リボンの揺れ01"
},
{
"Id": "ParamWaistRibbon02",
"GroupId": "ParamGroupSwing",
"Name": "腰リボンの揺れ02"
},
{
"Id": "ParamSkirt",
"GroupId": "ParamGroupSwing",
"Name": "スカートのなびき"
},
{
"Id": "ParamSkirtX",
"GroupId": "ParamGroupSwing",
"Name": "スカートの揺れ X"
},
{
"Id": "ParamSkirtY",
"GroupId": "ParamGroupSwing",
"Name": "スカートの揺れ Y"
},
{
"Id": "ParamHairFront01",
"GroupId": "ParamGroupHairFront",
"Name": "髪揺れ 前01"
},
{
"Id": "ParamHairFront02",
"GroupId": "ParamGroupHairFront",
"Name": "髪揺れ 前02"
},
{
"Id": "Param_Angle_Rotation_1_ArtMesh67",
"GroupId": "ParamGroupHairSideR",
"Name": "[0]右横髪"
},
{
"Id": "Param_Angle_Rotation_2_ArtMesh67",
"GroupId": "ParamGroupHairSideR",
"Name": "[1]右横髪"
},
{
"Id": "Param_Angle_Rotation_3_ArtMesh67",
"GroupId": "ParamGroupHairSideR",
"Name": "[2]右横髪"
},
{
"Id": "Param_Angle_Rotation_4_ArtMesh67",
"GroupId": "ParamGroupHairSideR",
"Name": "[3]右横髪"
},
{
"Id": "Param_Angle_Rotation_5_ArtMesh67",
"GroupId": "ParamGroupHairSideR",
"Name": "[4]右横髪"
},
{
"Id": "Param_Angle_Rotation_1_ArtMesh20",
"GroupId": "ParamGroupHairSideL",
"Name": "[0]左横髪"
},
{
"Id": "Param_Angle_Rotation_2_ArtMesh20",
"GroupId": "ParamGroupHairSideL",
"Name": "[1]左横髪"
},
{
"Id": "Param_Angle_Rotation_3_ArtMesh20",
"GroupId": "ParamGroupHairSideL",
"Name": "[2]左横髪"
},
{
"Id": "Param_Angle_Rotation_4_ArtMesh20",
"GroupId": "ParamGroupHairSideL",
"Name": "[3]左横髪"
},
{
"Id": "Param_Angle_Rotation_5_ArtMesh20",
"GroupId": "ParamGroupHairSideL",
"Name": "[4]左横髪"
},
{
"Id": "Param_Angle_Rotation_1_ArtMesh82",
"GroupId": "ParamGroupHairBackA",
"Name": "[0]後髪A"
},
{
"Id": "Param_Angle_Rotation_2_ArtMesh82",
"GroupId": "ParamGroupHairBackA",
"Name": "[1]後髪A"
},
{
"Id": "Param_Angle_Rotation_3_ArtMesh82",
"GroupId": "ParamGroupHairBackA",
"Name": "[2]後髪A"
},
{
"Id": "Param_Angle_Rotation_4_ArtMesh82",
"GroupId": "ParamGroupHairBackA",
"Name": "[3]後髪A"
},
{
"Id": "Param_Angle_Rotation_5_ArtMesh82",
"GroupId": "ParamGroupHairBackA",
"Name": "[4]後髪A"
},
{
"Id": "Param_Angle_Rotation_6_ArtMesh82",
"GroupId": "ParamGroupHairBackA",
"Name": "[5]後髪A"
},
{
"Id": "Param_Angle_Rotation_7_ArtMesh82",
"GroupId": "ParamGroupHairBackA",
"Name": "[6]後髪A"
},
{
"Id": "Param_Angle_Rotation_1_ArtMesh81",
"GroupId": "ParamGroupHairBackB",
"Name": "[0]後髪B"
},
{
"Id": "Param_Angle_Rotation_2_ArtMesh81",
"GroupId": "ParamGroupHairBackB",
"Name": "[1]後髪B"
},
{
"Id": "Param_Angle_Rotation_3_ArtMesh81",
"GroupId": "ParamGroupHairBackB",
"Name": "[2]後髪B"
},
{
"Id": "Param_Angle_Rotation_4_ArtMesh81",
"GroupId": "ParamGroupHairBackB",
"Name": "[3]後髪B"
},
{
"Id": "Param_Angle_Rotation_5_ArtMesh81",
"GroupId": "ParamGroupHairBackB",
"Name": "[4]後髪B"
},
{
"Id": "Param_Angle_Rotation_6_ArtMesh81",
"GroupId": "ParamGroupHairBackB",
"Name": "[5]後髪B"
},
{
"Id": "Param_Angle_Rotation_7_ArtMesh81",
"GroupId": "ParamGroupHairBackB",
"Name": "[6]後髪B"
},
{
"Id": "Param_Angle_Rotation_8_ArtMesh81",
"GroupId": "ParamGroupHairBackB",
"Name": "[7]後髪B"
},
{
"Id": "Param_Angle_Rotation_9_ArtMesh81",
"GroupId": "ParamGroupHairBackB",
"Name": "[8]後髪B"
},
{
"Id": "Param_Angle_Rotation_1_ArtMesh80",
"GroupId": "ParamGroupHairBackC",
"Name": "[0]後髪C"
},
{
"Id": "Param_Angle_Rotation_2_ArtMesh80",
"GroupId": "ParamGroupHairBackC",
"Name": "[1]後髪C"
},
{
"Id": "Param_Angle_Rotation_3_ArtMesh80",
"GroupId": "ParamGroupHairBackC",
"Name": "[2]後髪C"
},
{
"Id": "Param_Angle_Rotation_4_ArtMesh80",
"GroupId": "ParamGroupHairBackC",
"Name": "[3]後髪C"
},
{
"Id": "Param_Angle_Rotation_5_ArtMesh80",
"GroupId": "ParamGroupHairBackC",
"Name": "[4]後髪C"
},
{
"Id": "Param_Angle_Rotation_6_ArtMesh80",
"GroupId": "ParamGroupHairBackC",
"Name": "[5]後髪C"
},
{
"Id": "Param_Angle_Rotation_7_ArtMesh80",
"GroupId": "ParamGroupHairBackC",
"Name": "[6]後髪C"
},
{
"Id": "Param_Angle_Rotation_8_ArtMesh80",
"GroupId": "ParamGroupHairBackC",
"Name": "[7]後髪C"
},
{
"Id": "Param_Angle_Rotation_9_ArtMesh80",
"GroupId": "ParamGroupHairBackC",
"Name": "[8]後髪C"
}
],
"ParameterGroups": [
{
"Id": "ParamGroupFace",
"GroupId": "",
"Name": "顔"
},
{
"Id": "ParamGroupEyes",
"GroupId": "",
"Name": "目"
},
{
"Id": "ParamGroupBody",
"GroupId": "",
"Name": "体"
},
{
"Id": "ParamGroupArms",
"GroupId": "",
"Name": "腕"
},
{
"Id": "ParamGroupFlame",
"GroupId": "",
"Name": "炎"
},
{
"Id": "ParamGroupEffectsA",
"GroupId": "",
"Name": "エフェクトA"
},
{
"Id": "ParamGroupEffectsB",
"GroupId": "",
"Name": "エフェクトB"
},
{
"Id": "ParamGroupSwing",
"GroupId": "",
"Name": "揺れもの"
},
{
"Id": "ParamGroupHairFront",
"GroupId": "",
"Name": "前髪"
},
{
"Id": "ParamGroupHairSideR",
"GroupId": "",
"Name": "右横髪"
},
{
"Id": "ParamGroupHairSideL",
"GroupId": "",
"Name": "左横髪"
},
{
"Id": "ParamGroupHairBackA",
"GroupId": "",
"Name": "後髪A"
},
{
"Id": "ParamGroupHairBackB",
"GroupId": "",
"Name": "後髪B"
},
{
"Id": "ParamGroupHairBackC",
"GroupId": "",
"Name": "後髪C"
}
],
"Parts": [
{
"Id": "PartCore",
"Name": "コア"
},
{
"Id": "PartFlame",
"Name": "炎"
},
{
"Id": "PartMagicPowersB",
"Name": "波動B"
},
{
"Id": "PartMagicB",
"Name": "魔法陣B"
},
{
"Id": "PartMagicPowersA",
"Name": "波動A"
},
{
"Id": "PartMagicA",
"Name": "魔法陣A"
},
{
"Id": "PartHat",
"Name": "帽子"
},
{
"Id": "PartHair",
"Name": "髪"
},
{
"Id": "PartBrow",
"Name": "眉"
},
{
"Id": "PartEyeL",
"Name": "左目"
},
{
"Id": "PartEyeR",
"Name": "右目"
},
{
"Id": "PartFace",
"Name": "顔"
},
{
"Id": "PartArmR02",
"Name": "右腕 差分"
},
{
"Id": "PartArmR01",
"Name": "右腕"
},
{
"Id": "PartBody",
"Name": "体"
},
{
"Id": "PartLegR",
"Name": "右足"
},
{
"Id": "PartLegL",
"Name": "左足"
},
{
"Id": "PartArmL",
"Name": "左腕"
},
{
"Id": "PartHairBack",
"Name": "後ろ髪"
},
{
"Id": "PartWaveSave",
"Name": "波動 溜め"
},
{
"Id": "ArtMesh20_Skinning",
"Name": "左横髪(スキニング)"
},
{
"Id": "Part20",
"Name": "左横髪(回転)"
},
{
"Id": "ArtMesh67_Skinning",
"Name": "右横髪(スキニング)"
},
{
"Id": "Part19",
"Name": "右横髪(回転)"
},
{
"Id": "ArtMesh80_Skinning",
"Name": "後髪C(スキニング)"
},
{
"Id": "Part17",
"Name": "後髪C(回転)"
},
{
"Id": "ArtMesh81_Skinning",
"Name": "後髪B(スキニング)"
},
{
"Id": "Part18",
"Name": "後髪B(回転)"
},
{
"Id": "ArtMesh82_Skinning",
"Name": "後髪A(スキニング)"
},
{
"Id": "Part16",
"Name": "後髪A(回転)"
}
]
}

BIN
Sample/TypeScript/Demo/Resources/Rice/Rice.moc3 Normal file
View File

Binary file not shown.

51
Sample/TypeScript/Demo/Resources/Rice/Rice.model3.json Normal file
View File

@ -0,0 +1,51 @@
{
"Version": 3,
"FileReferences": {
"Moc": "Rice.moc3",
"Textures": [
"Rice.2048/texture_00.png",
"Rice.2048/texture_01.png"
],
"Physics": "Rice.physics3.json",
"DisplayInfo": "Rice.cdi3.json",
"Motions": {
"Idle": [
{
"File": "motions/mtn_00.motion3.json"
}
],
"TapBody": [
{
"File": "motions/mtn_01.motion3.json"
},
{
"File": "motions/mtn_02.motion3.json"
},
{
"File": "motions/mtn_03.motion3.json"
}
]
}
},
"Groups": [
{
"Target": "Parameter",
"Name": "EyeBlink",
"Ids": [
"ParamEyeLOpen",
"ParamEyeROpen"
]
},
{
"Target": "Parameter",
"Name": "LipSync",
"Ids": []
}
],
"HitAreas": [
{
"Id": "HitAreaBody",
"Name": "Body"
}
]
}

1508
Sample/TypeScript/Demo/Resources/Rice/Rice.physics3.json Normal file
View File

File diff suppressed because it is too large Load Diff

1003
Sample/TypeScript/Demo/Resources/Rice/motions/mtn_00.motion3.json Normal file
View File

File diff suppressed because it is too large Load Diff

2428
Sample/TypeScript/Demo/Resources/Rice/motions/mtn_01.motion3.json Normal file
View File

File diff suppressed because it is too large Load Diff

1386
Sample/TypeScript/Demo/Resources/Rice/motions/mtn_02.motion3.json Normal file
View File

File diff suppressed because it is too large Load Diff

2231
Sample/TypeScript/Demo/Resources/Rice/motions/mtn_03.motion3.json Normal file
View File

File diff suppressed because it is too large Load Diff

2
Sample/TypeScript/Demo/index.html
View File

@ -2,9 +2,9 @@
<html lang="ja">
<head>
<meta name="viewport" content="width=1900">
<meta charset="utf-8" />
<title>TypeScript HTML App</title>
<meta name="viewport" content="width=1900">
</head>
<body>
<!-- Canvas -->

17
Sample/TypeScript/Demo/src/lappdefine.ts
View File

@ -1,9 +1,9 @@
/*
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {LogLevel} from "../../../../Framework/live2dcubismframework";
@ -43,7 +43,8 @@ export namespace LAppDefine
"Haru",
"Hiyori",
"Mark",
"Natori"
"Natori",
"Rice"
]
export const ModelDirSize: number = ModelDir.length;
@ -67,4 +68,4 @@ export namespace LAppDefine
// Frameworkから出力するログのレベル設定
export const CubismLoggingLevel: LogLevel = LogLevel.LogLevel_Verbose;
}
}

38
Sample/TypeScript/Demo/src/lappdelegate.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as live2dcubismframework, Option as Csm_Option} from "../../../../Framework/live2dcubismframework";
@ -22,14 +22,14 @@ export let frameBuffer: WebGLFramebuffer = null;
/**
* アプリケーションクラス。
* Cubism3の管理を行う。
* Cubism SDKの管理を行う。
*/
export class LAppDelegate
{
/**
* クラスのインスタンス（シングルトン）を返す。
* インスタンスが生成されていない場合は内部でインスタンスを生成する。
*
*
* @return クラスのインスタンス
*/
public static getInstance(): LAppDelegate
@ -77,7 +77,7 @@ export class LAppDelegate
if (!frameBuffer)
{
frameBuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING);
frameBuffer = gl.getParameter(gl.FRAMEBUFFER_BINDING);
}
// 透過設定
@ -104,8 +104,8 @@ export class LAppDelegate
// AppViewの初期化
this._view.initialize();
// Cubism3の初期化
// Cubism SDKの初期化
this.initializeCubism();
return true;
@ -125,7 +125,7 @@ export class LAppDelegate
// リソースを解放
LAppLive2DManager.releaseInstance();
// Cubism3の解放
// Cubism SDKの解放
Csm_CubismFramework.dispose();
}
@ -203,7 +203,7 @@ export class LAppDelegate
// フラグメントシェーダのコンパイル
let fragmentShaderId = gl.createShader(gl.FRAGMENT_SHADER);
if(fragmentShaderId == null)
{
LAppPal.printLog("failed to create fragmentShader");
@ -250,7 +250,7 @@ export class LAppDelegate
{
return this._textureManager;
}
/**
* コンストラクタ
*/
@ -267,7 +267,7 @@ export class LAppDelegate
}
/**
* Cubism3の初期化
* Cubism SDKの初期化
*/
public initializeCubism(): void
{
@ -290,7 +290,7 @@ export class LAppDelegate
this._view.initializeSprite();
}
_cubismOption: Csm_Option; // Cubism3 Option
_cubismOption: Csm_Option; // Cubism SDK Option
_view: LAppView; // View情報
_captured: boolean; // クリックしているか
_mouseX: number; // マウスX座標
@ -310,7 +310,7 @@ function onClickBegan(e: MouseEvent): void
return;
}
LAppDelegate.getInstance()._captured = true;
let posX: number = e.pageX;
let posY: number = e.pageY;
@ -326,7 +326,7 @@ function onMouseMoved(e: MouseEvent): void
{
return;
}
if(!LAppDelegate.getInstance()._view)
{
LAppPal.printLog("view notfound");
@ -351,8 +351,8 @@ function onClickEnded(e: MouseEvent): void
LAppPal.printLog("view notfound");
return;
}
let rect = (<Element>e.target).getBoundingClientRect();
let posX: number = e.clientX - rect.left;
let posY: number = e.clientY - rect.top;
@ -395,7 +395,7 @@ function onTouchMoved(e: TouchEvent): void
LAppPal.printLog("view notfound");
return;
}
let rect = (<Element>e.target).getBoundingClientRect();
let posX = e.changedTouches[0].clientX - rect.left;
@ -418,7 +418,7 @@ function onTouchEnded(e: TouchEvent): void
}
let rect = (<Element>e.target).getBoundingClientRect();
let posX = e.changedTouches[0].clientX - rect.left;
let posY = e.changedTouches[0].clientY - rect.top;
@ -439,7 +439,7 @@ function onTouchCancel(e: TouchEvent): void
}
let rect = (<Element>e.target).getBoundingClientRect();
let posX = e.changedTouches[0].clientX - rect.left;
let posY = e.changedTouches[0].clientY - rect.top;

22
Sample/TypeScript/Demo/src/lapplive2dmanager.ts
View File

@ -1,9 +1,9 @@
/*
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismmatrix44} from "../../../../Framework/math/cubismmatrix44";
import {Live2DCubismFramework as csmvector} from "../../../../Framework/type/csmvector";
@ -27,7 +27,7 @@ export class LAppLive2DManager
/**
* クラスのインスタンス（シングルトン）を返す。
* インスタンスが生成されていない場合は内部でインスタンスを生成する。
*
*
* @return クラスのインスタンス
*/
public static getInstance(): LAppLive2DManager
@ -49,13 +49,13 @@ export class LAppLive2DManager
{
s_instance = void 0;
}
s_instance = null;
}
/**
* 現在のシーンで保持しているモデルを返す。
*
*
* @param no モデルリストのインデックス値
* @return モデルのインスタンスを返す。インデックス値が範囲外の場合はNULLを返す。
*/
@ -85,7 +85,7 @@ export class LAppLive2DManager
/**
* 画面をドラッグした時の処理
*
*
* @param x 画面のX座標
* @param y 画面のY座標
*/
@ -104,7 +104,7 @@ export class LAppLive2DManager
/**
* 画面をタップした時の処理
*
*
* @param x 画面のX座標
* @param y 画面のY座標
*/

140
Sample/TypeScript/Demo/src/lappmodel.ts
View File

@ -1,9 +1,9 @@
/*
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as live2dcubismframework} from "../../../../Framework/live2dcubismframework";
import {Live2DCubismFramework as cubismid} from "../../../../Framework/id/cubismid";
@ -93,10 +93,10 @@ enum LoadStep
export class LAppModel extends CubismUserModel {
/**
* model3.jsonが置かれたディレクトリとファイルパスからモデルを生成する
* @param dir
* @param fileName
* @param dir
* @param fileName
*/
public loadAssets(dir: string, fileName: string): void
public loadAssets(dir: string, fileName: string): void
{
this._modelHomeDir = dir;
@ -157,7 +157,7 @@ export class LAppModel extends CubismUserModel {
this.loadModel(buffer);
deleteBuffer(buffer, path);
this._state = LoadStep.LoadExpression;
// callback
loadCubismExpression();
}
@ -176,15 +176,15 @@ export class LAppModel extends CubismUserModel {
if(this._modelSetting.getExpressionCount() > 0)
{
const count: number = this._modelSetting.getExpressionCount();
for(let i: number = 0; i < count; i++)
{
let name: string = this._modelSetting.getExpressionName(i);
let path: string = this._modelSetting.getExpressionFileName(i);
path = this._modelHomeDir + path;
fetch(path).then(
(response) =>
(response) =>
{
return response.arrayBuffer();
}
@ -193,21 +193,21 @@ export class LAppModel extends CubismUserModel {
{
let buffer: ArrayBuffer = arrayBuffer;
let size: number = buffer.byteLength;
let motion: ACubismMotion = this.loadExpression(buffer, size, name);
if(this._expressions.getValue(name) != null)
{
ACubismMotion.delete(this._expressions.getValue(name));
this._expressions.setValue(name, null);
}
this._expressions.setValue(name, motion);
deleteBuffer(buffer, path);
this._expressionCount++;
if(this._expressionCount >= count)
{
this._state = LoadStep.LoadPhysics;
@ -238,7 +238,7 @@ export class LAppModel extends CubismUserModel {
path = this._modelHomeDir + path;
fetch(path).then(
(response) =>
(response) =>
{
return response.arrayBuffer();
}
@ -247,10 +247,10 @@ export class LAppModel extends CubismUserModel {
{
let buffer: ArrayBuffer = arrayBuffer;
let size: number = buffer.byteLength;
this.loadPhysics(buffer, size);
deleteBuffer(buffer, path);
this._state = LoadStep.LoadPose;
// callback
@ -277,7 +277,7 @@ export class LAppModel extends CubismUserModel {
path = this._modelHomeDir + path;
fetch(path).then(
(response) =>
(response) =>
{
return response.arrayBuffer();
}
@ -286,10 +286,10 @@ export class LAppModel extends CubismUserModel {
{
let buffer: ArrayBuffer = arrayBuffer;
let size: number = buffer.byteLength;
this.loadPose(buffer, size);
deleteBuffer(buffer, path);
this._state = LoadStep.SetupEyeBlink;
// callback
@ -301,7 +301,7 @@ export class LAppModel extends CubismUserModel {
else
{
this._state = LoadStep.SetupEyeBlink;
// callback
setupEyeBlink();
}
@ -325,18 +325,18 @@ export class LAppModel extends CubismUserModel {
let setupBreath = () =>
{
this._breath = CubismBreath.create();
let breathParameters: csmVector<BreathParameterData> = new csmVector();
breathParameters.pushBack(new BreathParameterData(this._idParamAngleX, 0.0, 15.0, 6.5345, 0.5));
breathParameters.pushBack(new BreathParameterData(this._idParamAngleY, 0.0, 8.0, 3.5345, 0.5));
breathParameters.pushBack(new BreathParameterData(this._idParamAngleZ, 0.0, 10.0, 5.5345, 0.5));
breathParameters.pushBack(new BreathParameterData(this._idParamBodyAngleX, 0.0, 4.0, 15.5345, 0.5));
breathParameters.pushBack(new BreathParameterData(CubismFramework.getIdManager().getId(CubismDefaultParameterId.ParamBreath), 0.0, 0.5, 3.2345, 0.5));
this._breath.setParameters(breathParameters);
this._state = LoadStep.LoadUserData;
// callback
// callback
loadUserData();
};
@ -349,7 +349,7 @@ export class LAppModel extends CubismUserModel {
path = this._modelHomeDir + path;
fetch(path).then(
(response) =>
(response) =>
{
return response.arrayBuffer();
}
@ -358,10 +358,10 @@ export class LAppModel extends CubismUserModel {
{
let buffer: ArrayBuffer = arrayBuffer;
let size: number = buffer.byteLength;
this.loadUserData(buffer, size);
deleteBuffer(buffer, path);
this._state = LoadStep.SetupEyeBlinkIds;
// callback
@ -400,13 +400,13 @@ export class LAppModel extends CubismUserModel {
let setupLipSyncIds = () =>
{
let lipSyncIdCount = this._modelSetting.getLipSyncParameterCount();
for(let i: number = 0; i < lipSyncIdCount; ++i)
{
this._lipSyncIds.pushBack(this._modelSetting.getLipSyncParameterId(i));
}
this._state = LoadStep.SetupLayout;
// callback
setupLayout();
};
@ -431,9 +431,9 @@ export class LAppModel extends CubismUserModel {
this._allMotionCount = 0;
this._motionCount = 0;
let group: string[] = [];
let motionGroupCount: number = this._modelSetting.getMotionGroupCount();
// モーションの総数を求める
for(let i: number = 0; i < motionGroupCount; i++)
{
@ -451,7 +451,7 @@ export class LAppModel extends CubismUserModel {
if(motionGroupCount == 0)
{
this._state = LoadStep.LoadTexture;
// 全てのモーションを停止する
this._motionManager.stopAllMotions();
@ -470,7 +470,7 @@ export class LAppModel extends CubismUserModel {
*/
private setupTextures(): void
{
// iPhoneでのアルファ品質向上のためTypescriptではpremultipliedAlphaを採用
// iPhoneでのアルファ品質向上のためTypescriptではpremultipliedAlphaを採用
let usePremultiply: boolean = true;
if(this._state == LoadStep.LoadTexture)
@ -486,25 +486,25 @@ export class LAppModel extends CubismUserModel {
console.log("getTextureFileName null");
continue;
}
// WebGLのテクスチャユニットにテクスチャをロードする
let texturePath = this._modelSetting.getTextureFileName(modelTextureNumber);
texturePath = this._modelHomeDir + texturePath;
// ロード完了時に呼び出すコールバック関数
let onLoad = (textureInfo: TextureInfo) : void =>
let onLoad = (textureInfo: TextureInfo) : void =>
{
this.getRenderer().bindTexture(modelTextureNumber, textureInfo.id);
this._textureCount++;
if(this._textureCount >= textureCount)
{
// ロード完了
this._state = LoadStep.CompleteSetup;
}
};
// 読み込み
LAppDelegate.getInstance().getTextureManager().createTextureFromPngFile(texturePath, usePremultiply, onLoad);
this.getRenderer().setIsPremultipliedAlpha(usePremultiply);
@ -530,11 +530,11 @@ export class LAppModel extends CubismUserModel {
public update(): void
{
if(this._state != LoadStep.CompleteSetup) return;
const deltaTimeSeconds: number = LAppPal.getDeltaTime();
this._userTimeSeconds += deltaTimeSeconds;
this._dragManager.update(deltaTimeSeconds);
this._dragX = this._dragManager.getX();
this._dragY = this._dragManager.getY();
@ -548,7 +548,7 @@ export class LAppModel extends CubismUserModel {
{
// モーションの再生がない場合、待機モーションの中からランダムで再生する
this.startRandomMotion(LAppDefine.MotionGroupIdle, LAppDefine.PriorityIdle);
}
else
{
@ -607,7 +607,7 @@ export class LAppModel extends CubismUserModel {
this._model.addParameterValueById(this._lipSyncIds.at(i), value, 0.8);
}
}
// ポーズの設定
if(this._pose != null)
{
@ -661,24 +661,24 @@ export class LAppModel extends CubismUserModel {
{
let buffer: ArrayBuffer = arrayBuffer;
let size = buffer.byteLength;
motion = <CubismMotion>this.loadMotion(buffer, size, null);
let fadeTime: number = this._modelSetting.getMotionFadeInTimeValue(group, no);
if(fadeTime >= 0.0)
{
motion.setFadeInTime(fadeTime);
}
fadeTime = this._modelSetting.getMotionFadeOutTimeValue(group, no);
if(fadeTime >= 0.0)
{
motion.setFadeOutTime(fadeTime);
}
motion.setEffectIds(this._eyeBlinkIds, this._lipSyncIds);
autoDelete = true; // 終了時にメモリから削除
deleteBuffer(buffer, path);
}
);
@ -711,7 +711,7 @@ export class LAppModel extends CubismUserModel {
/**
* 引数で指定した表情モーションをセットする
*
*
* @param expressionId 表情モーションのID
*/
public setExpression(expressionId: string): void
@ -770,7 +770,7 @@ export class LAppModel extends CubismUserModel {
/**
* 当たり判定テスト
* 指定ＩＤの頂点リストから矩形を計算し、座標をが矩形範囲内か判定する。
*
*
* @param hitArenaName 当たり判定をテストする対象のID
* @param x 判定を行うX座標
* @param y 判定を行うY座標
@ -800,7 +800,7 @@ export class LAppModel extends CubismUserModel {
/**
* モーションデータをグループ名から一括でロードする。
* モーションデータの名前は内部でModelSettingから取得する。
*
*
* @param group モーションデータのグループ名
*/
public preLoadMotionGroup(group: string): void
@ -816,9 +816,9 @@ export class LAppModel extends CubismUserModel {
{
LAppPal.printLog("[APP]load motion: {0} => [{1}_{2}]", path, group, i);
}
fetch(path).then(
(response) =>
(response) =>
{
return response.arrayBuffer();
}
@ -827,22 +827,22 @@ export class LAppModel extends CubismUserModel {
{
let buffer: ArrayBuffer = arrayBuffer;
let size = buffer.byteLength;
let tmpMotion: CubismMotion = <CubismMotion>this.loadMotion(buffer, size, name);
let fadeTime = this._modelSetting.getMotionFadeInTimeValue(group, i);
if(fadeTime >= 0.0)
{
tmpMotion.setFadeInTime(fadeTime);
}
fadeTime = this._modelSetting.getMotionFadeOutTimeValue(group, i);
if(fadeTime >= 0.0)
{
tmpMotion.setFadeOutTime(fadeTime);
}
tmpMotion.setEffectIds(this._eyeBlinkIds, this._lipSyncIds);
if(this._motions.getValue(name) != null)
{
ACubismMotion.delete(this._motions.getValue(name));
@ -851,7 +851,7 @@ export class LAppModel extends CubismUserModel {
this._motions.setValue(name, tmpMotion);
deleteBuffer(buffer, path);
this._motionCount++;
if(this._motionCount >= this._allMotionCount)
{
@ -897,8 +897,8 @@ export class LAppModel extends CubismUserModel {
// キャンバスサイズを渡す
let viewport: number[] = [
0,
0,
0,
0,
canvas.width,
canvas.height
];
@ -912,7 +912,7 @@ export class LAppModel extends CubismUserModel {
*/
public draw(matrix: CubismMatrix44): void
{
if(this._model == null)
if(this._model == null)
{
return;
}
@ -921,9 +921,9 @@ export class LAppModel extends CubismUserModel {
if(this._state == LoadStep.CompleteSetup)
{
matrix.multiplyByMatrix(this._modelMatrix);
this.getRenderer().setMvpMatrix(matrix);
this.doDraw();
}
}
@ -931,7 +931,7 @@ export class LAppModel extends CubismUserModel {
/**
* コンストラクタ
*/
public constructor()
public constructor()
{
super();
@ -947,7 +947,7 @@ export class LAppModel extends CubismUserModel {
this._hitArea = new csmVector<csmRect>();
this._userArea = new csmVector<csmRect>();
this._idParamAngleX = CubismFramework.getIdManager().getId(CubismDefaultParameterId.ParamAngleX);
this._idParamAngleY = CubismFramework.getIdManager().getId(CubismDefaultParameterId.ParamAngleY);
this._idParamAngleZ = CubismFramework.getIdManager().getId(CubismDefaultParameterId.ParamAngleZ);
@ -987,4 +987,4 @@ export class LAppModel extends CubismUserModel {
_textureCount: number; // テクスチャカウント
_motionCount: number; // モーションデータカウント
_allMotionCount: number; // モーション総数
}
}

22
Sample/TypeScript/Demo/src/lapppal.ts
View File

@ -1,23 +1,23 @@
/*
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* プラットフォーム依存機能を抽象化する Cubism Platform Abstraction Layer.
*
*
* ファイル読み込みや時刻取得等のプラットフォームに依存する関数をまとめる。
*/
export class LAppPal
{
/**
* ファイルをバイトデータとして読みこむ
*
*
* @param filePath 読み込み対象ファイルのパス
* @return
* {
* @return
* {
* buffer, 読み込んだバイトデータ
* size ファイルサイズ
* }
@ -99,4 +99,4 @@ export class LAppPal
static s_currentFrame = 0.0;
static s_lastFrame = 0.0;
static s_deltaTime = 0.0;
}
}

28
Sample/TypeScript/Demo/src/lappsprite.ts
View File

@ -1,15 +1,15 @@
/*
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import { gl, canvas } from "./lappdelegate";
/**
* スプライトを実装するクラス
*
*
* テクスチャＩＤ、Rectの管理
*/
export class LAppSprite
@ -37,11 +37,11 @@ import { gl, canvas } from "./lappdelegate";
this._positionLocation = null;
this._uvLocation = null;
this._textureLocation = null;
this._positionArray = null;
this._uvArray = null;
this._indexArray = null;
this._firstDraw = true;
}
@ -98,7 +98,7 @@ import { gl, canvas } from "./lappdelegate";
// 何番目のuniform変数か取得
this._textureLocation = gl.getUniformLocation(programId, "texture");
// uniform属性の登録
gl.uniform1i(this._textureLocation, 0);
@ -110,7 +110,7 @@ import { gl, canvas } from "./lappdelegate";
0.0, 1.0,
1.0, 1.0
]);
// uvバッファを作成
this._uvBuffer = gl.createBuffer();
}
@ -119,7 +119,7 @@ import { gl, canvas } from "./lappdelegate";
{
let maxWidth = canvas.width;
let maxHeight = canvas.height;
// 頂点データ
this._positionArray = new Float32Array([
(this._rect.right - maxWidth * 0.5) / (maxWidth * 0.5), (this._rect.up - maxHeight * 0.5) / (maxHeight * 0.5),
@ -169,7 +169,7 @@ import { gl, canvas } from "./lappdelegate";
gl.bindTexture(gl.TEXTURE_2D, this._texture);
gl.drawElements(gl.TRIANGLES, this._indexArray.length, gl.UNSIGNED_SHORT, 0);
}
/**
* 当たり判定
* @param pointX x座標
@ -212,4 +212,4 @@ import { gl, canvas } from "./lappdelegate";
public right: number; // 右辺
public up: number; // 上辺
public down: number; // 下辺
}
}

25
Sample/TypeScript/Demo/src/lapptexturemanager.ts
View File

@ -1,8 +1,8 @@
/*
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as csmvector} from "../../../../Framework/type/csmvector";
@ -38,7 +38,7 @@ export class LAppTextureManager
/**
* 画像読み込み
*
*
* @param fileName 読み込む画像ファイルパス名
* @param usePremultiply Premult処理を有効にするか
* @return 画像情報、読み込み失敗時はnullを返す
@ -50,7 +50,10 @@ export class LAppTextureManager
{
if(ite.ptr().fileName == fileName && ite.ptr().usePremultply == usePremultiply)
{
// 2回目以降はキャッシュが使用される(待ち時間なし)
// 2回目以降はキャッシュが使用される(待ち時間なし)
// WebKitでは同じImageのonloadを再度呼ぶには再インスタンスが必要
// 詳細：https://stackoverflow.com/a/5024181
ite.ptr().img = new Image();
ite.ptr().img.onload = () =>
{
callback(ite.ptr());
@ -69,12 +72,12 @@ export class LAppTextureManager
// テクスチャを選択
gl.bindTexture(gl.TEXTURE_2D, tex);
// テクスチャにピクセルを書き込む
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
// Premult処理を行わせる
// Premult処理を行わせる
if(usePremultiply)
{
gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, 1);
@ -108,7 +111,7 @@ export class LAppTextureManager
/**
* 画像の解放
*
*
* 配列に存在する画像全てを解放する。
*/
public releaseTextures(): void
@ -123,7 +126,7 @@ export class LAppTextureManager
/**
* 画像の解放
*
*
* 指定したテクスチャの画像を解放する。
* @param texture 解放するテクスチャ
*/
@ -144,7 +147,7 @@ export class LAppTextureManager
/**
* 画像の解放
*
*
* 指定した名前の画像を解放する。
* @param fileName 解放する画像ファイルパス名
*/
@ -174,5 +177,5 @@ export class TextureInfo
width: number = 0; // 横幅
height: number = 0; // 高さ
usePremultply: boolean; // Premult処理を有効にするか
fileName: string; // ファイル名
}
fileName: string; // ファイル名
}

36
Sample/TypeScript/Demo/src/lappview.ts
View File

@ -1,9 +1,9 @@
/*
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import {Live2DCubismFramework as cubismMatrix44} from "../../../../Framework/math/cubismmatrix44";
import {Live2DCubismFramework as cubismviewmatrix} from "../../../../Framework/math/cubismviewmatrix";
@ -80,13 +80,13 @@ export class LAppView
*/
public release(): void
{
this._viewMatrix = null;
this._viewMatrix = null;
this._touchManager = null;
this._deviceToScreen = null;
this._gear.release();
this._gear = null;
this._back.release();
this._back = null;
@ -113,7 +113,7 @@ export class LAppView
gl.flush();
let live2DManager: LAppLive2DManager = LAppLive2DManager.getInstance();
live2DManager.onUpdate();
}
@ -145,7 +145,7 @@ export class LAppView
};
textureManager.createTextureFromPngFile(resourcesPath + imageName, false, initBackGroundTexture);
// 歯車画像初期化
imageName = LAppDefine.GearImageName;
let initGearTexture = (textureInfo: TextureInfo): void =>
@ -168,7 +168,7 @@ export class LAppView
/**
* タッチされた時に呼ばれる。
*
*
* @param pointX スクリーンX座標
* @param pointY スクリーンY座標
*/
@ -179,7 +179,7 @@ export class LAppView
/**
* タッチしているときにポインタが動いたら呼ばれる。
*
*
* @param pointX スクリーンX座標
* @param pointY スクリーンY座標
*/
@ -196,7 +196,7 @@ export class LAppView
/**
* タッチが終了したら呼ばれる。
*
*
* @param pointX スクリーンX座標
* @param pointY スクリーンY座標
*/
@ -227,7 +227,7 @@ export class LAppView
/**
* X座標をView座標に変換する。
*
*
* @param deviceX デバイスX座標
*/
public transformViewX(deviceX: number): number
@ -238,7 +238,7 @@ export class LAppView
/**
* Y座標をView座標に変換する。
*
*
* @param deviceY デバイスY座標
*/
public transformViewY(deviceY: number): number
@ -258,7 +258,7 @@ export class LAppView
/**
* Y座標をScreen座標に変換する。
*
*
* @param deviceY デバイスY座標
*/
public transformScreenY(deviceY: number): number
@ -274,4 +274,4 @@ export class LAppView
_gear: LAppSprite; // ギア画像
_changeModel: boolean; // モデル切り替えフラグ
_isClick: boolean; // クリック中
}
}

12
Sample/TypeScript/Demo/src/main.ts
View File

@ -1,9 +1,9 @@
/*
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
import { LAppDelegate } from "./lappdelegate";

24
Sample/TypeScript/Demo/src/touchmanager.ts
View File

@ -1,9 +1,9 @@
/*
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at http://live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
/**
* Copyright(c) Live2D Inc. All rights reserved.
*
* Use of this source code is governed by the Live2D Open Software license
* that can be found at https://www.live2d.com/eula/live2d-open-software-license-agreement_en.html.
*/
export class TouchManager
{
@ -32,7 +32,7 @@ export class TouchManager
{
return this._lastX;
}
public getCenterY(): number
{
return this._lastY;
@ -148,7 +148,7 @@ export class TouchManager
/**
* 点１から点２への距離を求める
*
*
* @param x1 １つ目のタッチした画面のxの値
* @param y1 １つ目のタッチした画面のyの値
* @param x2 ２つ目のタッチした画面のxの値
@ -162,15 +162,15 @@ export class TouchManager
/**
* ２つ目の値から、移動量を求める。
* 違う方向の場合は移動量０。同じ方向の場合は、絶対値が小さい方の値を参照する。
*
*
* @param v1 １つ目の移動量
* @param v2 ２つ目の移動量
*
*
* @return 小さい方の移動量
*/
public calculateMovingAmount(v1: number, v2: number): number
{
if ((v1 > 0.0) != (v2 > 0.0))
if ((v1 > 0.0) != (v2 > 0.0))
{
return 0.0;
}
@ -196,4 +196,4 @@ export class TouchManager
_scale: number; // このフレームで掛け合わせる拡大率。拡大操作中以外は1。
_touchSingle: boolean; // シングルタッチ時はtrue
_flipAvailable: boolean; // フリップが有効かどうか
}
}

5360
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

16
package.json
View File

@ -5,15 +5,17 @@
"build-sample": "npx webpack --config sample.webpack.config.js",
"watch-sample": "npx webpack --watch --config sample.webpack.config.js",
"build-all": "npm-run-all build-framework build-sample",
"watch-all": "npm-run-all watch-framework watch-sample"
"watch-all": "npm-run-all watch-framework watch-sample",
"serve": "serve"
},
"devDependencies": {
"npm-run-all": "^4.1.3",
"ts-loader": "^4.4.2",
"typescript": "^3.0.1",
"webpack": "^4.16.5",
"webpack-cli": "^3.1.0",
"glob": "^7.1.2"
"glob": "^7.1.4",
"npm-run-all": "^4.1.5",
"serve": "^11.1.0",
"ts-loader": "^6.0.4",
"typescript": "^3.5.3",
"webpack": "^4.39.1",
"webpack-cli": "^3.3.6"
},
"dependencies": {
"whatwg-fetch": "^3.0.0"