Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 0 additions & 5 deletions .claude/settings.json

This file was deleted.

2 changes: 0 additions & 2 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,7 +1,5 @@
.DS_Store
.idea
Thumbs.db
package-lock.json
node_modules
dist
.astro
33 changes: 26 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,25 +2,44 @@
<img src="https://next2d.app/assets/img/logo.svg" width="100" height="100" alt="Next2D Logo">

## What is Next2D Project
### 日本語
Next2Dプロジェクトは、WebGL/WebGPU 2Dレンダリングエンジン、アニメーション作成ツール、およびチーム開発を支援するフレームワークを提供します。 \

### English
Next2D project provides a WebGL/WebGPU 2D rendering engine, animation tools for creating animations, and a framework to support team development. \
[Next2D WebSite](https://next2d.app)

### Next2D Player
## Player
<img src="https://next2d.app/assets/img/player/logo.svg" width="100" height="100" alt="Next2D Player Logo">

### 日本語
ベクター描画、Tweenアニメーション、テキスト、音声、動画など、さまざまな要素をサポートしているので、ゲーム制作、インタラクティブなデータビジュアライゼーション、クリエイティブなウェブアプリケーションなど、豊かな表現が必要とされるプロジェクトで活用が期待できます。 \

### English
With support for vector drawing, tween animation, text, audio, video, and many other elements, it can be used for game production, interactive data visualization, creative web applications, and other projects requiring rich expression. The software is expected to be used in game production, interactive data visualization, creative web applications and other projects requiring rich expression. \
[Player Features](https://next2d.app/#player)

### Next2D Animation Tool
### [Player Features](https://next2d.app/en/#player)

## Animation Tool
<img src="https://next2d.app/assets/img/tool/logo.svg" width="100" height="100" alt="Next2D Animation Tool Logo">

### 日本語
Webブラウザ上で動作するアニメーション制作ツールで、直感的なインターフェースと豊富な機能を備えており、どなたでも簡単に扱う事ができます。テキスト、画像、音声、ビデオなど、さまざまなメディア形式を組み合わせて、高品質で魅力的なコンテンツを作成する事が可能です。 \

### English
It is an animation creation tool that runs in a web browser and has an intuitive interface and rich functionality, making it easy for anyone to use. It allows users to create high-quality, engaging content by combining a variety of media formats, including text, images, audio, and video. \
[Animation Tool Features](https://next2d.app/#tool)

### Next2D Framework
### [Animation Tool Features](https://next2d.app/en/#tool)

## Framework
<img src="https://next2d.app/assets/img/framework/logo.svg" width="100" height="100" alt="Next2D Framework Logo">

The UI is designed to be efficient and easy to maintain by using atomic design, subdividing components, and designing reusable modules. Atomic design is recommended for UI construction, and the segmentation of components, reusable module design, and other features enable efficient UI construction and maintenance. \
[Framework Features](https://next2d.app/#framework)
### 日本語
従来のCanvas/WebGL/WebGPUアプリケーションでは困難だったURLによるシーン管理(SPA)を可能にし、シーン毎のUI開発・画面確認が可能になりました。UI構築にはアトミックデザインを推奨しており、コンポーネントの細分化、再利用可能なモジュール設計など、効率的なUI構築と保守が可能となっています。 \

### English
URL-based scene management (SPA) is now possible, which was difficult with traditional Canvas/WebGL/WebGPU applications, enabling UI development and screen verification for each scene. Atomic Design is recommended for UI construction, allowing efficient UI building and maintenance through component granularity and reusable module design. \

### [Framework Features](https://next2d.app/en/#framework)

If you find the Next2D tools and libraries useful, we would be happy to have you support the Next2D project.
9 changes: 9 additions & 0 deletions docs/_headers
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
/*
X-Content-Type-Options: nosniff
X-Frame-Options: SAMEORIGIN
X-XSS-Protection: 1; mode=block
Referrer-Policy: strict-origin-when-cross-origin
Permissions-Policy: geolocation=(), microphone=(), camera=()

/assets/*
Cache-Control: public, max-age=31536000, immutable
4 changes: 2 additions & 2 deletions docs/cn/casestudy/slimetenpuzzle/index.html

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions docs/cn/casestudy/worldflipper/index.html

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/cn/index.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html><html lang="zh-CN"> <head><meta charset="utf-8"><meta content="width=device-width, initial-scale=1.0" name="viewport"><title>Next2D | 渲染引擎, 无代码工具, 基础框架。</title><meta content="Next2D 项目旨在提供一个基于 WebGL 的二维快速渲染引擎、用于动画制作的创作工具以及一个用于协作开发和提高效率的框架。" name="description"><meta content="Next2D,Next2D Player,Animation Tool,Next2D Framework" name="keywords"><!-- SEO: Canonical URL --><link rel="canonical" href="https://next2d.app/cn/"><!-- SEO: hreflang for multi-language --><link rel="alternate" hreflang="ja" href="https://next2d.app/ja/"><link rel="alternate" hreflang="en" href="https://next2d.app/en/"><link rel="alternate" hreflang="zh-CN" href="https://next2d.app/cn/"><link rel="alternate" hreflang="x-default" href="https://next2d.app/ja/"><!-- Google / Search Engine Tags --><meta itemprop="name" content="Next2D | 渲染引擎, 无代码工具, 基础框架。"><meta itemprop="description" content="Next2D 项目旨在提供一个基于 WebGL 的二维快速渲染引擎、用于动画制作的创作工具以及一个用于协作开发和提高效率的框架。"><meta itemprop="image" content="https://next2d.app/assets/img/ogp.png"><!-- Facebook Meta Tags --><meta property="og:url" content="https://next2d.app/cn/"><meta property="og:type" content="website"><meta property="og:title" content="Next2D | 渲染引擎, 无代码工具, 基础框架。"><meta property="og:description" content="Next2D 项目旨在提供一个基于 WebGL 的二维快速渲染引擎、用于动画制作的创作工具以及一个用于协作开发和提高效率的框架。"><meta property="og:image" content="https://next2d.app/assets/img/ogp.png"><meta property="og:locale" content="zh-CN"><meta property="og:site_name" content="Next2D"><!-- Twitter Meta Tags --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@Next2D"><meta name="twitter:creator" content="@Next2D"><meta name="twitter:title" content="Next2D | 渲染引擎, 无代码工具, 基础框架。"><meta name="twitter:description" content="Next2D 项目旨在提供一个基于 WebGL 的二维快速渲染引擎、用于动画制作的创作工具以及一个用于协作开发和提高效率的框架。"><meta name="twitter:image" content="https://next2d.app/assets/img/ogp.png"><!-- Theme Color --><meta name="theme-color" content="#5777ba"><!-- Web App Manifest --><link rel="manifest" href="/manifest.json"><!-- JSON-LD Structured Data --><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Next2D","url":"https://next2d.app","description":"Next2D - Rendering Engine, Animation Tool, Underlying Framework","inLanguage":["zh-CN"],"potentialAction":{"@type":"SearchAction","target":"https://next2d.app/{lang}/reference/player/?q={search_term_string}","query-input":"required name=search_term_string"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Next2D","url":"https://next2d.app","logo":"https://next2d.app/assets/img/ogp.png","sameAs":["https://github.com/Next2D"]}</script><!-- Favicons --><link href="/assets/img/favicon.png" rel="icon"><link href="/assets/img/apple-touch-icon.png" rel="apple-touch-icon"><!-- Vendor CSS --><link href="/assets/css/vendor/aos.css" rel="stylesheet"><link href="/assets/css/vendor/bootstrap.min.css" rel="stylesheet"><link href="/assets/css/vendor/bootstrap-icons.min.css" rel="stylesheet"><!-- Main CSS --><link href="/assets/css/main.css" rel="stylesheet"><!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=G-8GJWF4S3RH"></script><script>
<!DOCTYPE html><html lang="zh-CN"> <head><meta charset="utf-8"><meta content="width=device-width, initial-scale=1.0" name="viewport"><title>Next2D | 渲染引擎, 无代码工具, 基础框架。</title><meta content="Next2D 项目旨在提供一个基于 WebGL 的二维快速渲染引擎、用于动画制作的创作工具以及一个用于协作开发和提高效率的框架。" name="description"><meta content="Next2D,Next2D Player,Animation Tool,Next2D Framework" name="keywords"><!-- DNS Prefetch / Preconnect for external resources --><link rel="dns-prefetch" href="//www.googletagmanager.com"><link rel="dns-prefetch" href="//pagead2.googlesyndication.com"><link rel="preconnect" href="https://www.googletagmanager.com" crossorigin><!-- SEO: Canonical URL --><link rel="canonical" href="https://next2d.app/cn/"><!-- SEO: hreflang for multi-language --><link rel="alternate" hreflang="ja" href="https://next2d.app/ja/"><link rel="alternate" hreflang="en" href="https://next2d.app/en/"><link rel="alternate" hreflang="zh-CN" href="https://next2d.app/cn/"><link rel="alternate" hreflang="x-default" href="https://next2d.app/ja/"><!-- Google / Search Engine Tags --><meta itemprop="name" content="Next2D | 渲染引擎, 无代码工具, 基础框架。"><meta itemprop="description" content="Next2D 项目旨在提供一个基于 WebGL 的二维快速渲染引擎、用于动画制作的创作工具以及一个用于协作开发和提高效率的框架。"><meta itemprop="image" content="https://next2d.app/assets/img/ogp.png"><!-- Facebook Meta Tags --><meta property="og:url" content="https://next2d.app/cn/"><meta property="og:type" content="website"><meta property="og:title" content="Next2D | 渲染引擎, 无代码工具, 基础框架。"><meta property="og:description" content="Next2D 项目旨在提供一个基于 WebGL 的二维快速渲染引擎、用于动画制作的创作工具以及一个用于协作开发和提高效率的框架。"><meta property="og:image" content="https://next2d.app/assets/img/ogp.png"><meta property="og:locale" content="zh-CN"><meta property="og:site_name" content="Next2D"><!-- Twitter Meta Tags --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@Next2D"><meta name="twitter:creator" content="@Next2D"><meta name="twitter:title" content="Next2D | 渲染引擎, 无代码工具, 基础框架。"><meta name="twitter:description" content="Next2D 项目旨在提供一个基于 WebGL 的二维快速渲染引擎、用于动画制作的创作工具以及一个用于协作开发和提高效率的框架。"><meta name="twitter:image" content="https://next2d.app/assets/img/ogp.png"><!-- Theme Color --><meta name="theme-color" content="#5777ba"><!-- Web App Manifest --><link rel="manifest" href="/manifest.json"><!-- JSON-LD Structured Data --><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Next2D","url":"https://next2d.app","description":"Next2D - Rendering Engine, Animation Tool, Underlying Framework","inLanguage":["zh-CN"],"potentialAction":{"@type":"SearchAction","target":"https://next2d.app/{lang}/reference/player/?q={search_term_string}","query-input":"required name=search_term_string"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Next2D","url":"https://next2d.app","logo":"https://next2d.app/assets/img/ogp.png","sameAs":["https://github.com/Next2D"]}</script><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"SoftwareApplication","name":"Next2D Player","description":"WebGL/WebGPU-based 2D rendering engine for web browsers","applicationCategory":"DeveloperApplication","operatingSystem":"Web Browser","url":"https://next2d.app","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"author":{"@type":"Organization","name":"Next2D"}},{"@type":"SoftwareApplication","name":"Next2D Animation Tool","description":"Browser-based animation creation tool for 2D content","applicationCategory":"MultimediaApplication","operatingSystem":"Web Browser","url":"https://tool.next2d.app","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"author":{"@type":"Organization","name":"Next2D"}},{"@type":"SoftwareApplication","name":"Next2D Framework","description":"Underlying framework for building 2D web applications","applicationCategory":"DeveloperApplication","operatingSystem":"Web Browser","url":"https://next2d.app","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"author":{"@type":"Organization","name":"Next2D"}}]}</script><!-- Favicons --><link href="/assets/img/favicon.png" rel="icon"><link href="/assets/img/apple-touch-icon.png" rel="apple-touch-icon"><!-- Vendor CSS --><link href="/assets/css/vendor/aos.css" rel="stylesheet"><link href="/assets/css/vendor/bootstrap.min.css" rel="stylesheet"><link href="/assets/css/vendor/bootstrap-icons.min.css" rel="stylesheet"><!-- Main CSS --><link href="/assets/css/main.css" rel="stylesheet"><!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=G-8GJWF4S3RH"></script><script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag("js", new Date());
Expand Down
Loading
Loading