Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

AppGameKit Classic Chat / Material-UI icons in AGK

Author
Message
Kevin Cross
21
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 6th Dec 2020 21:11 Edited at: 6th Dec 2020 21:15
Here is a mini project that has all of the Material-UI icons combined into 4 images. It uses sub images and the array .find function to let you search for any of the icons and display them. The names are the same as you would find here: https://material.io/resources/icons/?style=baseline

There's 4 examples where I'm searching and displaying the icons in the project. But this is how:



This is their license on their repository:
We have made these icons available for you to incorporate into your products under the Apache License Version 2.0. Feel free to remix and re-share these icons and documentation in your products. We'd love attribution in your app's about screen, but it's not required. The only thing we ask is that you not re-sell these icons.

https://github.com/google/material-design-icons

I will be adding this to OryUI
OryUI - A WIP AGK2 UI Framework

Attachments

Login to view attachments
Kevin Cross
21
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 6th Dec 2020 22:28
The project above uses the 48x48 pixel images. The attached file contains their 96x96 pixel versions just in case you want better quality. Because they're bigger it means that there are less icons per subimage file, and now more files.

If you want to use these versions the above script will work, you just need to change the for a loop max to be the number of subimage files (16). And the for b loop max to be the number of icons in each image (100)
OryUI - A WIP AGK2 UI Framework

Attachments

Login to view attachments
Kevin Cross
21
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 7th Dec 2020 08:12
If you experience issues broadcasting this to your device, try renaming the subimages text files so that the word subimages starts with a lower case s. I found that it was working fine when running in Studio, but when broadcasting it gave lots of errors saying that the images weren't found in the parent images. Fixing the filename sorted it.
OryUI - A WIP AGK2 UI Framework
Kevin Cross
21
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 7th Dec 2020 09:18
These icons have now been added to the next version of OryUI which will be available soon. I went with the smaller version to keep the overall framework size down. Hopefully the quality will be good enough for general use.

I've attached a screenshot of some random icons displayed in a list in an app.
OryUI - A WIP AGK2 UI Framework

Attachments

Login to view attachments
Virtual Nomad
Moderator
18
Years of Service
User Offline
Joined: 14th Dec 2005
Location: SF Bay Area, USA
Posted: 7th Dec 2020 17:14
thanks for sharing. i knew about their fonts project but not the icons.
[My Itch.io Home] [Now Playing]
[AGK Resource Directory] [TGC @ GitHub]
[CODE lang=AGK] YOUR CODE HERE [/CODE]
[VIDEO=youtube] VIDEO ID [/VIDEO]
[Google Forum Search]
Kevin Cross
21
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 29th Dec 2020 12:26 Edited at: 29th Dec 2020 12:27
Sharing again as I've now placed this on GitHub and have provided their full set of icons, not just the baseline set:

https://github.com/KevinCrossDCL/AGK-Examples/tree/main/Material-Icons

The README in the top level of the repository shows how to use them: https://github.com/KevinCrossDCL/AGK-Examples/blob/main/README.md
OryUI - A WIP AGK2 UI Framework
Kevin Cross
21
Years of Service
User Offline
Joined: 15th Nov 2003
Location: London, UK
Posted: 29th Dec 2020 18:13
I've also uploaded the script I created that converts the original icons to AppGameKit subimages. The script gives you the option to just extract the icons you're interested in for your project, so that you don't need to include all 1,500 odd each time.

https://github.com/KevinCrossDCL/AGK-Examples/tree/main/Convert-Material-Icons-To-Subimages
OryUI - A WIP AGK2 UI Framework

Login to post a reply

Server time is: 2024-11-24 05:21:57
Your offset time is: 2024-11-24 05:21:57