Skip to content

Commit

Permalink
差分をコミット
Browse files Browse the repository at this point in the history
  • Loading branch information
ienaga committed Jan 30, 2024
1 parent b2d7857 commit 0a35202
Show file tree
Hide file tree
Showing 6 changed files with 43 additions and 131 deletions.
2 changes: 1 addition & 1 deletion assets/css/main.min.css

Large diffs are not rendered by default.

9 changes: 8 additions & 1 deletion index.html

Large diffs are not rendered by default.

18 changes: 9 additions & 9 deletions src/html/head.ejs
Original file line number Diff line number Diff line change
@@ -1,27 +1,27 @@
<meta charset="UTF-8">

<title>Next2D | NoCode Tool</title>
<meta name="description" content="Nex2D NoCode Tool is a web browser-based authoring tool. Its intuitive interface and rich functionality make it easy for anyone to use. It allows you to combine various media formats, such as text, images, audio, and video, to create high-quality, engaging content.">
<meta content="Next2D,Next2D Player,NoCode Tool,Next2D Framework" name="keywords">
<title>Animation Tool | Next2D</title>
<meta name="description" content="Nex2D Animation Tool is a web browser-based authoring tool. Its intuitive interface and rich functionality make it easy for anyone to use. It allows you to combine various media formats, such as text, images, audio, and video, to create high-quality, engaging content.">
<meta content="Next2D,Next2D Player,Animation Tool,Next2D Framework" name="keywords">

<link rel="icon" type="image/png" href="./assets/img/favicon.png" sizes="16x16 24x24 32x32 48x48 64x64" />

<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="Next2D | NoCode Tool">
<meta itemprop="description" content="Nex2D NoCode Tool is a web browser-based authoring tool. Its intuitive interface and rich functionality make it easy for anyone to use. It allows you to combine various media formats, such as text, images, audio, and video, to create high-quality, engaging content.">
<meta itemprop="name" content="Animation Tool | Next2D">
<meta itemprop="description" content="Nex2D Animation Tool is a web browser-based authoring tool. Its intuitive interface and rich functionality make it easy for anyone to use. It allows you to combine various media formats, such as text, images, audio, and video, to create high-quality, engaging content.">
<meta itemprop="image" content="https://tool.next2d.app/assets/img/ogp.png?v1">

<!-- Facebook Meta Tags -->
<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="Nex2D NoCode Tool is a web browser-based authoring tool. Its intuitive interface and rich functionality make it easy for anyone to use. It allows you to combine various media formats, such as text, images, audio, and video, to create high-quality, engaging content.">
<meta property="og:title" content="Animation Tool | Next2D">
<meta property="og:description" content="Nex2D Animation Tool is a web browser-based authoring tool. Its intuitive interface and rich functionality make it easy for anyone to use. It allows you to combine various media formats, such as text, images, audio, and video, to create high-quality, engaging content.">
<meta property="og:image" content="https://tool.next2d.app/assets/img/ogp.png?v1">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Next2D | NoCode Tool">
<meta name="twitter:description" content="Nex2D NoCode Tool is a web browser-based authoring tool. Its intuitive interface and rich functionality make it easy for anyone to use. It allows you to combine various media formats, such as text, images, audio, and video, to create high-quality, engaging content.">
<meta name="twitter:title" content="Animation Tool | Next2D">
<meta name="twitter:description" content="Nex2D Animation Tool is a web browser-based authoring tool. Its intuitive interface and rich functionality make it easy for anyone to use. It allows you to combine various media formats, such as text, images, audio, and video, to create high-quality, engaging content.">
<meta name="twitter:image" content="https://tool.next2d.app/assets/img/ogp.png?v1">

<!-- StyleSheet -->
Expand Down
24 changes: 0 additions & 24 deletions src/javascript/external/DrawingLayer.js

This file was deleted.

36 changes: 21 additions & 15 deletions src/javascript/external/ExternalLayer.js
Original file line number Diff line number Diff line change
Expand Up @@ -74,38 +74,44 @@ class ExternalLayer
case "script":
{
const actions = this._$layer._$actions;
let keyFrame = 1;
for (let frame = 1; totalFrame >= frame; ++frame) {
if (actions.has(frame)) {
keyFrame = frame;
if (actions) {
let keyFrame = 1;
for (let frame = 1; totalFrame >= frame; ++frame) {
if (actions.has(frame)) {
keyFrame = frame;
}
frames.push(new ExternalFrame(frame, keyFrame - 1, this));
}
frames.push(new ExternalFrame(frame, keyFrame - 1, this));
}
}
break;

case "label":
{
const labels = this._$layer._$labels;
let keyFrame = 1;
for (let frame = 1; totalFrame >= frame; ++frame) {
if (labels.has(frame)) {
keyFrame = frame;
if (labels) {
let keyFrame = 1;
for (let frame = 1; totalFrame >= frame; ++frame) {
if (labels.has(frame)) {
keyFrame = frame;
}
frames.push(new ExternalFrame(frame, keyFrame - 1, this));
}
frames.push(new ExternalFrame(frame, keyFrame - 1, this));
}
}
break;

case "sound":
{
const sounds = this._$layer._$sounds;
let keyFrame = 1;
for (let frame = 1; totalFrame >= frame; ++frame) {
if (sounds.has(frame)) {
keyFrame = frame;
if (sounds) {
let keyFrame = 1;
for (let frame = 1; totalFrame >= frame; ++frame) {
if (sounds.has(frame)) {
keyFrame = frame;
}
frames.push(new ExternalFrame(frame, keyFrame - 1, this));
}
frames.push(new ExternalFrame(frame, keyFrame - 1, this));
}
}
break;
Expand Down
85 changes: 4 additions & 81 deletions src/stylesheet/timeline.css
Original file line number Diff line number Diff line change
Expand Up @@ -110,48 +110,6 @@
pointer-events: none;
}

#context-menu-prev-key-frame i
{
width : 18px;
height : 18px;
background-image : url('data:image/svg+xml;charset=UTF-8,<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="darkgray" d="m10.211 7.155c-.141-.108-.3-.157-.456-.157-.389 0-.755.306-.755.749v8.501c0 .445.367.75.755.75.157 0 .316-.05.457-.159 1.554-1.203 4.199-3.252 5.498-4.258.184-.142.29-.36.29-.592 0-.23-.107-.449-.291-.591-1.299-1.002-3.945-3.044-5.498-4.243z"/></svg>');
background-repeat : no-repeat;
background-position : center center;
margin-right : 6px;
transform : rotate(180deg);
}

#context-menu-next-key-frame i
{
width : 18px;
height : 18px;
background-image : url('data:image/svg+xml;charset=UTF-8,<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="darkgray" d="m10.211 7.155c-.141-.108-.3-.157-.456-.157-.389 0-.755.306-.755.749v8.501c0 .445.367.75.755.75.157 0 .316-.05.457-.159 1.554-1.203 4.199-3.252 5.498-4.258.184-.142.29-.36.29-.592 0-.23-.107-.449-.291-.591-1.299-1.002-3.945-3.044-5.498-4.243z"/></svg>');
background-repeat : no-repeat;
background-position : center center;
margin-right : 6px;
}

#context-menu-first-frame i
{
width : 18px;
height : 18px;
background-image : url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24"><path fill="darkgray" d="M19 12l-18 12v-24l18 12zm4-11h-4v22h4v-22z"/></svg>');
background-repeat : no-repeat;
background-position : center center;
margin-right : 6px;
transform : rotate(180deg);
}

#context-menu-last-frame i
{
width : 18px;
height : 18px;
background-image : url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24"><path fill="darkgray" d="M19 12l-18 12v-24l18 12zm4-11h-4v22h4v-22z"/></svg>');
background-repeat : no-repeat;
background-position : center center;
margin-right : 6px;
}

#timeline-layer-normal i
{
width : 18px;
Expand Down Expand Up @@ -401,15 +359,7 @@
flex-shrink : 0;
}

#context-menu-empty-key-frame-add i
{
width : 18px;
height : 18px;
background-image : url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="darkgray" d="M16 0v2h-8v-2h8zm0 24v-2h-8v2h8zm2-22h4v4h2v-6h-6v2zm-18 14h2v-8h-2v8zm2-10v-4h4v-2h-6v6h2zm22 2h-2v8h2v-8zm-2 10v4h-4v2h6v-6h-2zm-16 4h-4v-4h-2v6h6v-2z"/></svg>');
background-repeat : no-repeat;
background-position : center center;
margin-right : 6px;
}


#timeline-script-add
{
Expand All @@ -422,8 +372,7 @@
flex-shrink : 0;
}

#context-menu-script-add-one i,
#context-menu-script-add i
#context-menu-script-add-one i
{
width : 18px;
height : 18px;
Expand All @@ -444,15 +393,7 @@
flex-shrink : 0;
}

#context-menu-key-frame-add i
{
width : 18px;
height : 18px;
background-image : url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="darkgray" d="M22 2v20h-20v-20h20zm2-2h-24v24h24v-24zm-6 6h-12v12h12v-12z"/></svg>');
background-repeat : no-repeat;
background-position : center center;
margin-right : 6px;
}


#timeline-frame-add
{
Expand All @@ -465,15 +406,7 @@
flex-shrink : 0;
}

#context-menu-frame-add i
{
width : 18px;
height : 18px;
background-image : url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="darkgray" d="M24 3c0-1.657-1.343-3-3-3h-18c-1.657 0-3 1.343-3 3v18c0 1.657 1.343 3 3 3h18c1.657 0 3-1.343 3-3v-18z"/></svg>');
background-repeat : no-repeat;
background-position : center center;
margin-right : 6px;
}


#timeline-frame-delete
{
Expand Down Expand Up @@ -522,16 +455,6 @@
filter : brightness(150%);
}

#context-menu-frame-delete i
{
width : 18px;
height : 18px;
background-image : url('data:image/svg+xml;charset=UTF-8,<svg width="14" height="14" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 24 24"><path fill="darkgray" d="M7 5h17v16h-17l-7-7.972 7-8.028zm7 6.586l-2.586-2.586-1.414 1.414 2.586 2.586-2.586 2.586 1.414 1.414 2.586-2.586 2.586 2.586 1.414-1.414-2.586-2.586 2.586-2.586-1.414-1.414-2.586 2.586z"/></svg>');
background-repeat : no-repeat;
background-position : 1px 1px;
margin-right : 6px;
}

#timeline-play
{
width : 20px;
Expand Down

0 comments on commit 0a35202

Please sign in to comment.