Code Monkey home page Code Monkey logo

dirtvz's People

Contributors

kurtlawrence avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar

dirtvz's Issues

Implement nav bar

Implement nav bar with objects button.
Button toggles the panel display.

UI Overview

Overarching guidance for UI development.

UI

Nav Bar

The nav bar lives on the left-hand side of the container, and is not collapsible.
The nav bar will house buttons for:

  • Objects

  • Settings

  • Help

  • #9

Each button would open/collapse Panel#1

Panel#1

This first panel is chosen by the nav bar.
This panel can house things like the object list, settings, help guides.
It is not intended for contextual things like object properties or selections.
Should likely be resizable horizontally.

Panel#2

This panel is contextual based on actions from panel#1

Tools Bar

This bar houses tooling for interacting with the renderer.
Things like zoom controls, measuring, etc.

Status Bar

This bar houses information such as hovering info and status messages.
It should be able to popup over the canvas with additional information if clicked.
This is useful for reviewing log events.

Grid rendering

Can leverage the tiling system and just rendering a grid.

Two tone or colour palette support will be required (#20)

Properties UI

Implement a UI to adjust properties.

There would be a panel for 'global' properties, and a panel per selected objects.

This will take some work to generate a UI that can handle 'changesets'.

Implement the object list panel

ui2

  • Filter (fuzzy string search)
  • Filter (loaded/unloaded)
  • action bar is contextual on what is selected
  • Delete object action
  • Add new folder action
  • Load/unload on click
  • Load local file action
  • Move to action
  • Toggle collapsed (folder) (use folder icon)
  • Object selection (folders select descendants)
  • Bulk load action
  • Bulk unload action
  • Progress on preprocessing
  • Persist object tree

Mesh edge rendering

Apply edge rendering per mesh.

Since it is per mesh, this will have to work off the back of object properties rather than using the rendering settings.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.