Skip to content

最新版のPlayerを反映 #18

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ienaga merged 2 commits into from
Feb 11, 2026
Merged

最新版のPlayerを反映 #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a2e8873
最新版のPlayerを反映
ienaga Feb 11, 2026
b433e55
playerのreferenceを更新
ienaga Feb 11, 2026
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
2,365 changes: 2,364 additions & 1 deletion docs/assets/js/next2d.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/assets/js/sample.json
View file
Open in desktop

Large diffs are not rendered by default.

225 changes: 176 additions & 49 deletions docs/cn/reference/player/events/index.html
View file
Open in desktop

Large diffs are not rendered by default.

5 changes: 3 additions & 2 deletions docs/cn/reference/player/movie-clip/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -238,7 +238,8 @@ <h3 id="exitframe">exitFrame</h3>
<span class="line"><span style="color:#E1E4E8">});</span></span></code></pre>
<h2 id="使用示例">使用示例</h2>
<h3 id="基本动画控制">基本动画控制</h3>
<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="javascript"><code><span class="line"><span style="color:#F97583">const</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">Loader</span><span style="color:#E1E4E8"> } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> next2d.display;</span></span>
<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="typescript"><code><span class="line"><span style="color:#F97583">const</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">Loader</span><span style="color:#E1E4E8"> } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> next2d.display;</span></span>
<span class="line"><span style="color:#F97583">const</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">PointerEvent</span><span style="color:#E1E4E8"> } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> next2d.events;</span></span>
<span class="line"><span style="color:#F97583">const</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">URLRequest</span><span style="color:#E1E4E8"> } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> next2d.net;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6A737D">// 从 JSON 加载 MovieClip</span></span>
Expand All @@ -252,7 +253,7 @@ <h3 id="基本动画控制">基本动画控制</h3>
<span class="line"><span style="color:#E1E4E8">mc.</span><span style="color:#B392F0">stop</span><span style="color:#E1E4E8">();</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6A737D">// 点击按钮播放/暂停</span></span>
<span class="line"><span style="color:#E1E4E8">button.</span><span style="color:#B392F0">addEventListener</span><span style="color:#E1E4E8">(</span><span style="color:#9ECBFF">"click"</span><span style="color:#E1E4E8">, </span><span style="color:#F97583">function</span><span style="color:#E1E4E8">() {</span></span>
<span class="line"><span style="color:#E1E4E8">button.</span><span style="color:#B392F0">addEventListener</span><span style="color:#E1E4E8">(PointerEvent.</span><span style="color:#79B8FF">POINTER_DOWN</span><span style="color:#E1E4E8">, () </span><span style="color:#F97583">=></span><span style="color:#E1E4E8"> {</span></span>
<span class="line"><span style="color:#F97583"> if</span><span style="color:#E1E4E8"> (mc.isPlaying) {</span></span>
<span class="line"><span style="color:#E1E4E8"> mc.</span><span style="color:#B392F0">stop</span><span style="color:#E1E4E8">();</span></span>
<span class="line"><span style="color:#E1E4E8"> } </span><span style="color:#F97583">else</span><span style="color:#E1E4E8"> {</span></span>
Expand Down
13 changes: 6 additions & 7 deletions docs/cn/reference/player/shape/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -569,18 +569,17 @@ <h4 id="三次贝塞尔曲线">三次贝塞尔曲线</h4>
<span class="line"></span>
<span class="line"><span style="color:#E1E4E8">stage.</span><span style="color:#B392F0">addChild</span><span style="color:#E1E4E8">(shape);</span></span></code></pre>
<h4 id="位图填充">位图填充</h4>
<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="javascript"><code><span class="line"><span style="color:#F97583">const</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">Shape</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">Loader</span><span style="color:#E1E4E8"> } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> next2d.display;</span></span>
<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="typescript"><code><span class="line"><span style="color:#F97583">const</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">Shape</span><span style="color:#E1E4E8"> } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> next2d.display;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> loader</span><span style="color:#F97583"> =</span><span style="color:#F97583"> new</span><span style="color:#B392F0"> Loader</span><span style="color:#E1E4E8">();</span></span>
<span class="line"><span style="color:#F97583">await</span><span style="color:#E1E4E8"> loader.</span><span style="color:#B392F0">load</span><span style="color:#E1E4E8">(</span><span style="color:#9ECBFF">"texture.png"</span><span style="color:#E1E4E8">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> bitmapData</span><span style="color:#F97583"> =</span><span style="color:#E1E4E8"> loader.contentLoaderInfo</span></span>
<span class="line"><span style="color:#E1E4E8"> .content.bitmapData;</span></span>
<span class="line"><span style="color:#6A737D">// 使用 Shape 的 load() 方法加载图像</span></span>
<span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> textureShape</span><span style="color:#F97583"> =</span><span style="color:#F97583"> new</span><span style="color:#B392F0"> Shape</span><span style="color:#E1E4E8">();</span></span>
<span class="line"><span style="color:#F97583">await</span><span style="color:#E1E4E8"> textureShape.</span><span style="color:#B392F0">load</span><span style="color:#E1E4E8">(</span><span style="color:#9ECBFF">"texture.png"</span><span style="color:#E1E4E8">);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6A737D">// 使用加载的 bitmapData 进行位图填充</span></span>
<span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> shape</span><span style="color:#F97583"> =</span><span style="color:#F97583"> new</span><span style="color:#B392F0"> Shape</span><span style="color:#E1E4E8">();</span></span>
<span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> g</span><span style="color:#F97583"> =</span><span style="color:#E1E4E8"> shape.graphics;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#E1E4E8">g.</span><span style="color:#B392F0">beginBitmapFill</span><span style="color:#E1E4E8">(bitmapData, </span><span style="color:#79B8FF">null</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">true</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">true</span><span style="color:#E1E4E8">);</span></span>
<span class="line"><span style="color:#E1E4E8">g.</span><span style="color:#B392F0">beginBitmapFill</span><span style="color:#E1E4E8">(textureShape.bitmapData, </span><span style="color:#79B8FF">null</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">true</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">true</span><span style="color:#E1E4E8">);</span></span>
<span class="line"><span style="color:#E1E4E8">g.</span><span style="color:#B392F0">drawRect</span><span style="color:#E1E4E8">(</span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">400</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">300</span><span style="color:#E1E4E8">);</span></span>
<span class="line"><span style="color:#E1E4E8">g.</span><span style="color:#B392F0">endFill</span><span style="color:#E1E4E8">();</span></span>
<span class="line"></span>
Expand Down
12 changes: 7 additions & 5 deletions docs/cn/reference/player/sprite/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -503,7 +503,8 @@ <h3 id="从-displayobject-继承的方法">从 DisplayObject 继承的方法</h3
<table><thead><tr><th>方法</th><th>返回类型</th><th>说明</th></tr></thead><tbody><tr><td><code>getBounds(targetDisplayObject?: DisplayObject)</code></td><td>Rectangle</td><td>返回定义显示对象相对于 targetDisplayObject 坐标系统区域的矩形</td></tr><tr><td><code>globalToLocal(point: Point)</code></td><td>Point</td><td>将点对象从舞台（全局）坐标转换为显示对象（本地）坐标</td></tr><tr><td><code>localToGlobal(point: Point)</code></td><td>Point</td><td>将点对象从显示对象（本地）坐标转换为舞台（全局）坐标</td></tr><tr><td><code>hitTestObject(target: DisplayObject)</code></td><td>boolean</td><td>评估 DisplayObject 的绘制范围是否重叠或相交</td></tr><tr><td><code>hitTestPoint(x: number, y: number, shapeFlag?: boolean)</code></td><td>boolean</td><td>评估显示对象是否与 x 和 y 参数指定的点重叠或相交</td></tr><tr><td><code>remove()</code></td><td>void</td><td>移除父子关系</td></tr><tr><td><code>getLocalVariable(key: any)</code></td><td>any</td><td>从类的本地变量空间获取值</td></tr><tr><td><code>setLocalVariable(key: any, value: any)</code></td><td>void</td><td>在类的本地变量空间中存储值</td></tr><tr><td><code>hasLocalVariable(key: any)</code></td><td>boolean</td><td>确定类的本地变量空间中是否有值</td></tr><tr><td><code>deleteLocalVariable(key: any)</code></td><td>void</td><td>从类的本地变量空间中删除值</td></tr><tr><td><code>getGlobalVariable(key: any)</code></td><td>any</td><td>从全局变量空间获取值</td></tr><tr><td><code>setGlobalVariable(key: any, value: any)</code></td><td>void</td><td>在全局变量空间中存储值</td></tr><tr><td><code>hasGlobalVariable(key: any)</code></td><td>boolean</td><td>确定全局变量空间中是否有值</td></tr><tr><td><code>deleteGlobalVariable(key: any)</code></td><td>void</td><td>从全局变量空间中删除值</td></tr><tr><td><code>clearGlobalVariable()</code></td><td>void</td><td>清除全局变量空间中的所有值</td></tr></tbody></table>
<h2 id="使用示例">使用示例</h2>
<h3 id="作为按钮使用">作为按钮使用</h3>
<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="javascript"><code><span class="line"><span style="color:#F97583">const</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">Sprite</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">Shape</span><span style="color:#E1E4E8"> } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> next2d.display;</span></span>
<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="typescript"><code><span class="line"><span style="color:#F97583">const</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">Sprite</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">Shape</span><span style="color:#E1E4E8"> } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> next2d.display;</span></span>
<span class="line"><span style="color:#F97583">const</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">PointerEvent</span><span style="color:#E1E4E8"> } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> next2d.events;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> button</span><span style="color:#F97583"> =</span><span style="color:#F97583"> new</span><span style="color:#B392F0"> Sprite</span><span style="color:#E1E4E8">();</span></span>
<span class="line"></span>
Expand All @@ -519,7 +520,7 @@ <h3 id="作为按钮使用">作为按钮使用</h3>
<span class="line"><span style="color:#E1E4E8">button.</span><span style="color:#B392F0">addChild</span><span style="color:#E1E4E8">(bg);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6A737D">// 点击事件</span></span>
<span class="line"><span style="color:#E1E4E8">button.</span><span style="color:#B392F0">addEventListener</span><span style="color:#E1E4E8">(</span><span style="color:#9ECBFF">"click"</span><span style="color:#E1E4E8">, </span><span style="color:#F97583">function</span><span style="color:#E1E4E8">() {</span></span>
<span class="line"><span style="color:#E1E4E8">button.</span><span style="color:#B392F0">addEventListener</span><span style="color:#E1E4E8">(PointerEvent.</span><span style="color:#79B8FF">POINTER_DOWN</span><span style="color:#E1E4E8">, () </span><span style="color:#F97583">=></span><span style="color:#E1E4E8"> {</span></span>
<span class="line"><span style="color:#E1E4E8"> console.</span><span style="color:#B392F0">log</span><span style="color:#E1E4E8">(</span><span style="color:#9ECBFF">"按钮被点击"</span><span style="color:#E1E4E8">);</span></span>
<span class="line"><span style="color:#E1E4E8">});</span></span>
<span class="line"></span>
Expand Down Expand Up @@ -548,7 +549,8 @@ <h3 id="作为遮罩使用">作为遮罩使用</h3>
<span class="line"><span style="color:#E1E4E8">stage.</span><span style="color:#B392F0">addChild</span><span style="color:#E1E4E8">(container);</span></span>
<span class="line"><span style="color:#E1E4E8">stage.</span><span style="color:#B392F0">addChild</span><span style="color:#E1E4E8">(maskShape);</span></span></code></pre>
<h3 id="拖放">拖放</h3>
<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="javascript"><code><span class="line"><span style="color:#F97583">const</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">Sprite</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">Shape</span><span style="color:#E1E4E8"> } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> next2d.display;</span></span>
<pre class="astro-code github-dark" style="background-color:#24292e;color:#e1e4e8; overflow-x: auto;" tabindex="0" data-language="typescript"><code><span class="line"><span style="color:#F97583">const</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">Sprite</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">Shape</span><span style="color:#E1E4E8"> } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> next2d.display;</span></span>
<span class="line"><span style="color:#F97583">const</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">PointerEvent</span><span style="color:#E1E4E8"> } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> next2d.events;</span></span>
<span class="line"><span style="color:#F97583">const</span><span style="color:#E1E4E8"> { </span><span style="color:#79B8FF">Rectangle</span><span style="color:#E1E4E8"> } </span><span style="color:#F97583">=</span><span style="color:#E1E4E8"> next2d.geom;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> draggable</span><span style="color:#F97583"> =</span><span style="color:#F97583"> new</span><span style="color:#B392F0"> Sprite</span><span style="color:#E1E4E8">();</span></span>
Expand All @@ -561,13 +563,13 @@ <h3 id="拖放">拖放</h3>
<span class="line"><span style="color:#E1E4E8">draggable.</span><span style="color:#B392F0">addChild</span><span style="color:#E1E4E8">(bg);</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6A737D">// 开始拖动</span></span>
<span class="line"><span style="color:#E1E4E8">draggable.</span><span style="color:#B392F0">addEventListener</span><span style="color:#E1E4E8">(</span><span style="color:#9ECBFF">"mouseDown"</span><span style="color:#E1E4E8">, </span><span style="color:#F97583">function</span><span style="color:#E1E4E8">() {</span></span>
<span class="line"><span style="color:#E1E4E8">draggable.</span><span style="color:#B392F0">addEventListener</span><span style="color:#E1E4E8">(PointerEvent.</span><span style="color:#79B8FF">POINTER_DOWN</span><span style="color:#E1E4E8">, () </span><span style="color:#F97583">=></span><span style="color:#E1E4E8"> {</span></span>
<span class="line"><span style="color:#6A737D"> // 开始拖动（锁定中心，指定边界）</span></span>
<span class="line"><span style="color:#E1E4E8"> draggable.</span><span style="color:#B392F0">startDrag</span><span style="color:#E1E4E8">(</span><span style="color:#79B8FF">true</span><span style="color:#E1E4E8">, </span><span style="color:#F97583">new</span><span style="color:#B392F0"> Rectangle</span><span style="color:#E1E4E8">(</span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">0</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">400</span><span style="color:#E1E4E8">, </span><span style="color:#79B8FF">300</span><span style="color:#E1E4E8">));</span></span>
<span class="line"><span style="color:#E1E4E8">});</span></span>
<span class="line"></span>
<span class="line"><span style="color:#6A737D">// 停止拖动</span></span>
<span class="line"><span style="color:#E1E4E8">draggable.</span><span style="color:#B392F0">addEventListener</span><span style="color:#E1E4E8">(</span><span style="color:#9ECBFF">"mouseUp"</span><span style="color:#E1E4E8">, </span><span style="color:#F97583">function</span><span style="color:#E1E4E8">() {</span></span>
<span class="line"><span style="color:#E1E4E8">draggable.</span><span style="color:#B392F0">addEventListener</span><span style="color:#E1E4E8">(PointerEvent.</span><span style="color:#79B8FF">POINTER_UP</span><span style="color:#E1E4E8">, () </span><span style="color:#F97583">=></span><span style="color:#E1E4E8"> {</span></span>
<span class="line"><span style="color:#E1E4E8"> draggable.</span><span style="color:#B392F0">stopDrag</span><span style="color:#E1E4E8">();</span></span>
<span class="line"><span style="color:#E1E4E8">});</span></span>
<span class="line"></span>
Expand Down
Loading
Loading