GitHubDragonFly.github.io

GitHubDragonFly's Website - access it here.

Even though this is all usable, none of it is perfect so try to set your expectations accordingly.

The description below is a bit lengthy but should provide pertinent information.

Pictures and/or intro video might not reflect the current looks of any GUI.

This website is designed to serve as a hub with links to:

• My repositories
• Starry AI Night:
  • A poetic collaboration with AI (Microsoft Copilot and in part Google Gemini)
  • English and Srpsko-Hrvatski (ijekavska Latinica / Ћирилица) versions
  • Cosmic exploration with some quantum DNA computing considerations
  • Includes somewhat special vision of divine and Kardashev Scale
  • Audio narration available in English only, separated into Poem and Appendices
  • The collection of appendices reflects a journey of thought and includes:
    • Steps on achieving the impossible dream of space exploration (currently rather distant future)
    • Celestial illusion of angelic Moon and human perspective of it
    • Idea of repurposing the International Space Station (ISS)
    • Down-to-earth contemplation:
      • Preservation of Earth as primary goal
      • Additional Climate Change reading in English only (no sugarcoating here so consider well whether to read it at all)
    • Opinion on artificial minds (AI)
• Simple AI Response Demo:
  • Using Hugging Face space and tools
  • Generates a short conclusion with minimal explanation
  • Older AI engine that may contain inaccuracies
  • Input limit 300 characters
• Number Type Converter up to 128-bit
• nunuStudio games and experiences examples
• FREE online in-browser three.js based 3D Model and Texture viewers
• Three.js based Cube Shading, Celestial Bodies and IMG2MESH pages:
  • Cube Shading notes:
    • It is fully automatic and manipulates each of the RGBA components
    • Ref: The Book of Shaders by Patricio Gonzalez Vivo & Jen Lowe
    • It also has a little bit of:
      • three.quarks atom thanks to its own example
      • Proton mouse flare thanks to threejs-mesh-modifiers example
  • Celestial Bodies notes:
    • Astronomically inacurrate, designed just to please the eye
  • IMG2MESH viewer / converter notes:
    • Versatile tool that can do the following:
      • Convert an image to simple 3D mesh
      • Export this 3D mesh to different 3D formats
      • Export that same image to other image formats
    • Based on thrax version of code: https://tartan-swanky-plutonium.glitch.me/
      • Original code: https://github.com/shaoruu/three-extruded-image
    • Depending on the devices, the image resolution will be limited but could go as high as 16k on desktops
    • Supported import image formats:
      • AVIF, BMP, DDS, DIB, EXR, GIF, HDR, ICO, JPEG, KTX2, PNG, SVG, TGA, TIFF, WEBP
      • Local blobs and remote URL loading are supported:
        • URLs have to end with supported extension
        • GitHub URLs are supported
        • ZIP files are supported
    • Supports exporting to the following formats:
      • Animated GIF and PNG (see general notes about these formats further below)
      • AVIF, HDR, EXR, JPEG, PNG, KTX2, SVG and WEBP images at device limited image size (up to 16k):
        • AVIF encoding is powered by @jsquash/avif encoder:
          • This encoder appears to be limited to 4k resolution
        • KTX2 encoding is powered by ktx2-encoder:
          • Either ETC1S (KTX2e) or UASTC (KTX2u) format can be selected
        • HDR encoding is powered by a modified version of hdrpng.js library:
          • HDR code was created with assistance from Microsoft Copilot
        • SVG encoding is powered by bitmap2vector library:
          • SVG output is additionally optimized with SVG Optimizer
          • SVG output should be of a lower quality than the original image:
            • Lower color and resolution images should be used but also try others
            • Higher color and resolution images might take some time to convert
      • 3D formats: 3DM, GLB, GLTF, JSON, OBJ+MTL, USDZ:
        • Maximum exported texture size is currently limited only for 3DM exports to 2.5k
      • glTF Transform is used for some exports

Originally designed for a desktop but has been adapted to also show properly on mobile devices with some limitations:

• See screenshots below for different appearances of the main menu page
• Mobile viewers are available on desktop computers
• Desktop viewers can be opened on mobile devices by clicking the D button:
  • Kind of intended for tablets, might look cluttered on mobile phones
• As per the PageSpeed Insights basic tests, almost all the pages / code:
  • Are highly performant:
    • relatively scored depending on how busy and responsive github cdn.jsdelivr.net esm.sh networks are at the time of testing
  • Follow Best Practices
  • Are SEO optimized
  • Are Accessibility optimized (AODA in Ontario)
    • keyboard users might be somewhat limited to what's implemented within three.js library

The Mobile 3D button provides access to stripped down and simplified version of mobile friendly 3D viewers:

• Almost all viewers are currently available and should work fine on desktop devices as well
• Some of these viewers use shader materials instead, so they might be better choice for viewing on any device
• Mobile Quick Viewer, GM Viewer and GLTF Viewer also include some export options and more features
• Consider bookmarking the mobile main page for continuous access to all viewers
• Consider bookmarking any single viewer's link for continuous access to that particular viewer
• Consider using WiFi connection, whenever possible, since the library files still need to be downloaded
• All mobile testing was done on an Android mobile phone and an iPad
  • You might need to use the URL loading on an iPad
  • Android users should be aware of the following:
    • Some browser updates could break some functionality (either Chrome or Firefox or any other):
      • Always rely on using multiple browsers, one of them might still be working properly

GitHub servers are providing correct access to all files:

• Cloning or downloading this repository and using it offline will have a somewhat reduced functionality if run locally without some server
• These GitHub servers are also setting CacheControl to last only for 10 minutes so you might need to refresh the current page as needed
• No cookies will be served by my pages

Repositories do contain projects in several different programming languages, or a mix of:

• HTML / CSS / JavaScript / jQuery
• Java
• VB.Net
• C#
• python
• shell

There is a lot of information and descriptions, some intended for Industrial Automation and some for general or personal use. All is good as an educational resource as well.

For those who either deal with or are just learning about Programmable Logic Controllers (PLC):

• Use whatever you can from my repositories
• Make the AdvancedHMI website your next stop for highly functional FREE software.

The Intro button on the desktop main menu page will connect to the intro video below:

• The video shows a little bit of info on the main menu interface
• The video shows how to start using 3D viewers by browsing and loading OBJ model files from a hard drive
  • It might be simpler to open 3D models via any viewer's URL option, provided that you have the actual model's URL available
• This button is not available on the mobile menu
• This video was captured by using the free and open source OBS Studio software
• Videos available in my other repositories were also captured by the OBS Studio.

Intro Video

https://github.com/user-attachments/assets/25436e28-3b4d-4165-85db-21e8033ef42a

Mozilla Firefox screenshots

Main Menu Page (desktop)

Main Menu Page (mobile)

Notes about Number Type Converter

• Appears to be fully functional for conversion between:
  • octal
  • binary
  • hexadecimal
  • 32 and 64 bit floating-point numbers
  • signed and unsigned 8, 16, 32, 64 and 128 bit integers
• This is an online version of the Windows App found here so check its description
• An open mind and some knowledge of number systems, hopefully binary, will help understand the displayed values
• Not all numbers might be easily visible on mobile devices so use only when needed
• Possibly of good use to those who deal with Programmable Logic Controllers (PLC) and students
• Note about float parser: if it encounters an invalid character, as per standard number rules, then it will stop and complete parsing of the string:
  • It will use a valid number which was present up to that point
    • For example, if you would enter `-75