private static SceneNodeContainer CreateAnnotation(float2 pos, float textSize, float borderScaleFactor, string text, Texture iconTex, Texture frameTex, float textSizeAdaptor = 1)
{
var icon = new TextureNodeContainer(
"icon",
VsTex,
PsTex,
iconTex,
new MinMaxRect
{
Min = new float2(0, 0),
Max = new float2(1, 1)
},
UIElementPosition.CalcOffsets(AnchorPos.STRETCH_ALL, new float2(0.07f, 0.07f), AnnotationDim.y, AnnotationDim.x, new float2(0.35f, 0.35f))
);
var annotationText = new TextNodeContainer(
text,
"annotation text",
VsTex,
PsTex,
new MinMaxRect
{
Min = new float2(0, 0),
Max = new float2(1, 1)
},
UIElementPosition.CalcOffsets(AnchorPos.STRETCH_ALL, new float2(0.5f, 0.07f), AnnotationDim.y, AnnotationDim.x, new float2(2.5f, 0.35f)),
RalewayFontMap,
ColorUint.Tofloat4(ColorUint.Black), textSize * textSizeAdaptor);
var annotation = new TextureNodeContainer(
"Annotation",
VsNineSlice,
PsNineSlice,
frameTex,
new MinMaxRect
{
Min = new float2(0, 0),
Max = new float2(0, 0)
},
UIElementPosition.CalcOffsets(AnchorPos.DOWN_DOWN_LEFT, pos, CanvasHeightInit, CanvasWidthInit,
AnnotationDim),
new float2(1, 1),
new float4(0.09f, 0.09f, 0.09f, 0.09f),
AnnotationBorderThickness.x, AnnotationBorderThickness.y, AnnotationBorderThickness.z,
AnnotationBorderThickness.w,
borderScaleFactor
);
annotation.Children.Add(annotationText);
annotation.Children.Add(icon);
return(annotation);
}
private SceneContainer CreateGui()
{
var vsTex = AssetStorage.Get <string>("texture.vert");
var psTex = AssetStorage.Get <string>("texture.frag");
var canvasWidth = Width / 100f;
var canvasHeight = Height / 100f;
var btnFuseeLogo = new GUIButton
{
Name = "Canvas_Button"
};
btnFuseeLogo.OnMouseEnter += BtnLogoEnter;
btnFuseeLogo.OnMouseExit += BtnLogoExit;
btnFuseeLogo.OnMouseDown += BtnLogoDown;
var guiFuseeLogo = new Texture(AssetStorage.Get <ImageData>("FuseeText.png"));
var fuseeLogo = new TextureNodeContainer(
"fuseeLogo",
vsTex,
psTex,
//Set the diffuse texture you want to use.
guiFuseeLogo,
//Define anchor points. They are given in percent, seen from the lower left corner, respectively to the width/height of the parent.
//In this setup the element will stretch horizontally but stay the same vertically if the parent element is scaled.
UIElementPosition.GetAnchors(AnchorPos.TOP_TOP_LEFT),
//Define Offset and therefor the size of the element.
UIElementPosition.CalcOffsets(AnchorPos.TOP_TOP_LEFT, new float2(0, canvasHeight - 0.5f), canvasHeight, canvasWidth, new float2(1.75f, 0.5f))
);
fuseeLogo.AddComponent(btnFuseeLogo);
var fontLato = AssetStorage.Get <Font>("Lato-Black.ttf");
var guiLatoBlack = new FontMap(fontLato, 18);
var text = new TextNodeContainer(
"FUSEE Simple Example",
"ButtonText",
vsTex,
psTex,
UIElementPosition.GetAnchors(AnchorPos.STRETCH_HORIZONTAL),
UIElementPosition.CalcOffsets(AnchorPos.STRETCH_HORIZONTAL, new float2(canvasWidth / 2 - 4, 0), canvasHeight, canvasWidth, new float2(8, 1)),
guiLatoBlack,
ColorUint.Tofloat4(ColorUint.Greenery), 250f);
var canvas = new CanvasNodeContainer(
"Canvas",
_canvasRenderMode,
new MinMaxRect
{
Min = new float2(-canvasWidth / 2, -canvasHeight / 2f),
Max = new float2(canvasWidth / 2, canvasHeight / 2f)
})
{
Children = new ChildList()
{
//Simple Texture Node, contains the fusee logo.
fuseeLogo,
text
}
};
var canvasProjComp = new ProjectionComponent(ProjectionMethod.ORTHOGRAPHIC, ZNear, ZFar, _fovy);
canvas.Components.Insert(0, canvasProjComp);
AddResizeDelegate(delegate { canvasProjComp.Resize(Width, Height); });
return(new SceneContainer
{
Children = new List <SceneNodeContainer>
{
//Add canvas.
canvas
}
});
}
private SceneContainer CreateGui()
{
var vsTex = AssetStorage.Get <string>("texture.vert");
var psTex = AssetStorage.Get <string>("texture.frag");
var btnFuseeLogo = new GUIButton
{
Name = "Canvas_Button"
};
btnFuseeLogo.OnMouseEnter += BtnLogoEnter;
btnFuseeLogo.OnMouseExit += BtnLogoExit;
btnFuseeLogo.OnMouseDown += BtnLogoDown;
var guiFuseeLogo = new Texture(AssetStorage.Get <ImageData>("FuseeText.png"));
var fuseeLogo = new TextureNodeContainer(
"fuseeLogo",
vsTex,
psTex,
//Set the diffuse texture you want to use.
guiFuseeLogo,
//Define anchor points. They are given in percent, seen from the lower left corner, respectively to the width/height of the parent.
//In this setup the element will stretch horizontally but stay the same vertically if the parent element is scaled.
UIElementPosition.GetAnchors(AnchorPos.TOP_TOP_LEFT),
//Define Offset and therefor the size of the element.
UIElementPosition.CalcOffsets(AnchorPos.TOP_TOP_LEFT, new float2(0, _initCanvasHeight - 0.5f), _initCanvasHeight, _initCanvasWidth, new float2(1.75f, 0.5f))
);
fuseeLogo.AddComponent(btnFuseeLogo);
// Initialize the information text line.
var textToDisplay = "FUSEE 3D Scene";
if (_scene.Header.CreatedBy != null || _scene.Header.CreationDate != null)
{
textToDisplay += " created";
if (_scene.Header.CreatedBy != null)
{
textToDisplay += " by " + _scene.Header.CreatedBy;
}
if (_scene.Header.CreationDate != null)
{
textToDisplay += " on " + _scene.Header.CreationDate;
}
}
var fontLato = AssetStorage.Get <Font>("Lato-Black.ttf");
var guiLatoBlack = new FontMap(fontLato, 18);
var text = new TextNodeContainer(
textToDisplay,
"SceneDescriptionText",
vsTex,
psTex,
UIElementPosition.GetAnchors(AnchorPos.STRETCH_HORIZONTAL),
UIElementPosition.CalcOffsets(AnchorPos.STRETCH_HORIZONTAL, new float2(_initCanvasWidth / 2 - 4, 0), _initCanvasHeight, _initCanvasWidth, new float2(8, 1)),
guiLatoBlack,
ColorUint.Tofloat4(ColorUint.Greenery), 200f);
var canvas = new CanvasNodeContainer(
"Canvas",
_canvasRenderMode,
new MinMaxRect
{
Min = new float2(-_canvasWidth / 2, -_canvasHeight / 2f),
Max = new float2(_canvasWidth / 2, _canvasHeight / 2f)
});
canvas.Children.Add(fuseeLogo);
canvas.Children.Add(text);
//Create canvas projection component and add resize delegate
var canvasProjComp = new ProjectionComponent(ProjectionMethod.ORTHOGRAPHIC, ZNear, ZFar, _fovy);
canvas.Components.Insert(0, canvasProjComp);
AddResizeDelegate(delegate { canvasProjComp.Resize(Width, Height); });
return(new SceneContainer
{
Children = new List <SceneNodeContainer>
{
//Add canvas.
canvas
}
});
}
private SceneContainer CreateGui()
{
var canvasScaleFactor = _initWidth / _canvasWidth;
float textSize = 2;
float borderScaleFactor = 1;
if (_canvasRenderMode == CanvasRenderMode.SCREEN)
{
textSize *= canvasScaleFactor;
borderScaleFactor = canvasScaleFactor;
}
var btnFuseeLogo = new GUIButton
{
Name = "Canvas_Button"
};
btnFuseeLogo.OnMouseEnter += BtnLogoEnter;
btnFuseeLogo.OnMouseExit += BtnLogoExit;
btnFuseeLogo.OnMouseDown += BtnLogoDown;
var guiFuseeLogo = new Texture(AssetStorage.Get <ImageData>("FuseeText.png"));
var fuseeLogo = new TextureNodeContainer(
"fuseeLogo",
UIHelper.VsTex,
UIHelper.PsTex,
guiFuseeLogo,
UIElementPosition.GetAnchors(AnchorPos.TOP_TOP_LEFT),
UIElementPosition.CalcOffsets(AnchorPos.TOP_TOP_LEFT, new float2(0, _canvasHeight - 0.5f), _canvasHeight, _canvasWidth, new float2(1.75f, 0.5f)));
fuseeLogo.AddComponent(btnFuseeLogo);
var markModelContainer = new SceneNodeContainer
{
Name = "MarkModelContainer",
};
var canvas = new CanvasNodeContainer(
"Canvas",
_canvasRenderMode,
new MinMaxRect
{
Min = new float2(-_canvasWidth / 2f, -_canvasHeight / 2f),
Max = new float2(_canvasWidth / 2f, _canvasHeight / 2f)
}
)
{
Children = new ChildList()
{
fuseeLogo, markModelContainer
}
};
for (var i = 0; i < _uiInput.Count; i++)
{
var item = _uiInput[i];
if (item.AnnotationKind != UIHelper.AnnotationKind.CONFIRMED)
{
UIHelper.CreateAndAddCircleAnnotationAndLine(markModelContainer, item.AnnotationKind, item.Size, _uiInput[i].AnnotationCanvasPos, textSize, borderScaleFactor,
"#" + i + " " + item.SegmentationClass + ", " + item.Probability.ToString(CultureInfo.GetCultureInfo("en-gb")));
}
else
{
UIHelper.CreateAndAddCircleAnnotationAndLine(markModelContainer, item.AnnotationKind, item.Size, _uiInput[i].AnnotationCanvasPos, textSize, borderScaleFactor,
"#" + i + " " + item.SegmentationClass);
}
}
var canvasProjComp = new ProjectionComponent(_canvasRenderMode == CanvasRenderMode.SCREEN ? ProjectionMethod.ORTHOGRAPHIC : ProjectionMethod.PERSPECTIVE, ZNear, ZFar, _fovy);
canvas.Components.Insert(0, canvasProjComp);
AddResizeDelegate(delegate { canvasProjComp.Resize(Width, Height); });
return(new SceneContainer
{
Children = new List <SceneNodeContainer>
{
//Add canvas.
canvas
}
});
}
//Build a scene graph consisting out of a canvas and other UI elements.
private SceneContainer CreateNineSliceScene()
{
var vsTex = AssetStorage.Get <string>("texture.vert");
var psTex = AssetStorage.Get <string>("texture.frag");
var vsNineSlice = AssetStorage.Get <string>("nineSlice.vert");
var psNineSlice = AssetStorage.Get <string>("nineSliceTile.frag");
var canvasScaleFactor = _initWindowWidth / _canvasWidth;
float textSize = 2;
float borderScaleFactor = 1;
if (_canvasRenderMode == CanvasRenderMode.SCREEN)
{
textSize *= canvasScaleFactor;
borderScaleFactor = canvasScaleFactor;
}
var text = new TextNodeContainer(
"Hallo !",
"ButtonText",
vsTex,
psTex,
UIElementPosition.GetAnchors(AnchorPos.STRETCH_ALL),
new MinMaxRect
{
Min = new float2(1f, 0.5f),
Max = new float2(-1f, -0.5f)
},
_fontMap,
ColorUint.Tofloat4(ColorUint.Greenery), textSize);
var catTextureNode = new TextureNodeContainer(
"Cat",
AssetStorage.Get <string>("nineSlice.vert"),
AssetStorage.Get <string>("nineSliceTile.frag"),
//Set the diffuse texture you want to use.
new Texture(AssetStorage.Get <ImageData>("Kitti.jpg")),
//Define anchor points. They are given in percent, seen from the lower left corner, respectively to the width/height of the parent.
//In this setup the element will stretch horizontally but stay the same vertically if the parent element is scaled.
UIElementPosition.GetAnchors(AnchorPos.STRETCH_HORIZONTAL),//Anchor is in the lower left corner of the parent. Anchor is in the lower right corner of the parent.
//Define Offset and therefor the size of the element.
//Min: distance to this elements Min anchor.
//Max: distance to this elements Max anchor.
UIElementPosition.CalcOffsets(AnchorPos.STRETCH_HORIZONTAL, new float2(_initCanvasWidth / 2 - 2.5f, 0), _initCanvasHeight, _initCanvasWidth, new float2(5, 4)),
//Choose in how many tiles you want to split the inner part of the texture. Use float2.one if you want it stretched.
new float2(5, 5),
//Tell how many percent of the texture, seen from the edges, belongs to the border. Order: left, right, top, bottom.
new float4(0.11f, 0.11f, 0.06f, 0.17f),
4, 4, 4, 4,
borderScaleFactor
)
{
Children = new ChildList()
{
text
}
};
catTextureNode.Components.Add(_btnCat);
var bltTextureNode = new TextureNodeContainer(
"Blt",
vsTex,
psTex,
//Set the diffuse texture you want to use.
_bltDestinationTex,
//_fontMap.Image,
//Define anchor points. They are given in percent, seen from the lower left corner, respectively to the width/height of the parent.
//In this setup the element will stretch horizontally but stay the same vertically if the parent element is scaled.
UIElementPosition.GetAnchors(AnchorPos.DOWN_DOWN_LEFT),//Anchor is in the lower left corner of the parent. Anchor is in the lower right corner of the parent.
//Define Offset and therefor the size of the element.
//Min: distance to this elements Min anchor.
//Max: distance to this elements Max anchor.
UIElementPosition.CalcOffsets(AnchorPos.DOWN_DOWN_LEFT, new float2(0, 0), _initCanvasHeight, _initCanvasWidth, new float2(4, 4)));
var quagganTextureNode1 = new TextureNodeContainer(
"Quaggan1",
vsNineSlice,
psNineSlice,
new Texture(AssetStorage.Get <ImageData>("testTex.jpg")),
//In this setup the element will stay in the upper left corner of the parent and will not be stretched at all.
UIElementPosition.GetAnchors(AnchorPos.TOP_TOP_LEFT), //Anchor is in the lower right corner.Anchor is in the lower left corner.
UIElementPosition.CalcOffsets(AnchorPos.TOP_TOP_LEFT, new float2(2.5f, 0), 3, 6, new float2(1, 1)),
new float2(1, 1),
new float4(0.1f, 0.1f, 0.1f, 0.09f),
1, 1, 1, 1,
borderScaleFactor
);
var nineSliceTextureNode = new TextureNodeContainer(
"testImage",
vsNineSlice,
psNineSlice,
new Texture(AssetStorage.Get <ImageData>("9SliceSprites-4.png")),
//In this setup the element will stay in the upper right corner of the parent and will not be stretched at all.
UIElementPosition.GetAnchors(AnchorPos.TOP_TOP_RIGHT),//Anchor is in the upper right corner.//Anchor is in the upper right corner.
UIElementPosition.CalcOffsets(AnchorPos.TOP_TOP_RIGHT, new float2(_initCanvasWidth - 6, _initCanvasHeight - 3), _initCanvasHeight, _initCanvasWidth, new float2(6, 3)),
new float2(2, 3),
new float4(0.1f, 0.1f, 0.1f, 0.1f),
2.5f, 2.5f, 2.5f, 2.5f,
borderScaleFactor
)
{
Children = new ChildList()
{
text, quagganTextureNode1
}
};
var quagganTextureNode = new TextureNodeContainer(
"Quaggan",
vsNineSlice,
psNineSlice,
new Texture(AssetStorage.Get <ImageData>("testTex.jpg")),
//In this setup the element will stay in the upper left corner of the parent and will not be stretched at all.
UIElementPosition.GetAnchors(AnchorPos.TOP_TOP_LEFT), //Anchor is in the lower right corner.Anchor is in the lower left corner.
UIElementPosition.CalcOffsets(AnchorPos.TOP_TOP_LEFT, new float2(0, _initCanvasHeight - 1), _initCanvasHeight, _initCanvasWidth, new float2(6, 1)),
new float2(5, 1),
new float4(0.1f, 0.1f, 0.1f, 0.09f),
1, 1, 1, 1,
borderScaleFactor
);
var quagganTextureNode2 = new TextureNodeContainer(
"Quaggan",
vsNineSlice,
psNineSlice,
new Texture(AssetStorage.Get <ImageData>("testTex.jpg")),
//In this setup the element will stay in the upper left corner of the parent and will not be stretched at all.
UIElementPosition.GetAnchors(AnchorPos.TOP_TOP_LEFT), //Anchor is in the lower right corner.Anchor is in the lower left corner.
UIElementPosition.CalcOffsets(AnchorPos.TOP_TOP_LEFT, new float2(0, _initCanvasHeight - 3), _initCanvasHeight, _initCanvasWidth, new float2(6, 1)),
new float2(5, 1),
new float4(0.1f, 0.1f, 0.1f, 0.09f),
1, 1, 1, 1,
borderScaleFactor
);
var quagganTextureNode3 = new TextureNodeContainer(
"Quaggan",
vsNineSlice,
psNineSlice,
new Texture(AssetStorage.Get <ImageData>("testTex.jpg")),
//In this setup the element will stay in the upper left corner of the parent and will not be stretched at all.
UIElementPosition.GetAnchors(AnchorPos.STRETCH_VERTICAL), //Anchor is in the lower right corner. Anchor is in the lower left corner.
UIElementPosition.CalcOffsets(AnchorPos.STRETCH_VERTICAL, new float2(0, _initCanvasHeight - 5), _initCanvasHeight, _initCanvasWidth, new float2(6, 1)),
new float2(5, 1),
new float4(0.1f, 0.1f, 0.1f, 0.09f),
1, 1, 1, 1,
borderScaleFactor
);
var canvas = new CanvasNodeContainer(
"Canvas",
_canvasRenderMode,
new MinMaxRect
{
Min = new float2(-_canvasWidth / 2, -_canvasHeight / 2f),
Max = new float2(_canvasWidth / 2, _canvasHeight / 2f)
})
{
Children = new ChildList()
{
//Simple Texture Node, contains a Blt"ed" texture.
bltTextureNode,
//Add nine sliced textures to canvas
catTextureNode,
quagganTextureNode,
nineSliceTextureNode,
quagganTextureNode2,
quagganTextureNode3
}
};
var canvasMat = new ShaderEffectComponent
{
Effect = ShaderCodeBuilder.MakeShaderEffectFromMatComp(new MaterialComponent
{
Diffuse = new MatChannelContainer {
Color = new float4(1, 0, 0, 1)
},
})
};
var projMethod = _canvasRenderMode == CanvasRenderMode.SCREEN ? ProjectionMethod.ORTHOGRAPHIC : ProjectionMethod.PERSPECTIVE;
var projComp = new ProjectionComponent(projMethod, zNear, zFar, fov);
AddResizeDelegate(delegate { projComp.Resize(Width, Height); });
canvas.Components.Insert(0, projComp);
canvas.AddComponent(canvasMat);
canvas.AddComponent(new Plane());
canvas.AddComponent(_btnCanvas);
return(new SceneContainer
{
Children = new List <SceneNodeContainer>
{
//Add canvas.
canvas
}
});
}
