cqxqgtech/easy-scratch
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
81104f2354
easy-scratch/doc/scratch-vm/VideoMotionView.html

1491 lines
83 KiB
HTML
Raw Normal View History

easy-scratch项目源码
2025-02-12 12:27:32 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>VideoMotionView - Documentation</title>
<script src="scripts/prettify/prettify.js"></script>
<script src="scripts/prettify/lang-css.js"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
<script src="scripts/nav.js" defer></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
<label for="nav-trigger" class="navicon-button x">
<div class="navicon"></div>
</label>
<label for="nav-trigger" class="overlay"></label>
<nav >
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="-_StackFrame.html">_StackFrame</a><ul class='methods'><li data-type='method'><a href="-_StackFrame.html#.create">create</a></li><li data-type='method'><a href="-_StackFrame.html#.release">release</a></li><li data-type='method'><a href="-_StackFrame.html#reset">reset</a></li><li data-type='method'><a href="-_StackFrame.html#reuse">reuse</a></li></ul></li><li><a href="BLE.html">BLE</a><ul class='methods'><li data-type='method'><a href="BLE.html#connectPeripheral">connectPeripheral</a></li><li data-type='method'><a href="BLE.html#didReceiveCall">didReceiveCall</a></li><li data-type='method'><a href="BLE.html#disconnect">disconnect</a></li><li data-type='method'><a href="BLE.html#handleDisconnectError">handleDisconnectError</a></li><li data-type='method'><a href="BLE.html#isConnected">isConnected</a></li><li data-type='method'><a href="BLE.html#read">read</a></li><li data-type='method'><a href="BLE.html#requestPeripheral">requestPeripheral</a></li><li data-type='method'><a href="BLE.html#startNotifications">startNotifications</a></li><li data-type='method'><a href="BLE.html#write">write</a></li></ul></li><li><a href="BlockCached.html">BlockCached</a></li><li><a href="Blocks.html">Blocks</a><ul class='methods'><li data-type='method'><a href="Blocks.html#_addScript">_addScript</a></li><li data-type='method'><a href="Blocks.html#_deleteScript">_deleteScript</a></li><li data-type='method'><a href="Blocks.html#_getBackdropField">_getBackdropField</a></li><li data-type='method'><a href="Blocks.html#_getBlockParams">_getBlockParams</a></li><li data-type='method'><a href="Blocks.html#_getCostumeField">_getCostumeField</a></li><li data-type='method'><a href="Blocks.html#_getCustomBlockInternal">_getCustomBlockInternal</a></li><li data-type='method'><a href="Blocks.html#_getSoundField">_getSoundField</a></li><li data-type='method'><a href="Blocks.html#_getSpriteField">_getSpriteField</a></li><li data-type='method'><a href="Blocks.html#blocklyListen">blocklyListen</a></li><li data-type='method'><a href="Blocks.html#blockToXML">blockToXML</a></li><li data-type='method'><a href="Blocks.html#changeBlock">changeBlock</a></li><li data-type='method'><a href="Blocks.html#createBlock">createBlock</a></li><li data-type='method'><a href="Blocks.html#deleteBlock">deleteBlock</a></li><li data-type='method'><a href="Blocks.html#emitProjectChanged">emitProjectChanged</a></li><li data-type='method'><a href="Blocks.html#getAllVariableAndListReferences">getAllVariableAndListReferences</a></li><li data-type='method'><a href="Blocks.html#getBlock">getBlock</a></li><li data-type='method'><a href="Blocks.html#getBranch">getBranch</a></li><li data-type='method'><a href="Blocks.html#getFields">getFields</a></li><li data-type='method'><a href="Blocks.html#getInputs">getInputs</a></li><li data-type='method'><a href="Blocks.html#getMutation">getMutation</a></li><li data-type='method'><a href="Blocks.html#getNextBlock">getNextBlock</a></li><li data-type='method'><a href="Blocks.html#getOpcode">getOpcode</a></li><li data-type='method'><a href="Blocks.html#getProcedureDefinition">getProcedureDefinition</a></li><li data-type='method'><a href="Blocks.html#getProcedureParamNamesAndIds">getProcedureParamNamesAndIds</a></li><li data-type='method'><a href="Blocks.html#getProcedureParamNamesIdsAndDefaults">getProcedureParamNamesIdsAndDefaults</a></li><li data-type='method'><a href="Blocks.html#getScripts">getScripts</a></li><li data-type='method'><a href="Blocks.html#getTopLevelScript">getTopLevelScript</a></li><li data-type='method'><a href="Blocks.html#moveBlock">moveBlock</a></li><li data-type='method'><a href="Blocks.html#mutationToXML">mutationToXML</a></li><li data-type='method'><a href="Blocks.html#resetCache">resetCache</a></li><li data-type='method'><a href="Blocks.html#runAllMonitored">runAllMonitored</a></li><li data-type='method'><a href="Blocks.html#toXML">toXML</a></li><li data-type='method'><a href="Blocks.html#updateAssetName">updateAssetName</a></li><li data-type='method'><a href
</nav>
<div id="main">
<h1 class="page-title">VideoMotionView</h1>
<section>
<header>
<h2>
VideoMotionView
</h2>
<div class="class-description"><p>Manage a debug canvas with VideoMotion input frames running parts of what
VideoMotion does to visualize what it does.</p></div>
</header>
<article>
<div class="container-overview">
<h2>Constructor</h2>
<h4 class="name" id="VideoMotionView"><span class="type-signature"></span>new VideoMotionView<span class="signature">(motion, output)</span><span class="type-signature"></span></h4>
<dl class="details">
</dl>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>motion</code></td>
<td class="type">
<span class="param-type"><a href="VideoMotion.html">VideoMotion</a></span>
</td>
<td class="description last"><p>VideoMotion with inputs to visualize</p></td>
</tr>
<tr>
<td class="name"><code>output</code></td>
<td class="type">
<span class="param-type"><a href="global.html#OUTPUT">OUTPUT</a></span>
</td>
<td class="description last"><p>visualization output mode</p></td>
</tr>
</tbody>
</table>
</div>
<h3 class="subsection-title">Members</h3>
<h4 class="name" id=".OUTPUT"><span class="type-signature">(static) </span>OUTPUT<span class="type-signature"> :object</span></h4>
<dl class="details">
</dl>
<div class="description">
<p>Modes of debug output that can be rendered.</p>
</div>
<h5>Type:</h5>
<ul>
<li>
<span class="param-type">object</span>
</li>
</ul>
<h4 class="name" id="buffer"><span class="type-signature"></span>buffer<span class="type-signature"> :Uint32Array</span></h4>
<dl class="details">
</dl>
<div class="description">
<p>Pixel buffer to store output values into before they replace the last frames info in the debug canvas.</p>
</div>
<h5>Type:</h5>
<ul>
<li>
<span class="param-type">Uint32Array</span>
</li>
</ul>
<h4 class="name" id="context"><span class="type-signature"></span>context<span class="type-signature"> :CanvasRendering2DContext</span></h4>
<dl class="details">
</dl>
<div class="description">
<p>2D context to draw to debug canvas.</p>
</div>
<h5>Type:</h5>
<ul>
<li>
<span class="param-type">CanvasRendering2DContext</span>
</li>
</ul>
<h4 class="name" id="motion"><span class="type-signature"></span>motion<span class="type-signature"> :<a href="VideoMotion.html">VideoMotion</a></span></h4>
<dl class="details">
</dl>
<div class="description">
<p>VideoMotion instance to visualize.</p>
</div>
<h5>Type:</h5>
<ul>
<li>
<span class="param-type"><a href="VideoMotion.html">VideoMotion</a></span>
</li>
</ul>
<h4 class="name" id="output"><span class="type-signature"></span>output<span class="type-signature"> :<a href="global.html#OUTPUT">OUTPUT</a></span></h4>
<dl class="details">
</dl>
<div class="description">
<p>Visualization output mode.</p>
</div>
<h5>Type:</h5>
<ul>
<li>
<span class="param-type"><a href="global.html#OUTPUT">OUTPUT</a></span>
</li>
</ul>
<h3 class="subsection-title">Methods</h3>
<h4 class="name" id="_components"><span class="type-signature"></span>_components<span class="signature">(eachAddress)</span><span class="type-signature"> &rarr; {object}</span></h4>
<dl class="details">
</dl>
<div class="description">
<p>Build component values used in determining a motion vector for a pixel
address.</p>
</div>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>eachAddress</code></td>
<td class="type">
<span class="param-type">function</span>
</td>
<td class="description last"><p>a bound handle to _eachAddress to build
component values for</p></td>
</tr>
</tbody>
</table>
<h5>Returns:</h5>
<div class="param-desc">
<p>a object with a A2, A1B2, B1, C2, C1 value</p>
</div>
<dl class="param-type">
<dt>
Type
</dt>
<dd>
<span class="param-type">object</span>
</dd>
</dl>
<h4 class="name" id="_eachAddress"><span class="type-signature"></span>_eachAddress<span class="signature">(xStart, yStart, xStop, yStop, fn)</span><span class="type-signature"></span></h4>
<dl class="details">
</dl>
<div class="description">
<p>Iterate each pixel address location and call a function with that address.</p>
</div>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>xStart</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="description last"><p>start location on the x axis of the output pixel buffer</p></td>
</tr>
<tr>
<td class="name"><code>yStart</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="description last"><p>start location on the y axis of the output pixel buffer</p></td>
</tr>
<tr>
<td class="name"><code>xStop</code></td>
<td class="type">
<span class="param-type">nubmer</span>
</td>
<td class="description last"><p>location to stop at on the x axis</p></td>
</tr>
<tr>
<td class="name"><code>yStop</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="description last"><p>location to stop at on the y axis</p></td>
</tr>
<tr>
<td class="name"><code>fn</code></td>
<td class="type">
<span class="param-type">function</span>
</td>
<td class="description last"><p>handle to call with each iterated address</p></td>
</tr>
</tbody>
</table>
<h4 class="name" id="_eachCell"><span class="type-signature"></span>_eachCell<span class="signature">(xStart, yStart, xStop, yStop, xStep, yStep, fn)</span><span class="type-signature"></span></h4>
<dl class="details">
</dl>
<div class="description">
<p>Iterate over cells of pixels and call a function with a function to
iterate over pixel addresses.</p>
</div>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>xStart</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="description last"><p>start location on the x axis</p></td>
</tr>
<tr>
<td class="name"><code>yStart</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="description last"><p>start lcoation on the y axis</p></td>
</tr>
<tr>
<td class="name"><code>xStop</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="description last"><p>location to stop at on the x axis</p></td>
</tr>
<tr>
<td class="name"><code>yStop</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="description last"><p>location to stop at on the y axis</p></td>
</tr>
<tr>
<td class="name"><code>xStep</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="description last"><p>width of the cells</p></td>
</tr>
<tr>
<td class="name"><code>yStep</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="description last"><p>height of the cells</p></td>
</tr>
<tr>
<td class="name"><code>fn</code></td>
<td class="type">
<span class="param-type">function</span>
</td>
<td class="description last"><p>function to call with a bound handle to _eachAddress</p></td>
</tr>
</tbody>
</table>
<h4 class="name" id="_grads"><span class="type-signature"></span>_grads<span class="signature">(address)</span><span class="type-signature"> &rarr; {object}</span></h4>
<dl class="details">
</dl>
<div class="description">
<p>Build horizontal, vertical, and temporal difference of a pixel address.</p>
</div>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>address</code></td>
<td class="type">
<span class="param-type">number</span>
</td>
<td class="description last"><p>address to build values for</p></td>
</tr>
</tbody>
</table>
<h5>Returns:</h5>
<div class="param-desc">
<p>a object with a gradX, grady, and gradT value</p>
</div>
<dl class="param-type">
<dt>
Type
</dt>
<dd>
<span class="param-type">object</span>
</dd>
</dl>
<h4 class="name" id="draw"><span class="type-signature"></span>draw<span class="signature">()</span><span class="type-signature"></span></h4>
<dl class="details">
</dl>
<div class="description">
<p>Visualize the motion code output mode selected for this view to the
debug canvas.</p>
</div>
</article>
</section>
</div>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
</footer>
<script>prettyPrint();</script>
<script src="scripts/polyfill.js"></script>
<script src="scripts/linenumber.js"></script>
</body>
</html>
Reference in New Issue Copy Permalink