TensorSpace.js
Getting Start
Basic Concepts
Model Preprocessing
Models
Layers
Merge Function
OutputDetection
OutputDetection layer can draw rectangles on it, can be used to show object detection result.
Constructor
〔Method 1〕Construct it directly
TSP.layers.OutputDetection();
Fig. 1 - Output Detection layer collapse and expand
Arguments

Name

Tag

Type

Instruction

Usage Notes and Examples

name

🔧

String Name of this layer. Highly recommend to arrange to make code more readable. name: "layerName"

color

⚙️🎨

color format Color of layer OutputDetection default is #EEEEEE

closeButton

⚙️🎨

Dict Close button appearance control dict, more about close button

display : Boolean. true[default] Show button, false Hide button

ratio : Int. Times to normal size, default is 1

For example, 2 means twice the normal size

initStatus

⚙️️🎦

String Layer status at beginning. Open or Close close[default] : Closed at beginning

animeTime

⚙️🎦

Int The speed of open and close animation For example, 2000 means 2 seconds. Note: Configure animeTime in a specific layer will override model's animeTime configuration.
Properties
.name : String
filter_center_focusThe custom name for this layer.
filter_center_focusOnce created, you can get it.
.layerType : String
filter_center_focusType of this layer, return a constant: string OutputDetection.
filter_center_focusOnce created, you can get it.
Method
filter_center_focusThis method only used in Functional Model (Non-sequential, Graph structure).
filter_center_focusLink this layer to layer which is the previous layer.
filter_center_focusTo crete a link between this layer and the previous layer. You don't need to use this method specifically to create links in Sequential Model; Instead, you can simply add layers along the lines of Keras or TensorFlow.js build the model syntax.
let yoloGrid = new TSP.layers.YoloGrid( {

    // configure YoloGrid

} );

let outputDetection = new TSP.layers.OutputDetection();

outputDetection.apply( yoloGrid );
.openLayer() : void
filter_center_focusClick on the layer directly to open it by interacting directly with the object in the 3D scene.
filter_center_focusIn code, calling the method to open it.
let outputDetection = new TSP.layers.OutputDetection( {

    // configure some parameters for OutputDetection.

} );

model.add( outputDetection );

// ... add more layers for model.

model.init();

// Call openLayer API to open layer.

outputDetection.openLayer();
filter_center_focusTo close by interacting directly with objects in a 3D scene by clicking the close button.
filter_center_focus In code, calling the method to close it.
let outputDetection = new TSP.layers.OutputDetection( {

    // configure some parameters for OutputDetection.

} );

model.add( outputDetection );

// ... add more layers for model.

model.init();

// If this layer already opened, call closeLayer API to close layer.

outputDetection.closeLayer();
filter_center_focusTo draw rectangles onto OutputDetection layer.
filter_center_focusParameters can be defined as below:
[
    {
        // The x-coordinate of the upper-left corner of the rectangle
        x: 124,
        // The y-coordinate of the upper-left corner of the rectangle
        y: 168,
        // The width of the rectangle
        width: 30,
        // The height of the rectangle
        height: 74
    },
    ...
]
Example
filter_center_focus Declare an instance of OutputDetection to facilitate reuse
let outputDetection = new TSP.layers.OutputDetection( {

    name: "OutputDetection1",
    initStatus: "open"

} );
model.add( outputDetection );
filter_center_focusAdd OutputDetection directly
model.add( new TSP.layers.OutputDetection( {

    name: "OutputDetection2"

} ) );
Tag Lookup
Tag Icon Meaning Instruction
⭐️ Required Must be provided, cannot be empty. Meanwhile constructor works properly if this arguments provided. Control arguments use default value.
🔧 Suggest Recommended for giving. The API can work without them.
⚙️ Optional As an auxiliary adjustment parameter when used, selectively added according to the specific situation The parameters here have no effect on the structure of the layer (3D visualized form).
📦 Model Configure the properties of the Layer. It changes the output shape.
🎨 Style Override the properties in TSP.model (model configuration)
🎦 Animation Override the properties in TSP.model (model configuration)
Source Code
tensorspace/src/layer/output/OutputDetection.js