Oxide - Rotate GUI elements

Estex

Hi all!
Is there are way to rotate GUI element? for example: i add image and i need to rotate it on 45 degree before show it to user

Estex, Jan 19, 2016

#1

Tuntenfisch

I don't think there is a way to rotate a CUI element, currently. You could rotate it using an image editor beforehand.

Tuntenfisch, Jan 19, 2016

#2

Estex

Tuntenfisch said: ↑

You could rotate it using an image editor beforehand.

Click to expand...

I know, but if i will rotate it in real time, i will need to change images very quickly, and all of them need time to be downloaded from urls each time..and its not an option

Estex, Jan 19, 2016

#3

Tuntenfisch

Tuntenfisch said: ↑
One more tip though, I think you are using the url variable to define what image should be loaded in. As far as I can tell this will access the specified url every time you add a UI element with that url inside it, resulting in the image being downloaded every single time. This is obviously slow and far from ideal.

Instead you might want to use the png variable of your CuiRawImageComponent/CuiImageComponent instead. This will require some more work though. You will first need to store each png file inside the servers file storage and keep track of each file's ID. This way the client will only receive the png file once from the server and store it locally for easy access in case it is requested again. Here's a small code snippet that shows my file manager that is responsible for storing and keeping track of files for my plugin Kill Feed:
Code:
/// <summary>
/// Responsible for storing the png files in the server's file storage and keeping track of them.
/// </summary>
class FileManager : MonoBehaviour
{
    public static string fileDirectory;    public static Dictionary<string, string> fileIDs = new Dictionary<string, string>();    /// <summary>
    /// Stores a value inside the server's file storage.
    /// </summary>
    /// <param name="key"> The key that is used to keep track of the value.</param>
    /// <param name="value"> The value containing the url to the png file.</param>
    /// <seealso cref="WaitForRequest(string, string)"/>
    public static void Store(string key, string value)
    {
        StringBuilder url = new StringBuilder();
        if (value.StartsWith("file:///") || value.StartsWith(("http://")))
        {
            url.Append(value);
        }
        else
        {
            url.Append(fileDirectory);
            url.Append(value);
        }
        _fileManager.StartCoroutine(WaitForRequest(key, url.ToString()));
    }    /// <summary>
    /// Stores a list of value inside the server's file storage.
    /// </summary>
    /// <param name="files"> The list of values that should be stored. The list of keys is used to keep track of the values.</param>
    /// <seealso cref="Store(string, string)"/>
    public static void Store(Dictionary<string, string> files)
    {
        foreach (KeyValuePair<string, string> pair in files)
        {
            Store(pair.Key, pair.Value);
        }
    }    /// <summary>
    /// Coroutine that waits for the url data to be loaded and stores it once it is loaded.
    /// </summary>
    /// <param name="shortname"> The shortname of a given item.</param>
    /// <param name="url"> The url that points to the data that should be stored.</param>
    /// <returns></returns>
    private static IEnumerator WaitForRequest(string shortname, string url)
    {
        WWW www = new WWW(url);        yield return www;        if (string.IsNullOrEmpty(www.error))
        {
            string fileID = FileStorage.server.Store(www.bytes, FileStorage.Type.png, uint.MaxValue).ToString();            if (!fileIDs.ContainsKey(shortname))
            {
                fileIDs.Add(shortname, fileID);
            }
            else
            {
                fileIDs[shortname] = fileID;
            }
        }
    }
}
This snippet doesn't show initialization, etc. If you want to get a more comprehensive look at it just download my plugin Kill Feed and look at the source.
Click to expand...
Taken from: Cuihelper hide/update instead of remove | Oxide

Tuntenfisch, Jan 19, 2016

#4

Estex

Ok, its very usufull. But can you please said what i need to fo next? So i then need to add file id to CuiRawImageComponent like on example below?
Code:
new CuiRawImageComponent
                        {
                            png = fileId,
                        }

Estex, Jan 20, 2016

#5

Tuntenfisch

Estex said: ↑
Ok, its very usufull. But can you please said what i need to fo next? So i then need to add file id to CuiRawImageComponent like on example below?
Code:
new CuiRawImageComponent
                        {
                            png = fileId,
                        }
Click to expand...
Exactly!

Tuntenfisch, Jan 20, 2016

#6