forked from Next2D/tool.next2d.app
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
8 lines (7 loc) · 49.1 KB
/
index.html
1
2
3
4
5
6
7
8
<!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8"><title>Next2D | NoCode Tool</title><meta name="description" content="Next2D NoCode Tool is an authoring tool that runs on a web browser based on NoCode development, allowing you to intuitively create the animation you have imagined, and the exported data can be easily published by uploading it to the web."><meta content="Next2D,Next2D Player,NoCode Tool,Next2D Framework" name="keywords"><link rel="icon" type="image/png" href="./assets/img/favicon.png" sizes="16x16 24x24 32x32 48x48 64x64"><meta itemprop="name" content="Next2D | NoCode Tool"><meta itemprop="description" content="Next2D NoCode Tool is an authoring tool that runs on a web browser based on NoCode development, allowing you to intuitively create the animation you have imagined, and the exported data can be easily published by uploading it to the web."><meta itemprop="image" content="https://tool.next2d.app/assets/img/ogp.png?v1"><meta property="og:url" content="https://tool.next2d.app"><meta property="og:type" content="website"><meta property="og:title" content="Next2D | NoCode Tool"><meta property="og:description" content="Next2D NoCode Tool is an authoring tool that runs on a web browser based on NoCode development, allowing you to intuitively create the animation you have imagined, and the exported data can be easily published by uploading it to the web."><meta property="og:image" content="https://tool.next2d.app/assets/img/ogp.png?v1"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Next2D | NoCode Tool"><meta name="twitter:description" content="Next2D NoCode Tool is an authoring tool that runs on a web browser based on NoCode development, allowing you to intuitively create the animation you have imagined, and the exported data can be easily published by uploading it to the web."><meta name="twitter:image" content="https://tool.next2d.app/assets/img/ogp.png?v1"><link href="./assets/css/main.min.css" rel="stylesheet"><script src="./assets/js/ace.js"></script><script src="./assets/js/ext-language_tools.js"></script><script src="./assets/js/ext-searchbox.js"></script><script src="./assets/js/gif.js"></script><script src="./assets/js/next2d.js"></script><script src="./assets/js/next2d-tool.min.js"></script><script async src="https://www.googletagmanager.com/gtag/js?id=G-07FPJCL9YE"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag("js", new Date());
gtag("config", "G-07FPJCL9YE");</script><script data-ad-client="ca-pub-5673019255498912" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-206816656-1"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-206816656-1');</script></head><body oncontextmenu="return false;"><main id="main"><div id="tools"><div id="tools-arrow" class="item" data-mode="tool" data-detail="{{選択ツール}}" data-shortcut-key="v" data-shortcut-text="V" data-area="screen"></div><div class="tools-border"></div><div id="tools-transform" class="item" data-mode="tool" data-name="transform" data-detail="{{Shape変形ツール}}" data-shortcut-key="a" data-shortcut-text="A" data-area="screen"></div><div id="tools-pen" class="item" data-mode="tool" data-name="pen" data-detail="{{ペンツール}}" data-shortcut-key="p" data-shortcut-text="P" data-area="screen"></div><div id="tools-bucket" class="item" data-mode="tool" data-name="bucket" data-detail="{{バケツツール}}" data-shortcut-key="k" data-shortcut-text="K" data-area="screen"></div><div id="tools-rectangle" class="item" data-mode="tool" data-name="rectangle" data-detail="{{矩形ツール}}" data-shortcut-key="r" data-shortcut-text="R" data-area="screen"></div><div id="tools-circle" class="item" data-mode="tool" data-name="circle" data-detail="{{楕円ツール}}" data-shortcut-key="o" data-shortcut-text="O" data-area="screen"></div><div id="tools-round-rect" class="item" data-mode="tool" data-name="round-rect" data-detail="{{角丸矩形ツール}}" data-shortcut-key="rShift" data-shortcut-text="Shift + R" data-area="screen"></div><div id="tools-fill-color"><input type="color" id="fill-color" value="#000000" data-detail="{{塗りのカラー}}"></div><div id="tools-stroke-color"><input type="color" id="stroke-color" value="#000000" data-detail="{{線のカラー}}"></div><div id="tools-stroke-size"><input type="number" id="stroke-size" value="1" data-detail="{{線の太さ}}"></div><div class="tools-border"></div><div id="tools-text" class="item" data-mode="tool" data-name="text" data-detail="{{テキストツール}}" data-shortcut-key="t" data-shortcut-text="T" data-area="screen"></div><div class="tools-border"></div><div id="tools-zoom" class="item" data-mode="tool" data-detail="{{ズームツール}}" data-shortcut-key="z" data-shortcut-text="Z" data-area="screen"></div><input type="number" id="screen-scale" value="100" data-detail="{{画面の拡大・縮小}}"><div class="tools-border"></div><div id="tools-load" class="item" data-detail="{{プロジェクトデータの読込}}" data-shortcut-key="rCtrl" data-shortcut-text="Ctrl + R" data-area="screen"></div><input type="file" id="tools-load-file-input" accept=".n2d"><div id="tools-save" class="item" data-detail="{{プロジェクトデータを保存}}" data-shortcut-key="sShiftCtrl" data-shortcut-text="Ctrl + Shift + S" data-area="screen"></div><div id="tools-export" class="item" data-detail="{{書き出し}}" data-shortcut-key="EnterShiftCtrl" data-shortcut-text="Ctrl + Shift + Enter" data-area="screen"></div><div id="tools-save-folder"><a id="save-anchor" href=""></a></div><div class="tools-border"></div><div id="tools-setting" class="item" data-detail="{{設定}}" data-shortcut-key="s" data-shortcut-text="S" data-area="screen"></div><div class="tools-border"></div><div id="plugin-tools"></div></div><div id="view"><div id="view-tab"><i id="view-tab-add" data-detail="{{タブを追加}}"></i> <i id="view-tab-list" data-detail="{{タブの一覧を表示・移動}}"></i><div id="view-tab-area"></div></div><div id="tab-name-menu" class="none"><div id="tab-name-menu-list"></div></div><div id="screen"><div id="stage-rect" style="display: none;"></div><div id="draw-rect" style="display: none;"></div><div id="draw-text" style="display: none;"></div><div id="stage-area"><div id="stage"></div><div id="target-rect" style="display: none;"></div><div id="reference-point" style="display: none;"></div><div id="target-rotation" style="display: none;"></div><div id="scale-top-left" style="display: none;"></div><div id="scale-top-right" style="display: none;"></div><div id="scale-bottom-left" style="display: none;"></div><div id="scale-bottom-right" style="display: none;"></div><div id="scale-center-left" style="display: none;"></div><div id="scale-center-top" style="display: none;"></div><div id="scale-center-right" style="display: none;"></div><div id="scale-center-bottom" style="display: none;"></div><div id="grid-top-left" style="display: none;"></div><div id="grid-top-right" style="display: none;"></div><div id="grid-bottom-left" style="display: none;"></div><div id="grid-bottom-right" style="display: none;"></div></div></div><div id="timeline"><div id="timeline-adjustment"></div><div class="timeline-tools"><div id="scene"><i id="scene-list"></i><div id="scene-name"></div><div id="scene-name-menu" class="none"><div id="scene-name-menu-list"></div></div></div><div class="tools"><i id="timeline-script-add" data-detail="{{スクリプトを追加}}" data-shortcut-key="s" data-shortcut-text="S" data-area="timeline"></i> <i id="timeline-key-add" data-detail="{{キーフレームを追加}}" data-shortcut-key="k" data-shortcut-text="K" data-area="timeline"></i> <i id="timeline-empty-add" data-detail="{{空のキーフレームを追加}}" data-shortcut-key="e" data-shortcut-text="E" data-area="timeline"></i> <i id="timeline-frame-add" data-detail="{{フレームを追加}}" data-shortcut-key="f" data-shortcut-text="F" data-area="timeline"></i> <i id="timeline-frame-delete" data-detail="{{フレームを削除}}" data-shortcut-key="fCtrl" data-shortcut-text="Ctrl + F" data-area="timeline"></i> <i id="timeline-onion-skin" data-detail="{{オニオンスキン}}" data-shortcut-key="oCtrl" data-shortcut-text="Ctrl + O" data-area="timeline"></i> <i id="timeline-preview" class="timeline-preview-disable" data-detail="{{プレビューのON/OFF}}" data-shortcut-key="p" data-shortcut-text="P" data-area="timeline"></i><div class="timeline-border"></div><input type="text" id="current-frame" value="1"> <i id="timeline-play" data-detail="{{再生}}" data-shortcut-key="Enter" data-shortcut-text="Enter" data-area="timeline"></i> <i id="timeline-stop" data-detail="{{停止}}" data-shortcut-key="Enter" data-shortcut-text="Enter" data-area="timeline"></i> <i id="timeline-repeat" data-detail="{{ループ設定}}" data-shortcut-key="pCtrl" data-shortcut-text="Ctrl + P" data-area="timeline"></i> <i id="timeline-no-repeat" data-detail="{{ループ設定}}" data-shortcut-key="pCtrl" data-shortcut-text="Ctrl + P" data-area="timeline"></i><div class="timeline-border"></div><input type="text" placeholder="Label" id="label-name" value="" data-detail="{{フレームラベル}}" data-shortcut-key="l" data-shortcut-text="L" data-area="timeline"><div class="timeline-border"></div><div class="screen-zoom-area"><input type="text" id="timeline-scale" value="100" data-detail="{{タイムライン幅の拡大・縮小}}" data-shortcut-key="z" data-shortcut-text="Z" data-area="timeline">%</div></div></div><div class="timeline-controller"><div class="timeline-controller-tools"><i id="timeline-layer-add" data-detail="{{レイヤーを追加}}" data-shortcut-key=";Ctrl" data-shortcut-text="Ctrl + +" data-area="timeline"></i> <i id="timeline-layer-trash" data-detail="{{レイヤーを削除}}" data-shortcut-key="BackspaceCtrl" data-shortcut-text="Ctrl + Delete" data-area="timeline"></i> <i id="timeline-layer-light-all" class="timeline-layer-light" data-detail="{{全てのレイヤーをハイライト}}" data-shortcut-key="hShift" data-shortcut-text="Shift + H" data-area="timeline"></i> <i id="timeline-layer-disable-all" class="timeline-layer-disable" data-detail="{{全てのレイヤーを非表示}}" data-shortcut-key="dShift" data-shortcut-text="Shift + D" data-area="timeline"></i> <i id="timeline-layer-lock-all" class="timeline-layer-lock" data-detail="{{全てのレイヤーをロック}}" data-shortcut-key="lShift" data-shortcut-text="Shift + L" data-area="timeline"></i></div><div id="timeline-controller-base"><div id="timeline-marker"></div><div id="timeline-header"></div></div></div><div id="timeline-content"></div><div id="target-group"></div><div id="timeline-preview-modal" style="display:none;"></div></div></div><div id="controller-adjustment"></div><div id="controller"><div id="controller-tab-area"><div class="tab disable" data-tab-type="controller-area-property"><span class="language" data-text="{{プロパティ}}">Properties</span></div><div class="tab disable" data-tab-type="controller-area-library"><span class="language" data-text="{{ライブラリ}}">Library</span></div><div class="tab disable" data-tab-type="controller-area-js">JavaScript</div><div class="tab disable" data-tab-type="controller-area-plugin"><span class="language" data-text="{{プラグイン}}">Plugin</span></div></div><div id="controller-area"><div id="controller-area-property"><div id="stage-setting"><div id="stage-setting-title"><i class="active"></i> <span class="language" data-text="{{ステージ設定}}">ステージ設定</span></div><div id="stage-setting-view-area"><div class="stage-setting-view-left"><div id="stage-lock">┌<div class="disable" data-detail="{{比率を固定}}"></div>└</div></div><div class="stage-setting-view-right"><div class="stage-setting-container"><div class="stage-setting-text">W</div><div class="stage-setting-input"><input type="number" maxlength="4" id="stage-width" data-detail="{{ステージの幅}}"></div><div class="stage-setting-text">BG</div><div class="stage-setting-input"><input type="color" id="stage-bgColor" value="#ffffff" data-detail="{{背景色}}"></div></div><div class="stage-setting-container"><div class="stage-setting-text">H</div><div class="stage-setting-input"><input type="number" maxlength="4" id="stage-height" data-detail="{{ステージの高さ}}"></div><div class="stage-setting-text">FPS</div><div class="stage-setting-input"><input type="number" maxlength="2" id="stage-fps" data-detail="{{フレームレート}}"></div></div></div></div></div><div id="instance-setting"><div id="instance-type-name"></div></div><div id="object-setting"><div id="object-setting-title"><i class="active"></i> <span class="language" data-text="{{オブジェクト}}">オブジェクト</span></div><div id="object-setting-view-area"><div class="object-setting-container"><div class="object-setting-name-text"><span class="language" data-text="{{名前}}">名前</span></div><div><input type="text" placeholder="instance name" id="object-name" data-detail="{{インスタンス名}}"></div></div><div class="object-setting-container" id="object-symbol-area"><div class="object-setting-name-text"><span class="language" data-text="{{シンボル}}">シンボル</span></div><div><input type="text" placeholder="symbol name" id="object-symbol" data-detail="{{シンボル名}}"></div></div></div></div><div id="sound-setting"><div id="sound-setting-title"><i class="active"></i> <span class="language" data-text="{{サウンド}}">サウンド</span></div><div id="sound-setting-view-area"><div class="sound-select-area"><select id="sound-select"></select><div id="sound-add" data-detail="{{サウンドを追加}}"></div></div><div id="sound-list-area"></div></div></div><div id="object-area" style="display: none"><div id="ease-setting"><div id="ease-setting-title"><i class="active"></i> <span class="language" data-text="{{イージング}}">イージング</span></div><div id="ease-setting-view-area"><div class="ease-setting-container"><select id="ease-select" data-detail="{{イージング設定}}"><option value="linear">linear</option><option value="inQuad">quad-in</option><option value="outQuad">quad-out</option><option value="inOutQuad">quad-in-out</option><option value="inCubic">cubic-in</option><option value="outCubic">cubic-out</option><option value="inOutCubic">cubic-in-out</option><option value="inQuart">quart-in</option><option value="outQuart">quart-out</option><option value="inOutQuart">quart-in-out</option><option value="inQuint">quint-in</option><option value="outQuint">quint-out</option><option value="inOutQuint">quint-in-out</option><option value="inSine">sine-in</option><option value="outSine">sine-out</option><option value="inOutSine">sine-in-out</option><option value="inExpo">expo-in</option><option value="outExpo">expo-out</option><option value="inOutExpo">expo-in-out</option><option value="inCirc">circ-in</option><option value="outCirc">circ-out</option><option value="inOutCirc">circ-in-out</option><option value="inBack">back-in</option><option value="outBack">back-out</option><option value="inOutBack">back-in-out</option><option value="inElastic">elastic-in</option><option value="outElastic">elastic-out</option><option value="inOutElastic">elastic-in-out</option><option value="inBounce">bounce-in</option><option value="outBounce">bounce-out</option><option value="inOutBounce">bounce-in-out</option><option value="custom">custom</option></select></div><div id="ease-canvas-view-area" class="ease-setting-container"><div class="ease-canvas-area"><canvas id="ease-custom-canvas" data-detail="{{ダブルクリックでカーブポイントが追加されます}}"></canvas><div id="ease-cubic-pointer-area"></div><div class="ease-cubic-time-text">time <span id="ease-cubic-current-text">(100)</span></div><div class="ease-cubic-tween-text">tween <span id="ease-cubic-current-tween">(100)</span></div></div><div class="ease-canvas-data-area"><div id="ease-custom-data-load"><i data-detail="{{カスタムイージングデータの読込}}"></i></div><input id="ease-custom-file-input" type="file" accept=".json"><div id="ease-custom-data-export"><i data-detail="{{カスタムイージングデータを保存}}"></i></div></div></div></div></div><div id="video-setting"><div id="video-setting-title"><i class="active"></i> <span class="language" data-text="{{ビデオ}}">ビデオ</span></div><div id="video-setting-view-area"><div class="video-setting-container"><div class="video-setting-title-text"><span class="language" data-text="{{音量}}">音量</span></div><div><input type="number" id="video-volume" value="100" data-detail="{{ビデオの音量設定}}"></div></div><div class="video-setting-container"><div class="video-setting-title-text"><span class="language" data-text="{{自動再生}}">自動再生</span></div><select id="video-auto-select" data-detail="{{自動再生}}"><option value="0">Off</option><option value="1">On</option></select><div class="video-setting-title-text"><span class="language" data-text="{{ループ}}">ループ</span></div><select id="video-loop-select" data-detail="{{ループ}}"><option value="0">Off</option><option value="1">On</option></select></div></div></div><div id="text-setting"><div id="text-setting-title"><i class="active"></i> <span class="language" data-text="{{テキスト}}">テキスト</span></div><div id="text-setting-view-area"><div class="text-setting-container"><div class="text-setting-select-title"><span class="language" data-text="{{フォント}}">フォント</span></div><select id="font-select" data-detail="{{フォント選択}}"><option value="sans-serif">sans-serif</option><option value="Arial">Arial</option><option value="Arial Black">Arial Black</option><option value="Comic Sans MS">Comic Sans MS</option><option value="Courier">Courier</option><option value="Courier New">Courier New</option><option value="Georgia">Georgia</option><option value="Impact">Impact</option><option value="Times New Roman">Times New Roman</option><option value="Trebuchet MS">Trebuchet MS</option><option value="Verdana">Verdana</option></select></div><div class="text-setting-container"><div class="text-setting-select-title">Auto<br>Resize</div><select id="font-auto-size-select" data-detail="{{自動サイズ調整}}"><option value="0" class="language" data-text="{{リサイズしない}}">No Resize</option><option value="1" class="language" data-text="{{テキストに合わせて枠をリサイズ}}">Box Resize</option><option value="2" class="language" data-text="{{枠に合わせてテキストをリサイズ}}">Text Resize</option></select></div><div class="text-setting-container"><div class="text-setting-select-title"><span class="language" data-text="{{スタイル}}">スタイル</span></div><select id="font-style-select" data-detail="{{フォントスタイルタイプ}}"><option value="0">Normal</option><option value="1">Bold</option><option value="2">Italic</option><option value="3">Bold/Italic</option></select><div class="text-setting-select-title">Align</div><select id="font-align-select" data-detail="{{行揃え}}"><option value="left" class="language" data-text="{{左寄せ}}">左寄せ</option><option value="center" class="language" data-text="{{中央揃え}}">中央揃え</option><option value="right" class="language" data-text="{{右寄せ}}">右寄せ</option></select></div><div class="text-setting-container"><div class="text-setting-select-title">Behavior</div><select id="font-wrap-select" data-detail="{{改行設定}}"><option value="0" class="language" data-text="{{単一行}}">Single Line</option><option value="1" class="language" data-text="{{複数行}}">Multiline</option><option value="2" class="language" data-text="{{自動で折り返し}}">Auto Wrap</option></select><div class="text-setting-select-title">Input</div><select id="font-input-select" data-detail="{{テキスト入力設定}}"><option value="0" class="language" data-text="{{読込のみ}}">読込のみ</option><option value="1" class="language" data-text="{{書込を許可}}">書込を許可</option></select></div><div class="text-setting-container"><div class="text-setting-select-title">Scroll</div><select id="font-scroll-select" data-detail="{{スクロール設定}}"><option value="1">Auto</option><option value="0">Off</option></select><div class="text-setting-select-title">Border</div><select id="font-border-select" data-detail="{{テキストエリアのボーダー設定}}"><option value="0">Off</option><option value="1">On</option></select></div><div class="text-setting-container"><div class="text-setting-title-text">Size</div><div><input type="number" id="font-size" value="12" data-detail="{{フォントサイズ}}"></div><div class="text-setting-text">px</div><div class="text-setting-title-text">Color</div><div><input type="color" id="font-color" value="#000000" data-detail="{{フォントカラー}}"></div></div><div class="text-setting-container"><div class="text-setting-title-text">Line<br>Space</div><div><input type="text" id="font-leading" value="0" data-detail="{{行間}}"></div><div class="text-setting-text">px</div><div class="text-setting-title-text">Character<br>Width</div><div><input type="text" id="font-letterSpacing" value="0" data-detail="{{文字幅}}"></div><div class="text-setting-text">px</div></div><div class="text-setting-container"><div class="text-setting-title-text">Left<br>Margin</div><div><input type="text" id="font-leftMargin" value="0" data-detail="{{左マージン}}"></div><div class="text-setting-text">px</div><div class="text-setting-title-text">Right<br>Margin</div><div><input type="text" id="font-rightMargin" value="0" data-detail="{{右マージン}}"></div><div class="text-setting-text">px</div></div><div class="text-setting-container"><div class="text-setting-title-text">Stroke<br>Size</div><div><input type="number" id="font-stroke-size" value="0" data-detail="{{フォント枠サイズ}}"></div><div class="text-setting-text">px</div><div class="text-setting-title-text">Stroke<br>Color</div><div><input type="color" id="font-stroke-color" value="#000000" data-detail="{{フォント枠カラー}}"></div></div></div></div><div id="transform-setting"><div id="transform-setting-title"><i class="active"></i> <span class="language" data-text="{{変形}}">変形</span></div><div id="transform-setting-view-area"><div class="transform-setting-block"><div class="transform-setting-block-left"><div id="transform-size-lock">┌<div class="disable" data-detail="{{比率を固定}}"></div>└</div></div><div class="transform-setting-block-right"><div class="transform-setting-container"><div class="transform-setting-text">W</div><div><input type="number" id="object-width" value="0" data-detail="{{選択対象の幅}}"></div><div class="transform-setting-text">X</div><div><input type="text" id="object-x" value="0" data-detail="{{選択対象のX座標}}"></div></div><div class="transform-setting-container"><div class="transform-setting-text">H</div><div><input type="number" id="object-height" value="0" data-detail="{{選択対象の高さ}}"></div><div class="transform-setting-text">Y</div><div><input type="text" id="object-y" value="0" data-detail="{{選択対象のY座標}}"></div></div></div></div><div class="transform-setting-block"><div class="transform-setting-block-left"><div id="transform-scale-lock">┌<div class="disable" data-detail="{{比率を固定}}"></div>└</div></div><div class="transform-setting-block-right"><div class="transform-setting-container"><div class="transform-setting-text">X</div><div><input type="text" id="transform-scale-x" value="100" data-detail="{{選択対象の幅の伸縮}}"></div><div class="transform-setting-percent-text">%</div><div class="transform-setting-text-rotate">Rotate</div><div><input type="text" id="transform-rotate" value="0" data-detail="{{選択対象を回転}}"></div><div class="transform-setting-percent-text">°</div></div><div class="transform-setting-container"><div class="transform-setting-text">Y</div><div><input type="text" id="transform-scale-y" value="100" data-detail="{{選択対象の高さの伸縮}}"></div><div class="transform-setting-percent-text">%</div></div></div></div></div></div><div id="reference-setting"><div id="reference-setting-title"><i class="active"></i> <span class="language" data-text="{{中心点}}">中心点</span></div><div id="reference-setting-view-area"><div class="reference-setting-container"><div id="reference-setting-box"><div class="reference-setting-box-list"><div class="reference-setting-box-child" data-position="top-left" data-detail="{{左上}}"></div><div class="reference-setting-box-child" data-position="top-center" data-detail="{{中央上}}"></div><div class="reference-setting-box-child" data-position="top-right" data-detail="{{右上}}"></div></div><div class="reference-setting-box-list"><div class="reference-setting-box-child" data-position="center-left" data-detail="{{中央左}}"></div><div class="reference-setting-box-child" data-position="center-top" data-detail="{{中央}}"></div><div class="reference-setting-box-child" data-position="center-right" data-detail="{{中央右}}"></div></div><div class="reference-setting-box-list"><div class="reference-setting-box-child" data-position="bottom-left" data-detail="{{左下}}"></div><div class="reference-setting-box-child" data-position="bottom-center" data-detail="{{中央下}}"></div><div class="reference-setting-box-child" data-position="bottom-right" data-detail="{{右下}}"></div></div></div><div class="reference-setting-text">X</div><div><input type="text" id="transform-reference-x" value="0" data-detail="{{中心点のX座標}}"></div><div class="reference-setting-text">Y</div><div><input type="text" id="transform-reference-y" value="0" data-detail="{{中心点のY座標}}"></div></div></div></div><div id="color-setting"><div id="color-setting-title"><i class="active"></i> <span class="language" data-text="{{カラー効果}}">カラー効果</span></div><div id="color-setting-view-area"><div class="color-setting-container"><div class="color-setting-text-multiplier">Alpha</div><div><input type="text" id="color-alpha-multiplier" value="100" data-detail="{{アルファ(0%-100%)}}"></div><div class="color-setting-percent-text">%</div><div class="color-setting-text">A +</div><div><input type="text" id="color-alpha-offset" value="0" data-detail="{{アルファオフセット(-255〜255)}}"></div></div><div class="color-setting-container"><div class="color-setting-text-multiplier">Red</div><div><input type="text" id="color-red-multiplier" value="100" data-detail="{{赤(0%-100%)}}"></div><div class="color-setting-percent-text">%</div><div class="color-setting-text">R +</div><div><input type="text" id="color-red-offset" value="0" data-detail="{{赤オフセット(-255〜255)}}"></div></div><div class="color-setting-container"><div class="color-setting-text-multiplier">Green</div><div><input type="text" id="color-green-multiplier" value="100" data-detail="{{緑(0%-100%)}}"></div><div class="color-setting-percent-text">%</div><div class="color-setting-text">G +</div><div><input type="text" id="color-green-offset" value="0" data-detail="{{緑オフセット(-255〜255)}}"></div></div><div class="color-setting-container"><div class="color-setting-text-multiplier">Blue</div><div><input type="text" id="color-blue-multiplier" value="100" data-detail="{{青(0%-100%)}}"></div><div class="color-setting-percent-text">%</div><div class="color-setting-text">B +</div><div><input type="text" id="color-blue-offset" value="0" data-detail="{{青オフセット(-255〜255)}}"></div></div></div></div><div id="nine-slice-setting"><div id="nine-slice-setting-title"><i class="active"></i>9-slice</div><div id="nine-slice-setting-view-area"><div class="nine-slice-setting-container"><div class="nine-slice-setting-text">X</div><div><input type="text" id="nine-slice-setting-x" value="0" data-detail="{{選択対象のX座標}}"></div><div class="nine-slice-setting-text">W</div><div><input type="number" id="nine-slice-setting-w" value="0" data-detail="{{選択対象の幅}}"></div></div><div class="nine-slice-setting-container"><div class="nine-slice-setting-text">Y</div><div><input type="text" id="nine-slice-setting-y" value="0" data-detail="{{選択対象のY座標}}"></div><div class="nine-slice-setting-text">H</div><div><input type="number" id="nine-slice-setting-h" value="0" data-detail="{{選択対象の高さ}}"></div></div></div></div><div id="fill-color-setting"><div id="fill-color-setting-title"><i class="active"></i> <span class="language" data-text="{{Shapeの色設定}}">Shapeの色設定</span></div><div id="fill-color-setting-view-area"><div class="fill-color-setting-container"><div class="fill-color-setting-title-text"><span class="language" data-text="{{種別}}">種別</span></div><div><select id="fill-color-type-select" data-detail="{{カラー種別の選択}}"><option value="rgba">RGBA</option><option value="bitmap" class="language" data-text="{{画像}}">画像</option><option value="linear" class="language" data-text="{{線形グラデーション}}">線形グラデーション</option><option value="radial" class="language" data-text="{{放射状グラデーション}}">Radial Gradient</option></select></div></div><div id="fill-color-bitmap-container"><div class="fill-color-setting-title-text"><span class="language" data-text="{{画像選択}}">Image Selection</span></div><div><select id="fill-bitmap-select" data-detail="{{背景画像の選択}}"></select></div></div><div id="fill-color-gradient-container"><div id="gradient-color-palette" class="gradient-color-palette"><div id="color-palette" class="color-palette"><canvas id="gradient-canvas"></canvas></div><div id="color-pointer-list" class="color-pointer-list" data-detail="{{カラーポインターを追加}}"></div></div></div><div id="fill-color-rgba-container" class="fill-color-setting-container"><div class="fill-color-setting-title-text">Color</div><div><input type="color" id="fill-color-value" value="#000000" data-detail="{{カラー値}}"></div><div class="fill-color-setting-title-text">Alpha</div><div><input type="text" id="fill-alpha-value" value="100" data-detail="{{アルファ値}}"></div></div><div id="fill-stroke-color-rgba-container" class="fill-color-setting-container"><div class="fill-color-setting-title-text">Width</div><div><input type="text" id="fill-stroke-width-value" value="10" data-detail="{{線の太さ}}"></div></div></div></div><div id="loop-setting"><div id="loop-setting-title"><i class="active"></i> <span class="language" data-text="{{カスタムループ}}">Custom Loop</span></div><div id="loop-setting-view-area"><div class="loop-setting-container"><div id="no-use-loop" class="loop-setting-bottom active" data-detail="{{デフォルトのループを利用する}}"><i></i></div><div id="loop-repeat" class="loop-setting-bottom" data-detail="{{ループで再生}}"><i></i></div><div id="loop-no-repeat" class="loop-setting-bottom" data-detail="{{1回再生}}"><i></i></div><div id="fixed-one" class="loop-setting-bottom" data-detail="{{指定したフレームで固定}}"><i></i></div><div id="loop-no-repeat-reversal" class="loop-setting-bottom" data-detail="{{1回逆再生}}"><i></i></div><div id="loop-repeat-reversal" class="loop-setting-bottom" data-detail="{{逆ループで再生}}"><i></i></div></div><div class="loop-setting-container"><div class="loop-setting-text">start</div><div><input type="text" id="loop-start-frame" value="1" data-detail="{{開始フレーム}}"></div><div class="loop-setting-text">end</div><div><input type="text" id="loop-end-frame" value="-" data-detail="{{終了フレーム}}"></div></div><div class="loop-setting-container"><button id="frame-picker-button" data-detail="{{フレームピッカー}}">Frame Picker</button> <button id="target-start-button" class="active">Start</button> <button id="target-end-button">End</button></div><div class="loop-setting-container"><div id="loop-image-list"></div></div></div></div><div id="blend-setting"><div id="blend-setting-title"><i class="active"></i> <span class="language" data-text="{{ブレンドモード}}">ブレンドモード</span></div><div id="blend-setting-view-area"><div class="blend-setting-container"><select id="blend-select" data-detail="{{ブレンドモード}}"><option value="normal">normal</option><option value="layer">layer</option><option value="darken">darken</option><option value="multiply">multiply</option><option value="lighten">lighten</option><option value="screen">screen</option><option value="overlay">overlay</option><option value="hardlight">hardlight</option><option value="add">add</option><option value="subtract">subtract</option><option value="difference">difference</option><option value="invert">invert</option><option value="alpha">alpha</option><option value="erase">erase</option></select></div></div></div><div id="filter-setting"><div id="filter-setting-title"><i class="active"></i> <span class="language" data-text="{{フィルター}}">フィルター</span></div><div id="filter-setting-view-area"><div class="filter-setting-container"><select id="filter-select" data-detail="{{フィルターを選択}}"><option value="DropShadowFilter">DropShadow</option><option value="BlurFilter">Blur</option><option value="GlowFilter">Glow</option><option value="BevelFilter">Bevel</option><option value="GradientGlowFilter">GradientGlow</option><option value="GradientBevelFilter">GradientBevel</option></select><div id="filter-add" data-detail="{{フィルターを追加}}"></div></div><div id="filter-setting-list"><div class="filter-none">No Filters Added</div></div></div></div></div></div><div id="controller-area-library"><div id="library-preview-area"></div><div class="library-search-area"><i></i> <input type="text" id="library-search" value="" data-detail="{{ライブラリ内の検索}}"></div><div id="library-list-title"><div class="library-list-title-name"><p class="language" data-text="{{名前}}">名前</p></div><div class="library-list-title-symbol"><p class="language" data-text="{{シンボル}}">シンボル</p></div></div><div id="library-list-box"></div></div><div id="controller-area-js"><div id="javascript-internal-list-box"></div></div><div id="controller-area-plugin"><div id="plugin-list-box"></div></div></div><div id="advertisement"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5673019255498912" crossorigin="anonymous"></script><ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-5673019255498912" data-ad-slot="9703620730"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div></div><div id="screen-menu" class="none"><div class="screen-menu-list"><span class="screen-menu-title language" data-text="{{重ね順}}">重ね順</span><div id="screen-front" class="screen-menu-bottom"><i></i><span class="language" data-text="{{最前面}}" data-shortcut-key="ArrowUpShiftCtrl" data-shortcut-text="Ctrl + Shift + ▲" data-area="screen">最前面</span></div><div id="screen-front-one" class="screen-menu-bottom"><i></i><span class="language" data-text="{{ひとつ前面へ}}" data-shortcut-key="ArrowUpCtrl" data-shortcut-text="Ctrl + ▲" data-area="screen">ひとつ前面へ</span></div><div id="screen-back-one" class="screen-menu-bottom"><i></i><span class="language" data-text="{{ひとつ背面へ}}" data-shortcut-key="ArrowDownCtrl" data-shortcut-text="Ctrl + ▼" data-area="screen">ひとつ背面へ</span></div><div id="screen-back" class="screen-menu-bottom"><i></i><span class="language" data-text="{{最背面}}" data-shortcut-key="ArrowDownShiftCtrl" data-shortcut-text="Ctrl + Shift + ▼" data-area="screen">最背面</span></div><p></p><span class="screen-menu-title language" data-text="{{整列}}">整列</span><div class="screen-align"><div id="screen-position-left" class="screen-menu-bottom" data-detail="{{左揃え}}" data-shortcut-key="1" data-shortcut-text="1" data-area="screen"><i></i></div><div id="screen-position-center" class="screen-menu-bottom" data-detail="{{中央揃え(水平方向)}}" data-shortcut-key="2" data-shortcut-text="2" data-area="screen"><i></i></div><div id="screen-position-right" class="screen-menu-bottom" data-detail="{{右揃え}}" data-shortcut-key="3" data-shortcut-text="3" data-area="screen"><i></i></div><div id="screen-position-top" class="screen-menu-bottom" data-detail="{{上揃え}}" data-shortcut-key="4" data-shortcut-text="4" data-area="screen"><i></i></div><div id="screen-position-middle" class="screen-menu-bottom" data-detail="{{中央揃え(垂直方向)}}" data-shortcut-key="5" data-shortcut-text="5" data-area="screen"><i></i></div><div id="screen-position-bottom" class="screen-menu-bottom" data-detail="{{下揃え}}" data-shortcut-key="6" data-shortcut-text="6" data-area="screen"><i></i></div></div><p></p><span class="screen-menu-title language" data-text="{{ステージ基準}}">ステージ基準</span><div class="screen-align"><div id="stage-position-left" class="screen-menu-bottom" data-detail="{{ステージ左揃え}}" data-shortcut-key="!Shift" data-shortcut-text="Shift + 1" data-area="screen"><i></i></div><div id="stage-position-center" class="screen-menu-bottom" data-detail="{{ステージ中央揃え(水平方向)}}" data-shortcut-key='"Shift' data-shortcut-text="Shift + 2" data-area="screen"><i></i></div><div id="stage-position-right" class="screen-menu-bottom" data-detail="{{ステージ右揃え}}" data-shortcut-key="#Shift" data-shortcut-text="Shift + 3" data-area="screen"><i></i></div><div id="stage-position-top" class="screen-menu-bottom" data-detail="{{ステージ上揃え}}" data-shortcut-key="$Shift" data-shortcut-text="Shift + 4" data-area="screen"><i></i></div><div id="stage-position-middle" class="screen-menu-bottom" data-detail="{{ステージ中央揃え(垂直方向)}}" data-shortcut-key="%Shift" data-shortcut-text="Shift + 5" data-area="screen"><i></i></div><div id="stage-position-bottom" class="screen-menu-bottom" data-detail="{{ステージ下揃え}}" data-shortcut-key="&Shift" data-shortcut-text="Shift + 6" data-area="screen"><i></i></div></div><p></p><span class="screen-menu-title language" data-text="{{タイムライン}}">Timeline</span><div id="screen-distribute-to-layers" class="screen-menu-bottom"><span class="language" data-text="{{レイヤーに配分}}" data-shortcut-key="dCtrl" data-shortcut-text="Ctrl + D" data-area="screen">レイヤーに配分</span></div><div id="screen-distribute-to-keyframes" class="screen-menu-bottom"><span class="language" data-text="{{キーフレームに配分}}" data-shortcut-key="kCtrl" data-shortcut-text="Ctrl + K" data-area="screen">キーフレームに配分</span></div><p></p><span class="screen-menu-title language" data-text="{{シェイプ}}">シェイプ</span><div id="screen-integrating-paths" class="screen-menu-bottom"><i></i><span class="language" data-text="{{パスの結合}}" data-shortcut-key="iCtrl" data-shortcut-text="Ctrl + I" data-area="screen">パスの結合</span></div><p></p><span class="screen-menu-title language" data-text="{{トゥイーン}}">Tween</span><div id="screen-add-tween-curve-pointer" class="screen-menu-bottom"><span class="language" data-text="{{カーブポインターの追加}}" data-shortcut-key="pCtrl" data-shortcut-text="Ctrl + P" data-area="screen">カーブポインターの追加</span></div><div id="screen-delete-tween-curve-pointer" class="screen-menu-bottom"><span class="language" data-text="{{カーブポインターの削除}}" data-shortcut-key="pShiftCtrl" data-shortcut-text="Ctrl + Shift + P" data-area="screen">カーブポインターの削除</span></div><p></p><span class="screen-menu-title language" data-text="{{変換}}">変換</span><div id="screen-change-movie-clip" class="screen-menu-bottom"><i></i><span class="language" data-text="{{MovieClipに変換}}" data-shortcut-key="mShift" data-shortcut-text="Shift + M" data-area="screen">MovieClipに変換</span></div><p></p><div id="screen-preview" class="screen-menu-bottom"><span class="language" data-text="{{プレビュー}}" data-shortcut-key="EnterCtrl" data-shortcut-text="Ctrl + Enter" data-area="screen">Preview</span><i></i></div><p></p><span class="screen-menu-title language" data-text="{{プラグインメニュー}}">Plugin Menu</span><div id="plugin-menu"></div></div></div><div id="plugin-modal" class="none"><div id="plugin-bar"><div id="plugin-title"></div><i id="plugin-hide-icon"></i></div><div id="plugin-modal-element"></div></div><div id="editor-modal" class="none"><div id="editor-bar"><div id="editor-title"></div><i id="editor-hide-icon"></i></div><div id="editor"></div></div><div id="timeline-menu" class="none"><div class="timeline-menu-list"><div id="context-menu-tween-add"><span class="language" data-text="{{モーショントゥイーンの追加}}" data-shortcut-key="m" data-shortcut-text="M" data-area="timeline">モーショントゥイーンの追加</span></div><div id="context-menu-tween-delete"><span class="language" data-text="{{モーショントゥイーンの削除}}" data-shortcut-key="mCtrl" data-shortcut-text="Ctrl + M" data-area="timeline">モーショントゥイーンの削除</span></div><p></p><div id="context-menu-script-add"><i></i><span class="language" data-text="{{スクリプトを追加}}" data-shortcut-key="s" data-shortcut-text="S" data-area="timeline">スクリプトを追加</span></div><p></p><div id="context-menu-key-frame-add"><i></i><span class="language" data-text="{{キーフレームを追加}}" data-shortcut-key="k" data-shortcut-text="K" data-area="timeline">キーフレームを追加</span></div><div id="context-menu-key-frame-delete"><span class="language" data-text="{{キーフレームを削除}}" data-shortcut-key="kCtrl" data-shortcut-text="Ctrl + K" data-area="timeline">キーフレームを削除</span></div><div id="context-menu-empty-key-frame-add"><i></i><span class="language" data-text="{{空のキーフレームを追加}}" data-shortcut-key="e" data-shortcut-text="E" data-area="timeline">空のキーフレームを追加</span></div><p></p><div id="context-menu-frame-add"><i></i><span class="language" data-text="{{フレームを追加}}" data-shortcut-key="f" data-shortcut-text="F" data-area="timeline">フレームを追加</span></div><div id="context-menu-frame-delete"><i></i><span class="language" data-text="{{フレームを削除}}" data-shortcut-key="fCtrl" data-shortcut-text="Ctrl + F" data-area="timeline">フレームを削除</span></div></div></div><div id="timeline-layer-menu" class="none"><div id="timeline-layer-menu-list"><div id="timeline-layer-normal"><i></i><span class="language" data-text="{{通常レイヤー}}" data-shortcut-key="nShift" data-shortcut-text="Shift + N" data-area="timeline">通常レイヤー</span></div><div id="timeline-layer-mask"><i></i><span class="language" data-text="{{マスクレイヤー}}" data-shortcut-key="mShift" data-shortcut-text="Shift + M" data-area="timeline">マスクレイヤー</span></div><div id="timeline-layer-guide"><i></i><span class="language" data-text="{{ガイドレイヤー}}" data-shortcut-key="gShift" data-shortcut-text="Shift + G" data-area="timeline">ガイドレイヤー</span></div><p></p><div><span class="language" data-text="{{レイヤーカラー}}">レイヤーカラー</span> <input type="color" id="timeline-layer-color"></div></div></div><div id="library-menu" class="none"><div class="library-menu-list"><div id="library-menu-container-add" data-container-type="container"><i class="library-type-container"></i> <span class="language" data-text="{{新規MovieClip}}" data-shortcut-key="mCtrl" data-shortcut-text="Ctrl + M" data-area="library">新規MovieClip</span></div><div id="library-menu-folder-add" data-container-type="folder"><i class="library-type-folder"></i> <span class="language" data-text="{{新規フォルダー}}" data-shortcut-key="fCtrl" data-shortcut-text="Ctrl + F" data-area="library">新規フォルダー</span></div><p></p><div id="library-menu-content-shape-clone"><i class="library-type-clone"></i> <span class="language" data-text="{{Shapeを複製}}" data-shortcut-key="sAlt" data-shortcut-text="Alt + S" data-area="library">Shape Clone</span></div><p></p><div id="library-menu-file"><i class="library-type-load"></i> <span class="language" data-text="{{読み込み}}" data-shortcut-key="rCtrl" data-shortcut-text="Ctrl + R" data-area="library">読み込み</span></div><input id="library-menu-file-input" type="file" accept=".jpg,.jpeg,.png,.gif,.swf,.svg,.mp3,.mp4" multiple="multiple"><p></p><div id="library-menu-delete"><i class="library-type-trash"></i> <span class="language" data-text="{{削除}}" data-shortcut-key="Backspace" data-shortcut-text="Delete" data-area="library">削除</span></div><div id="library-menu-no-use-delete"><i class="library-type-trash"></i> <span class="language" data-text="{{未使用のアイテムを削除}}" data-shortcut-key="BackspaceShiftCtrl" data-shortcut-text="Shift + Ctrl + Delete" data-area="library">未使用のアイテムを全て削除</span></div></div></div><div id="user-setting" class="none"><div class="user-setting-list"><div class="user-setting-title"><i></i> <span class="language" data-text="{{設定}}">設定</span></div><div class="user-setting-container-column"><div><span class="language" data-text="{{非表示レイヤー}}">非表示レイヤー</span></div><div><select id="publish-layer-setting"><option class="language" data-text="{{含めない}}" value="0">含めない</option><option class="language" data-text="{{含める}}" value="1">含める</option></select></div><div><span class="language" data-text="{{フォーマット}}">フォーマット</span></div><div><select id="publish-type-setting"><option value="zlib">JSON(compression)</option><option value="json">JSON(uncompressed)</option><option value="webm">Video(webm)</option><option value="gif-loop">GIF Loop Animation</option><option value="gif">GIF Animation</option><option value="png">PNG Snapshot</option><option value="apng-loop">APNG(Loop)</option><option value="apng">APNG</option><option value="custom">Custom</option></select></div></div><p></p><div class="user-setting-title"><i></i> <span class="language" data-text="{{言語}}">言語</span></div><div class="user-setting-container-column"><div><select id="language-setting"><option value="Japanese">日本語</option><option value="English">English</option><option value="Korean">한국어</option><option value="Chinese">中文</option><option value="French">Français</option><option value="Russia">Русский</option><option value="Italiano">Italiano</option><option value="Spanish">Español</option></select></div></div><p></p><div class="user-setting-title"><i></i> <span class="language" data-text="{{モーダル表示}}">モーダル表示</span></div><div class="user-setting-container-column"><select id="modal-setting"><option value="1">On</option><option value="0">Off</option></select></div><p></p><div class="user-setting-title"><i></i> <span class="language" data-text="{{サポート}}">サポート</span></div><div class="user-setting-container-row"><a href="https://discord.gg/6c9rv5Uns5" target="_blank" rel="noopener noreferrer"><div id="tools-discord" class="item" data-detail="{{Discordへ移動}}"></div></a><a href="https://github.com/Next2D/tool.next2d.app/issues" target="_blank" rel="noopener noreferrer"><div id="tools-bug" class="item" data-detail="{{バグ報告}}"></div></a><a href="https://next2d.app/en/usage" target="_blank" rel="noopener noreferrer"><div id="tools-usage" class="item" data-detail="{{使い方、リファレンス}}"></div></a><a href="https://github.com/sponsors/Next2D" target="_blank" rel="noopener noreferrer"><div id="tools-github" class="item" data-detail="{{Next2Dを支援する}}"></div></a><a href="https://www.patreon.com/next2d" target="_blank" rel="noopener noreferrer"><div id="tools-patreon" class="item" data-detail="{{Next2Dを支援する}}"></div></a></div><p></p><div class="user-setting-title"><i></i> <span class="language" data-text="{{ショートカット}}">ショートカット</span></div><div class="user-setting-container-column"><div id="shortcut-setting"><span class="language" data-text="{{ショートカット設定}}">ショートカット設定</span></div></div><p></p><div class="user-setting-container-column"><div>β version: 0.49.0</div></div></div></div><div id="shortcut-setting-menu" class="none"><div id="shortcut-setting-tab"><div id="shortcut-setting-screen" class="shortcut-active"><span class="language" data-tab="screen" data-text="{{スクリーン}}">スクリーン</span></div><div id="shortcut-setting-timeline"><span class="language" data-tab="timeline" data-text="{{タイムライン}}">タイムライン</span></div><div id="shortcut-setting-library"><span class="language" data-tab="library" data-text="{{ライブラリ}}">ライブラリ</span></div></div><div id="shortcut-setting-list"><div id="shortcut-list-screen"></div><div id="shortcut-list-timeline"></div><div id="shortcut-list-library"></div></div><div id="shortcut-setting-footer"><div id="shortcut-setting-reset"><span class="language" data-text="{{リセット}}">リセット</span></div><div id="shortcut-setting-save"><span class="language" data-text="{{保存}}">保存</span></div><div id="shortcut-setting-close"><span class="language" data-text="{{閉じる}}">閉じる</span></div></div></div><div id="detail-modal" class="none"></div><div id="player-preview" style="display:none;"><div id="preview-stop"></div><div id="preview-display"></div></div></main></body></html>