damarindra / dolanan Goto Github PK

User Interface is mostly being used when creating a game. Step by step implementation

User InterFACE!

Rect Transform

• Rectangle
• Anchor

UICanvas

• A component Type

Text

• Text
• Align
• Vertical Align
• Autowrap

Image

• Texture
• Auto Fit

9 Slice Image

• 9 Slice
• Tile
• Stretch

Button

• Image / nineslice
• Hover & Pressed Tint (Image != null)
• Callback button (OnHoverEnter, OnHoverExit, OnPressedDown, OnPressedUp)

Bar (After 9 Slice done)

• Background 9Sliced
• Foreground 9Sliced
• Min, Max
• Value

Vertical Container

• Done

Horizontal Container

• Done

Scroll Bar

As further research, List is better when saving not many items. Dolanan system has a separate collections to save Actor, Component, and other stuff.
For example, the World contains Layer, which is just small amount. Each Layer will hold Actors, this depends on how big your Layer, but I think List is a lot better. Also, each Actor has components that are not that many, this absolutely better with List.

cons Need to check if Object already added on the collection (but, who the f add the same Object 2 times?)

This is Todo list that I'm still missing

• OnCollisionEnter gives info velocity and remainder, this allow to calculate push velocity

While creating a level, looks are important. So we refine our assets and want to reload at runtime. This is important to implement, we don't want to stop game, refine art, start the game, it needs a lot of time!

Joblist

• Building / Rebuild (https://community.monogame.net/t/building-and-loading-content-at-runtime/10849, https://community.monogame.net/t/generating-xnb-files-from-fbx-files-using-commandline/10219/8)
• Reloading (https://community.monogame.net/t/reloading-resources-at-runtime/9277)
• Auto add new file at Content Folder

• platformer
• topdown

AnimationSquence is a single animation, not a controller! Currently can't be edited at runtime, setup only at constructor.
Example of animation : Idle, Walk, Jump, etc

Track : Contains all keyframe, Object that current recorded
Key : Contains TimeInMilisec and the Value

NOTES

Setter AnimationData

Animation data contains current position of the animation being played and animation length. If we allow this to be edited in runtime, it will mess up all the UpdateAnimation currently running.
Such as Seek function, seek will jump the position of animation currently playing, so we need update All Track inside the animation, such as _nextKeyIndex

Track

TryGetNewKey is a function that trying to get the next key. We need to passing the positionBeforeUpdate and the currentPosition, this value will be used for trapping the nextKey. Trapping => Is the nextKey.TimeInMilisec between the positionBeforeUpdate and currentPosition

Joblist

Static class

• Save all setter to a dictionary, whenever we create a new track, try search the dictionary first, if any use it, otherwise create new

Animation

• Getter for AnimationData variable
• Setter for Animation Data variable (setter at runtime need to update all data such as tracks)
• Seek
• Play
• UpdateAnimation
• Reverse
• Loop
• Stop / Pause
• Resume

Animation Data

• Update Animation Data
• Delegate OnUpdateProperty

Track

• BaseTrack
• Track<'T>
• ValueTrack <'T> (int, float, etc)
• MethodTrack (Untested)
• BezierTrack
• PositionTrack
• RotationTrack
• ScaleTrack
• TryGetNewKey (getting the next key, if passing the key time)
• AddKey
• Delegate OnUpdateProperty

Keyframe

• Key
• Key<'T>

This make it easier to post progress on social media. How to do it?

• Make a screenshot at some fps (https://community.monogame.net/t/how-to-make-screenshot/1742/2)
• Turn the image png into gif using FFmpeg

Overview

• Overal System, Intialize, Start, Update, LateUpdate, Draw, BackDraw
• EC, WITHOUT S. Only EC
• Collision
• ``

Important Game Framework

• GameMgr
• GameSettings
• Input
• ResourceBox (might be delete (?))

Actor

• Actor
• Camera
• World
• Layer
• UILayer
• UIActor

Component

• Component
• Transform2D
• Renderer
• Sprite
• UIComponent

Collision

• AABB
• Body
• Response (move)
• Hit
• World Collision (not a component, the whole game but collision handle)

UI Component

• Image
• comming soon

Animation

• AnimationPlayer
• AnimationSequence (resource type)
• Track

Third Party

• Aseprite

Container for AnimationSequence, provide action to Play(string animationName)

Joblist

Properties

• GetCurrentAnimationSequence
• GetCurrentAnimationName
• IsPlaying

Methods

• Play(string name)
• PlayAt(string name, float position)
• Stop
• SetSpeed (speed for all animation inside the player)

Convert a position to different space

• Screen To World Position
• Viewport To World Position
• World Position to Screen
• World Position to Viewport

Using a library is okay, but sometimes the API is not enough. We are human right?

Joblist

Content Pipeline (Read ogmo implementation - https://github.com/damarindra/Monogame-Ogmo)

• Json to C# (https://app.quicktype.io/)
• Importer
• Processor
• Writer

Dolanan.Aseprite Animation (requirement, AnimationPlayer)

• Reader
• Transfer to AnimationSequence
• Transfer to AnimationPlayer

Dolanan.Aseprite Body Collider (requirement, Body Collider)

• Reader
• Transfer to Body

Dolanan.Aseprite Slice Texture

• Reader
• Transfer Texture2DArray

Dolanan.Aseprite 9 Slice (requirement, 9 Slice)

• Reader
• Transfer to 9 Slice Texture

Like in Unreal, 'command' is the feature killer in Unreal. We can add custom command to do an action

How

• Attribute to mark a function as a Command
• Button to invoke command text input