private void DrawLine(SceneNodeContainer sncLine, UIInput uiInput)
{
if (uiInput.IsVisible)
{
if (uiInput.CircleCanvasPos.Equals(uiInput.CircleCanvasPosCache))
{
return;
}
List <float3> linePoints;
if (uiInput.CircleCanvasPos.x <= _canvasWidth / 2)
{
//LEFT
linePoints = new List <float3>
{
new float3(uiInput.AnnotationCanvasPos.x + UIHelper.AnnotationDim.x, uiInput.AnnotationCanvasPos.y + UIHelper.AnnotationDim.y / 2, 0),
new float3(uiInput.CircleCanvasPos.x - (uiInput.Size.x / 2), uiInput.CircleCanvasPos.y, 0)
};
}
else
{
//RIGHT
var posX = _canvasWidth - UIHelper.AnnotationDim.x - UIHelper.AnnotationDistToLeftOrRightEdge;
linePoints = new List <float3>
{
new float3(posX, uiInput.AnnotationCanvasPos.y + UIHelper.AnnotationDim.y / 2, 0),
new float3(uiInput.CircleCanvasPos.x + (uiInput.Size.x / 2), uiInput.CircleCanvasPos.y, 0)
};
}
sncLine.GetComponent <RectTransformComponent>().Offsets = UIElementPosition.CalcOffsets(AnchorPos.MIDDLE, new float2(0, 0), _canvasHeight, _canvasWidth, new float2(_canvasWidth, _canvasHeight));
var mesh = sncLine.GetComponent <Line>();
if (mesh != null)
{
var newLine = new Line(linePoints, 0.0025f / _resizeScaleFactor.y, _canvasWidth, _canvasHeight);
mesh.Vertices = newLine.Vertices;
mesh.Normals = newLine.Normals;
mesh.Triangles = newLine.Triangles;
mesh.UVs = newLine.UVs;
}
else
{
var newLine = new Line(linePoints, 0.0025f / _resizeScaleFactor.y, _canvasWidth, _canvasHeight);
sncLine.AddComponent(newLine);
}
}
else
{
var newLine = sncLine.GetComponent <Line>();
if (newLine != null)
{
sncLine.Components.Remove(newLine);
}
}
}
private static SceneNode CreateAnnotation(float2 pos, float borderScaleFactor, string text, Texture iconTex, Texture frameTex)
{
TextureNode icon = new TextureNode(
"icon",
VsTex,
PsTex,
iconTex,
new MinMaxRect
{
Min = new float2(0, 0),
Max = new float2(1, 1)
},
UIElementPosition.CalcOffsets(AnchorPos.StretchAll, new float2(0.07f, 0.07f), AnnotationDim.y, AnnotationDim.x, new float2(0.35f, 0.35f)),
float2.One
);
TextNode annotationText = new TextNode(
text,
"annotation text",
VsTex,
PsText,
new MinMaxRect
{
Min = new float2(0, 0),
Max = new float2(1, 1)
},
UIElementPosition.CalcOffsets(AnchorPos.StretchAll, new float2(0.5f, 0.07f), AnnotationDim.y, AnnotationDim.x, new float2(2.5f, 0.35f)),
RalewayFontMap,
(float4)ColorUint.Black,
HorizontalTextAlignment.Center,
VerticalTextAlignment.Center);
TextureNode annotation = new TextureNode(
"Annotation",
VsNineSlice,
PsNineSlice,
frameTex,
new MinMaxRect
{
Min = new float2(0, 0),
Max = new float2(0, 0)
},
UIElementPosition.CalcOffsets(AnchorPos.DownDownLeft, 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 static SceneNodeContainer CreateCircle(float2 circleDim, MatColor color)
{
float4 col;
string nameSuffix;
switch (color)
{
default:
case MatColor.WHITE:
col = White;
nameSuffix = "white";
break;
case MatColor.GREEN:
col = Green;
nameSuffix = "green";
break;
case MatColor.YELLOW:
col = Yellow;
nameSuffix = "yellow";
break;
case MatColor.GRAY:
col = Gray;
nameSuffix = "gray";
break;
}
return(new SceneNodeContainer
{
Name = "Circle_" + nameSuffix,
Components = new List <SceneComponentContainer>
{
new RectTransformComponent
{
Name = "circle" + "_RectTransform",
Anchors = new MinMaxRect
{
Min = new float2(0.5f, 0.5f),
Max = new float2(0.5f, 0.5f)
},
Offsets = UIElementPosition.CalcOffsets(AnchorPos.MIDDLE, new float2(0, 0), CanvasHeightInit, CanvasWidthInit, circleDim),
},
new XFormComponent
{
Name = "circle" + "_XForm",
},
new ShaderEffectComponent()
{
Effect = ShaderCodeBuilder.MakeShaderEffect(col, new float4(1, 1, 1, 1), 20, 0)
},
new Circle(false, 30, 100, _circleThickness)
}
});
}
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 static SceneNode CreateCircle(float2 circleDim, MatColor color)
{
float4 col;
string nameSuffix;
switch (color)
{
default:
case MatColor.White:
col = White;
nameSuffix = "white";
break;
case MatColor.Green:
col = Green;
nameSuffix = "green";
break;
case MatColor.Yellow:
col = Yellow;
nameSuffix = "yellow";
break;
case MatColor.Gray:
col = Gray;
nameSuffix = "gray";
break;
}
return(new SceneNode
{
Name = "Circle_" + nameSuffix,
Components = new List <SceneComponent>
{
new RectTransform
{
Name = "circle" + "_RectTransform",
Anchors = new MinMaxRect
{
Min = new float2(0.5f, 0.5f),
Max = new float2(0.5f, 0.5f)
},
Offsets = UIElementPosition.CalcOffsets(AnchorPos.Middle, new float2(0, 0), CanvasHeightInit, CanvasWidthInit, circleDim),
},
new XForm
{
Name = "circle" + "_XForm",
},
MakeEffect.FromDiffuseSpecular(col, float4.Zero),
new Circle(false, 30, 100, _circleThickness)
}
});
}
private static SceneNodeContainer CreateLine(MatColor color)
{
float4 col;
switch (color)
{
default:
case MatColor.WHITE:
col = White;
break;
case MatColor.GREEN:
col = Green;
break;
case MatColor.YELLOW:
col = Yellow;
break;
case MatColor.GRAY:
col = Gray;
break;
}
return(new SceneNodeContainer()
{
Name = "line",
Components = new List <SceneComponentContainer>
{
new RectTransformComponent
{
Name = "line" + "_RectTransform",
Anchors = new MinMaxRect
{
Min = new float2(0.5f, 0.5f),
Max = new float2(0.5f, 0.5f)
},
Offsets = UIElementPosition.CalcOffsets(AnchorPos.MIDDLE, new float2(0, 0), CanvasHeightInit, CanvasWidthInit, new float2(CanvasWidthInit, CanvasHeightInit)),
},
new XFormComponent
{
Name = "line" + "_XForm",
},
new ShaderEffectComponent()
{
Effect = ShaderCodeBuilder.MakeShaderEffect(col, new float4(1, 1, 1, 1), 20, 0)
}
}
});
}
private static SceneNode CreateLine(MatColor color)
{
float4 col;
switch (color)
{
default:
case MatColor.White:
col = White;
break;
case MatColor.Green:
col = Green;
break;
case MatColor.Yellow:
col = Yellow;
break;
case MatColor.Gray:
col = Gray;
break;
}
return(new SceneNode()
{
Name = "line",
Components = new List <SceneComponent>
{
new RectTransform
{
Name = "line" + "_RectTransform",
Anchors = new MinMaxRect
{
Min = new float2(0.5f, 0.5f),
Max = new float2(0.5f, 0.5f)
},
Offsets = UIElementPosition.CalcOffsets(AnchorPos.Middle, new float2(0, 0), CanvasHeightInit, CanvasWidthInit, new float2(CanvasWidthInit, CanvasHeightInit)),
},
new XForm
{
Name = "line" + "_XForm",
},
MakeEffect.FromDiffuseSpecular(col, float4.Zero),
}
});
}
private void UpdateAnnotationOffsets(SceneNodeContainer sncAnnotation, UIInput input)
{
if (input.CircleCanvasPos.x <= _canvasWidth / 2)
{
//LEFT
sncAnnotation.GetComponent <RectTransformComponent>().Anchors = UIElementPosition.GetAnchors(AnchorPos.DOWN_DOWN_LEFT);
sncAnnotation.GetComponent <RectTransformComponent>().Offsets = UIElementPosition.CalcOffsets(
AnchorPos.DOWN_DOWN_LEFT, input.AnnotationCanvasPos,
UIHelper.CanvasHeightInit, UIHelper.CanvasWidthInit, UIHelper.AnnotationDim);
}
else
{
//RIGHT
sncAnnotation.GetComponent <RectTransformComponent>().Anchors = UIElementPosition.GetAnchors(AnchorPos.DOWN_DOWN_RIGHT);
sncAnnotation.GetComponent <RectTransformComponent>().Offsets = UIElementPosition.CalcOffsets(
AnchorPos.DOWN_DOWN_RIGHT, input.AnnotationCanvasPos,
UIHelper.CanvasHeightInit, UIHelper.CanvasWidthInit, UIHelper.AnnotationDim);
}
}
// Init is called on startup.
public override void Init()
{
var fontLato = AssetStorage.Get <Font>("Lato-Black.ttf");
var fontLatoMap = new FontMap(fontLato, 32);
var vsTex = AssetStorage.Get <string>("texture.vert");
var psTex = AssetStorage.Get <string>("texture.frag");
var icosphereWithTangents = new Icosphere(5);
icosphereWithTangents.Tangents = icosphereWithTangents.CalculateTangents();
icosphereWithTangents.BiTangents = icosphereWithTangents.CalculateBiTangents();
icosphereWithTangents.BoundingBox = new AABBf(icosphereWithTangents.Vertices);
var canvasWidth = Width / 100f;
var canvasHeight = Height / 100f;
var guiDescriptionScene = new SceneContainer
{
Children = new List <SceneNode>
{
new CanvasNode("Canvas", CanvasRenderMode.World, new MinMaxRect
{
Min = new float2(-canvasWidth / 2, -canvasHeight / 2f),
Max = new float2(canvasWidth / 2, canvasHeight / 2f)
})
{
Children = new ChildList
{
new TextNode(
"How-To:\n############################\n- Move with WASD\n- Left mouse button rotates spheres\n- Mouse wheel zooms",
"howTo",
vsTex,
psTex,
UIElementPosition.GetAnchors(AnchorPos.DownDownLeft),
UIElementPosition.CalcOffsets(AnchorPos.DownDownLeft, new float2(-11, -5), canvasHeight, canvasWidth, new float2(12, 1)),
fontLatoMap,
new float4(1, 1, 0, 1),
HorizontalTextAlignment.Left,
VerticalTextAlignment.Center)
}
},
new CanvasNode("Complete", CanvasRenderMode.World, MinMaxRect.FromCenterSize(float2.Zero, float2.One))
{
Components = new List <SceneComponent>
{
new Transform
{
Name = "TextTransform",
Translation = new float3(-15, 2.5f, 0)
}
},
Children = new ChildList
{
new TextNode(
"Complete",
"desc",
vsTex,
psTex,
MinMaxRect.FromCenterSize(float2.Zero, float2.One),
new MinMaxRect(),
fontLatoMap,
new float4(0, 0, 0, 1),
HorizontalTextAlignment.Left,
VerticalTextAlignment.Center), new TextNode(
"NOT YET IMPLEMENTED",
"desc",
vsTex,
psTex,
MinMaxRect.FromCenterSize(float2.Zero, float2.One),
new MinMaxRect
{
Max = new float2(0, 0),
Min = new float2(0, -1.25f)
},
fontLatoMap,
new float4(1, 0, 0, 0.5f),
HorizontalTextAlignment.Left,
VerticalTextAlignment.Center)
}
},
new CanvasNode("Albedo and specular", CanvasRenderMode.World, MinMaxRect.FromCenterSize(float2.Zero, float2.One))
{
Components = new List <SceneComponent>
{
new Transform
{
Name = "TextTransform",
Translation = new float3(-10, 2.5f, 0)
}
},
Children = new ChildList
{
new TextNode(
"Albedo and Specular",
"desc",
vsTex,
psTex,
MinMaxRect.FromCenterSize(float2.Zero, float2.One),
new MinMaxRect(),
fontLatoMap,
new float4(0, 0, 0, 1),
HorizontalTextAlignment.Left,
VerticalTextAlignment.Center)
}
},
new CanvasNode("Albedo, specular and albedo texture", CanvasRenderMode.World, MinMaxRect.FromCenterSize(float2.Zero, float2.One))
{
Components = new List <SceneComponent>
{
new Transform
{
Name = "TextTransform",
Translation = new float3(-5, 2.5f, 0)
}
},
Children = new ChildList
{
new TextNode(
"Albedo, specular and\nalbedo texture",
"desc",
vsTex,
psTex,
MinMaxRect.FromCenterSize(float2.Zero, float2.One),
new MinMaxRect(),
fontLatoMap,
new float4(0, 0, 0, 1),
HorizontalTextAlignment.Left,
VerticalTextAlignment.Center)
}
},
new CanvasNode("Specular texture", CanvasRenderMode.World, MinMaxRect.FromCenterSize(float2.Zero, float2.One))
{
Components = new List <SceneComponent>
{
new Transform
{
Name = "TextTransform",
Translation = new float3(0, 2.5f, 0)
}
},
Children = new ChildList
{
new TextNode(
"Specular texture",
"desc",
vsTex,
psTex,
MinMaxRect.FromCenterSize(float2.Zero, float2.One),
new MinMaxRect(),
fontLatoMap,
new float4(0, 0, 0, 1),
HorizontalTextAlignment.Left,
VerticalTextAlignment.Center),
new TextNode(
"NOT YET IMPLEMENTED",
"desc",
vsTex,
psTex,
MinMaxRect.FromCenterSize(float2.Zero, float2.One),
new MinMaxRect
{
Max = new float2(0, 0),
Min = new float2(0, -1.25f)
},
fontLatoMap,
new float4(1, 0, 0, 0.75f),
HorizontalTextAlignment.Left,
VerticalTextAlignment.Center)
}
},
new CanvasNode("Normal map", CanvasRenderMode.World, MinMaxRect.FromCenterSize(float2.Zero, float2.One))
{
Components = new List <SceneComponent>
{
new Transform
{
Name = "TextTransform",
Translation = new float3(5, 2.5f, 0)
}
},
Children = new ChildList
{
new TextNode(
"Normal map",
"desc",
vsTex,
psTex,
MinMaxRect.FromCenterSize(float2.Zero, float2.One),
new MinMaxRect(),
fontLatoMap,
new float4(0, 0, 0, 1),
HorizontalTextAlignment.Left,
VerticalTextAlignment.Center)
}
},
new CanvasNode("Albedo and emissive", CanvasRenderMode.World, MinMaxRect.FromCenterSize(float2.Zero, float2.One))
{
Components = new List <SceneComponent>
{
new Transform
{
Name = "TextTransform",
Translation = new float3(10, 2.5f, 0)
}
},
Children = new ChildList
{
new TextNode(
"Albedo and emissive",
"desc",
vsTex,
psTex,
MinMaxRect.FromCenterSize(float2.Zero, float2.One),
new MinMaxRect(),
fontLatoMap,
new float4(0, 0, 0, 1),
HorizontalTextAlignment.Left,
VerticalTextAlignment.Center),
new TextNode(
"NOT YET IMPLEMENTED",
"desc",
vsTex,
psTex,
MinMaxRect.FromCenterSize(float2.Zero, float2.One),
new MinMaxRect
{
Max = new float2(0, 0),
Min = new float2(0, -1.25f)
},
fontLatoMap,
new float4(1, 0, 0, 0.75f),
HorizontalTextAlignment.Left,
VerticalTextAlignment.Center)
}
},
new CanvasNode("Albedo and emissive with texture", CanvasRenderMode.World, MinMaxRect.FromCenterSize(float2.Zero, float2.One))
{
Components = new List <SceneComponent>
{
new Transform
{
Name = "TextTransform",
Translation = new float3(15, 3, 0)
}
},
Children = new ChildList
{
new TextNode(
"Albedo, emissive and\nemissive texture",
"desc",
vsTex,
psTex,
MinMaxRect.FromCenterSize(float2.Zero, float2.One),
new MinMaxRect(),
fontLatoMap,
new float4(0, 0, 0, 1),
HorizontalTextAlignment.Left,
VerticalTextAlignment.Center),
new TextNode(
"NOT YET IMPLEMENTED",
"desc",
vsTex,
psTex,
MinMaxRect.FromCenterSize(float2.Zero, float2.One),
new MinMaxRect
{
Max = new float2(0, 0),
Min = new float2(0, -1.75f)
},
fontLatoMap,
new float4(1, 0, 0, 0.75f),
HorizontalTextAlignment.Left,
VerticalTextAlignment.Center)
}
}
}
};
_scene = new SceneContainer
{
Header = new SceneHeader
{
CreatedBy = "MR",
CreationDate = DateTime.Now.ToString(),
Generator = "by hand"
},
Children = new List <SceneNode>
{
new SceneNode
{
Children = new ChildList
{
new SceneNode
{
Components = new List <SceneComponent>
{
new Transform
{
Name = "complete",
Translation = new float3(-15, 0, 0)
},
ShaderCodeBuilder.MakeShaderEffectFromShaderEffectPropsProto(new ShaderEffectProps
{
MatProbs =
{
HasAlbedo = true,
HasAlbedoTexture = true,
HasSpecular = true,
//HasSpecularTexture = true,
HasEmissive = true,
HasEmissiveTexture = true,
HasNormalMap = true
},
MatType = MaterialType.Standard,
MatValues =
{
AlbedoColor = float4.One * 0.25f,
AlbedoMix = 1f,
AlbedoTexture = "albedoTex.jpg",
SpecularColor = float4.One,
SpecularIntensity = 2f,
SpecularShininess = 25f,
SpecularMix = 1f,
//SpecularTexture = "specularTex.jpg",
NormalMap = "normalTex.jpg",
NormalMapIntensity = 1f,
EmissiveColor = new float4(0, 1, 1, 1),
EmissiveMix = 0.5f,
EmissiveTexture = "emissiveTex.jpg"
}
}),
icosphereWithTangents,
}
},
new SceneNode
{
Components = new List <SceneComponent>
{
new Transform
{
Name = "albedo and specular",
Translation = new float3(-10, 0, 0)
},
ShaderCodeBuilder.MakeShaderEffectProto(albedoColor: new float4(0.39f, 0.19f, 0, 1),
specularColor: new float4(.5f, .5f, .5f, 1),
shininess: 25.0f,
specularIntensity: 2.5f),
icosphereWithTangents
}
},
new SceneNode
{
Components = new List <SceneComponent>
{
new Transform
{
Name = "albedo, specular, albedo texture",
Translation = new float3(-5, 0, 0)
},
ShaderCodeBuilder.MakeShaderEffectProto(albedoColor: new float4(0.39f, 0.19f, 0, 1),
specularColor: new float4(.5f, .5f, .5f, 1),
albedoTexture: "albedoTex.jpg",
albedoTextureMix: 1f,
shininess: 256.0f,
specularIntensity: 20.0f),
icosphereWithTangents
}
},
// ---- Specular Textures are not implemented yet. There is no fitting shader! ---- //
//new SceneNode
//{
// Components = new List<SceneComponent>
// {
// new Transform
// {
// Name = "specular texture",
// Translation = new float3(0, 0, 0)
// },
// ShaderCodeBuilder.MakeShaderEffectFromShaderEffectPropsProto(new ShaderEffectProps
// {
// MatProbs =
// {
// HasAlbedo = true,
// HasAlbedoTexture = true,
// HasSpecular = true,
// HasSpecularTexture = true
// },
// MatType = MaterialType.Standard,
// MatValues =
// {
// AlbedoColor = new float4(0.39f, 0.19f, 0, 1),
// SpecularColor = float4.One,
// SpecularIntensity = 2f,
// SpecularShininess = 25f,
// SpecularMix = 1f, // TODO: Implement in ShaderShards
// SpecularTexture = "specularTex.jpg" // TODO: Implement in ShaderShards
// }
// }),
// icosphereWithTangents
// }
//},
new SceneNode
{
Components = new List <SceneComponent>
{
new Transform
{
Name = "normal map",
Translation = new float3(5, 0, 0)
},
ShaderCodeBuilder.MakeShaderEffectFromShaderEffectPropsProto(new ShaderEffectProps
{
MatProbs =
{
HasAlbedo = true,
HasAlbedoTexture = true,
HasNormalMap = true,
HasSpecular = true
},
MatType = MaterialType.Standard,
MatValues =
{
AlbedoColor = float4.One * 0.25f,
AlbedoMix = 1f,
AlbedoTexture = "albedoTex.jpg",
SpecularColor = float4.One,
SpecularIntensity = 5f,
SpecularShininess = 200f,
NormalMap = "normalTex.jpg",
NormalMapIntensity = 1f
}
}),
icosphereWithTangents
}
},
new SceneNode
{
Components = new List <SceneComponent>
{
new Transform
{
Name = "albedo, emissive",
Translation = new float3(10, 0, 0)
},
ShaderCodeBuilder.MakeShaderEffectFromShaderEffectPropsProto(new ShaderEffectProps
{
MatProbs =
{
HasAlbedo = true,
HasAlbedoTexture = true,
HasEmissive = true
},
MatType = MaterialType.Standard,
MatValues =
{
AlbedoColor = float4.One * 0.25f,
AlbedoMix = 1f,
AlbedoTexture = "albedoTex.jpg",
EmissiveColor = new float4(1, 0, 0, 1) // TODO: Implement in ShaderShards
}
}),
icosphereWithTangents
}
},
new SceneNode
{
Components = new List <SceneComponent>
{
new Transform
{
Name = "albedo, emissive, emissive texture",
Translation = new float3(15, 0, 0)
},
ShaderCodeBuilder.MakeShaderEffectFromShaderEffectPropsProto(new ShaderEffectProps
{
MatProbs =
{
HasAlbedo = true,
HasAlbedoTexture = true,
HasEmissive = true,
HasEmissiveTexture = true
},
MatType = MaterialType.Standard,
MatValues =
{
AlbedoColor = float4.One * 0.25f,
AlbedoMix = 1f,
AlbedoTexture = "albedoTex.jpg",
EmissiveColor = new float4(0, 1, 1, 1), // TODO: Implement in ShaderShards
EmissiveMix = 0.5f, // TODO: Implement in ShaderShards
EmissiveTexture = "emissiveTex.jpg" // TODO: Implement in ShaderShards
}
}),
icosphereWithTangents
}
}
}
}
}
};
_guiDescRenderer = new SceneRendererForward(guiDescriptionScene);
_renderer = new SceneRendererDeferred(_scene);
}
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 TextureNode(
"fuseeLogo",
vsTex,
psTex,
//Set the albedo 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.TopTopLeft),
//Define Offset and therefor the size of the element.
UIElementPosition.CalcOffsets(AnchorPos.TopTopLeft, 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, 24);
var text = new TextNode(
"FUSEE Simple Example",
"ButtonText",
vsTex,
psTex,
UIElementPosition.GetAnchors(AnchorPos.StretchHorizontal),
UIElementPosition.CalcOffsets(AnchorPos.StretchHorizontal, new float2(canvasWidth / 2 - 4, 0), canvasHeight, canvasWidth, new float2(8, 1)),
guiLatoBlack,
ColorUint.Tofloat4(ColorUint.Greenery),
HorizontalTextAlignment.Center,
VerticalTextAlignment.Center);
var canvas = new CanvasNode(
"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
}
};
return(new SceneContainer
{
Children = new List <SceneNode>
{
//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 borderScaleFactor = 1;
if (_canvasRenderMode == CanvasRenderMode.Screen)
{
borderScaleFactor = canvasScaleFactor;
}
var fps = new TextNode(
"FPS: 0.00",
"FPSText",
vsTex,
psTex,
UIElementPosition.GetAnchors(AnchorPos.DownDownRight),
new MinMaxRect
{
Min = new float2(-2, 0),
Max = new float2(0, 1)
},
_fontMap,
ColorUint.Tofloat4(ColorUint.White),
HorizontalTextAlignment.Center,
VerticalTextAlignment.Center
);
_fpsText = fps.GetComponentsInChildren <GUIText>().FirstOrDefault();
var text = new TextNode(
"The five\n" +
"boxing wizards\n" +
"jump\n" +
"quickly.",
"ButtonText",
vsTex,
psTex,
UIElementPosition.GetAnchors(AnchorPos.StretchAll),
new MinMaxRect
{
Min = new float2(1f, 0.5f),
Max = new float2(-1f, -0.5f)
},
_fontMap,
ColorUint.Tofloat4(ColorUint.Greenery),
HorizontalTextAlignment.Center,
VerticalTextAlignment.Center);
var catTextureNode = new TextureNode(
"Cat",
AssetStorage.Get <string>("nineSlice.vert"),
AssetStorage.Get <string>("nineSliceTile.frag"),
//Set the albedo 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.StretchHorizontal),//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.StretchHorizontal, 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 TextureNode(
"Blt",
vsTex,
psTex,
//Set the albedo 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.DownDownLeft),//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.DownDownLeft, new float2(0, 0), _initCanvasHeight, _initCanvasWidth, new float2(4, 4)));
var quagganTextureNode1 = new TextureNode(
"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.TopTopLeft), //Anchor is in the lower right corner.Anchor is in the lower left corner.
UIElementPosition.CalcOffsets(AnchorPos.TopTopLeft, 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 TextureNode(
"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.TopTopRight),//Anchor is in the upper right corner.//Anchor is in the upper right corner.
UIElementPosition.CalcOffsets(AnchorPos.TopTopRight, 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()
{
quagganTextureNode1, text
}
};
var quagganTextureNode = new TextureNode(
"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.TopTopLeft), //Anchor is in the lower right corner.Anchor is in the lower left corner.
UIElementPosition.CalcOffsets(AnchorPos.TopTopLeft, 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 TextureNode(
"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.TopTopLeft), //Anchor is in the lower right corner.Anchor is in the lower left corner.
UIElementPosition.CalcOffsets(AnchorPos.TopTopLeft, 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 TextureNode(
"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.StretchVertical), //Anchor is in the lower right corner. Anchor is in the lower left corner.
UIElementPosition.CalcOffsets(AnchorPos.StretchVertical, 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 CanvasNode(
"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,
fps
}
};
var canvasMat = ShaderCodeBuilder.MakeShaderEffect(new float4(1, 0, 0, 1));
canvas.AddComponent(canvasMat);
canvas.AddComponent(new Plane());
canvas.AddComponent(_btnCanvas);
return(new SceneContainer
{
Children = new List <SceneNode>
{
//Add canvas.
new SceneNode()
{
Components = new List <SceneComponent>()
{
new Transform()
{
Translation = new float3(0, 0, 0)
}
},
Children = new ChildList()
{
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
}
});
}
private SceneContainer CreateGui()
{
float canvasScaleFactor = _initWidth / _canvasWidth;
float borderScaleFactor = 1;
if (_canvasRenderMode == CanvasRenderMode.Screen)
{
borderScaleFactor = canvasScaleFactor;
}
GUIButton btnFuseeLogo = new GUIButton
{
Name = "Canvas_Button"
};
btnFuseeLogo.OnMouseEnter += BtnLogoEnter;
btnFuseeLogo.OnMouseExit += BtnLogoExit;
btnFuseeLogo.OnMouseDown += BtnLogoDown;
Texture guiFuseeLogo = new Texture(AssetStorage.Get <ImageData>("FuseeText.png"));
TextureNode fuseeLogo = new TextureNode(
"fuseeLogo",
UIHelper.VsTex,
UIHelper.PsTex,
guiFuseeLogo,
UIElementPosition.GetAnchors(AnchorPos.TopTopLeft),
UIElementPosition.CalcOffsets(AnchorPos.TopTopLeft, new float2(0, _canvasHeight - 0.5f), _canvasHeight, _canvasWidth, new float2(1.75f, 0.5f)), float2.One);
fuseeLogo.AddComponent(btnFuseeLogo);
SceneNode markModelContainer = new SceneNode
{
Name = "MarkModelContainer",
};
CanvasNode canvas = new CanvasNode(
"Canvas",
_canvasRenderMode,
new MinMaxRect
{
Min = new float2(-_canvasWidth / 2f, -_canvasHeight / 2f),
Max = new float2(_canvasWidth / 2f, _canvasHeight / 2f)
}
)
{
Children = new ChildList()
{
fuseeLogo, markModelContainer
}
};
for (int 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, borderScaleFactor,
"#" + i + " " + item.SegmentationClass + ", " + item.Probability.ToString(CultureInfo.GetCultureInfo("en-gb")));
}
else
{
UIHelper.CreateAndAddCircleAnnotationAndLine(markModelContainer, item.AnnotationKind, item.Size, _uiInput[i].AnnotationCanvasPos, borderScaleFactor,
"#" + i + " " + item.SegmentationClass);
}
}
return(new SceneContainer
{
Children = new List <SceneNode>
{
//Add canvas.
canvas
}
});
}
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
}
});
}
// RenderAFrame is called once a frame
public override void RenderAFrame()
{
// Clear the backbuffer
RC.Clear(ClearFlags.Color | ClearFlags.Depth);
////TODO: set screen space UI projection to orthographic in SceneRenderer
//var projection = float4x4.CreatePerspectiveFieldOfView(_fovy, _aspectRatio, ZNear, ZFar);
//RC.Projection = projection;
#region Controls
// Mouse and keyboard movement
if (Input.Keyboard.LeftRightAxis != 0 || Input.Keyboard.UpDownAxis != 0)
{
_keys = true;
}
if (Input.Mouse.LeftButton)
{
_keys = false;
_angleVelHorz = -RotationSpeed * Input.Mouse.XVel * Time.DeltaTime * 0.0005f;
_angleVelVert = -RotationSpeed * Input.Mouse.YVel * Time.DeltaTime * 0.0005f;
}
else if (Input.Touch.GetTouchActive(TouchPoints.Touchpoint_0))
{
_keys = false;
var touchVel = Input.Touch.GetVelocity(TouchPoints.Touchpoint_0);
_angleVelHorz = -RotationSpeed * touchVel.x * Time.DeltaTime * 0.0005f;
_angleVelVert = -RotationSpeed * touchVel.y * Time.DeltaTime * 0.0005f;
}
else
{
if (_keys)
{
_angleVelHorz = -RotationSpeed * Input.Keyboard.LeftRightAxis * Time.DeltaTime;
_angleVelVert = -RotationSpeed * Input.Keyboard.UpDownAxis * Time.DeltaTime;
}
else
{
var curDamp = (float)System.Math.Exp(-Damping * Time.DeltaTime);
_angleVelHorz *= curDamp;
_angleVelVert *= curDamp;
}
}
_angleHorz += _angleVelHorz;
_angleVert += _angleVelVert;
// Create the camera matrix and set it as the current View transformation
var mtxRot = float4x4.CreateRotationX(_angleVert) * float4x4.CreateRotationY(_angleHorz);
var mtxCam = float4x4.LookAt(0, 0, -5, 0, 0, 0, 0, 1, 0);
RC.View = mtxCam * mtxRot;
//Set the view matrix for the interaction handler.
_sih.View = RC.View;
_scenePicker.View = RC.View;
// Constantly check for interactive objects.
if (!Input.Mouse.Desc.Contains("Android"))
{
_sih.CheckForInteractiveObjects(Input.Mouse.Position, Width, Height);
}
if (Input.Touch.GetTouchActive(TouchPoints.Touchpoint_0) && !Input.Touch.TwoPoint)
{
_sih.CheckForInteractiveObjects(Input.Touch.GetPosition(TouchPoints.Touchpoint_0), Width, Height);
}
#endregion
//Annotations will be unpdated according to circle positions.
//Lines will be updated according to circle and annotation positions.
var canvas = _gui.Children[0];
foreach (var child in canvas.Children)
{
if (!child.Name.Contains("MarkModelContainer"))
{
continue;
}
//1. Calculate the circles canvas position.
for (var k = 0; k < child.Children.Count; k++)
{
var container = child.Children[k];
var circle = container.Children[0];
var uiInput = _uiInput[k];
//the monkey's matrices
var monkey = _scene.Children[0];
var model = monkey.GetGlobalTransformation();
var projection = monkey.GetParentProjection();
var mvpMonkey = projection * RC.View * model;
var clipPos = float4x4.TransformPerspective(mvpMonkey, uiInput.Position); //divides by 2
var canvasPosCircle = new float2(clipPos.x, clipPos.y) * 0.5f + 0.5f;
canvasPosCircle.x *= _canvasWidth;
canvasPosCircle.y *= _canvasHeight;
uiInput.CircleCanvasPos = canvasPosCircle;
var pos = new float2(uiInput.CircleCanvasPos.x - (uiInput.Size.x / 2), uiInput.CircleCanvasPos.y - (uiInput.Size.y / 2)); //we want the lower left point of the rect that encloses the
circle.GetComponent <RectTransformComponent>().Offsets = UIElementPosition.CalcOffsets(AnchorPos.MIDDLE, pos, _canvasHeight, _canvasWidth, uiInput.Size);
//1.1 Check if circle is visible
var newPick = _scenePicker.Pick(new float2(clipPos.x, clipPos.y)).ToList().OrderBy(pr => pr.ClipPos.z).FirstOrDefault();
if (newPick != null && uiInput.AffectedTriangles[0] == newPick.Triangle) //VISIBLE
{
uiInput.IsVisible = true;
circle.GetComponent <ShaderEffectComponent>().Effect.SetDiffuseAlphaInShaderEffect(UIHelper.alphaVis);
}
else
{
uiInput.IsVisible = false;
circle.GetComponent <ShaderEffectComponent>().Effect.SetDiffuseAlphaInShaderEffect(UIHelper.alphaInv);
}
//1.2 Calculate annotation positions without intersections.
if (!uiInput.CircleCanvasPos.Equals(uiInput.CircleCanvasPosCache))
{
var yPosScale = uiInput.CircleCanvasPos.y / _canvasHeight;
yPosScale = (yPosScale - 0.5f) * 2f;
uiInput.AnnotationCanvasPos.y = uiInput.CircleCanvasPos.y - (UIHelper.AnnotationDim.y / 2) + (2 * UIHelper.AnnotationDim.y * yPosScale);
if (uiInput.CircleCanvasPos.x > _canvasWidth / 2) //RIGHT
{
uiInput.AnnotationCanvasPos.x = UIHelper.CanvasWidthInit - UIHelper.AnnotationDim.x - UIHelper.AnnotationDistToLeftOrRightEdge;
}
else
{
uiInput.AnnotationCanvasPos.x = UIHelper.AnnotationDistToLeftOrRightEdge;
}
}
_uiInput[k] = uiInput;
}
// 2. Find intersecting annotations and correct their position in _uiInput.
// Disable rendering of annotation if its corresponding circle is not visible.
for (var k = 0; k < child.Children.Count; k++)
{
var container = child.Children[k];
var annotation = container.Children[1];
var uiInput = _uiInput[k];
if (uiInput.IsVisible)
{
if (!uiInput.CircleCanvasPos.Equals(uiInput.CircleCanvasPosCache))
{
var intersectedAnnotations = new Dictionary <int, float2>();
var iterations = 0;
CalculateNonIntersectingAnnotationPositions(ref uiInput, ref intersectedAnnotations, ref iterations);
}
annotation.GetComponent <NineSlicePlane>().Active = true;
foreach (var comp in annotation.GetComponentsInChildren <Mesh>())
{
comp.Active = true;
}
}
else
{
annotation.GetComponent <NineSlicePlane>().Active = false;
foreach (var comp in annotation.GetComponentsInChildren <Mesh>())
{
comp.Active = false;
}
}
}
// 3. Update annotation positions on canvas and draw line
for (var k = 0; k < child.Children.Count; k++)
{
var container = child.Children[k];
var line = container.Children[2];
var uiInput = _uiInput[k];
if (uiInput.IsVisible)
{
if (!uiInput.CircleCanvasPos.Equals(uiInput.CircleCanvasPosCache))
{
UpdateAnnotationOffsets(child.Children[uiInput.Identifier].Children[1], uiInput);
DrawLine(child.Children[uiInput.Identifier].Children[2], uiInput);
}
}
DrawLine(line, uiInput);
uiInput.CircleCanvasPosCache = uiInput.CircleCanvasPos;
_uiInput[k] = uiInput;
}
}
////TODO: set screen space UI projection to orthographic in SceneRenderer
//if (_canvasRenderMode == CanvasRenderMode.SCREEN)
//{
// // Render the scene loaded in Init()
// _sceneRenderer.Render(RC);
// projection = float4x4.CreateOrthographic(Width, Height, ZNear, ZFar);
// RC.Projection = projection;
// //_sih.Projection = projection;
// _guiRenderer.Render(RC);
//}
//else
//{
//}
_sceneRenderer.Render(RC);
_guiRenderer.Render(RC);
Present();
}
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 TextureNode(
"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.TopTopLeft),
//Define Offset and therefor the size of the element.
UIElementPosition.CalcOffsets(AnchorPos.TopTopLeft, 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, 24);
var text = new TextNode(
textToDisplay,
"SceneDescriptionText",
vsTex,
psTex,
UIElementPosition.GetAnchors(AnchorPos.StretchHorizontal),
UIElementPosition.CalcOffsets(AnchorPos.StretchHorizontal, new float2(_initCanvasWidth / 2 - 4, 0), _initCanvasHeight, _initCanvasWidth, new float2(8, 1)),
guiLatoBlack,
ColorUint.Tofloat4(ColorUint.Greenery),
HorizontalTextAlignment.Center,
VerticalTextAlignment.Center);
var canvas = new CanvasNode(
"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);
return(new SceneContainer
{
Children = new List <SceneNode>
{
//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
}
});
}