Code Monkey home page Code Monkey logo

bebb-protocol-and-apps / pws Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 1.0 136.68 MB

OIM allows users to create virtual spaces and host them like Websites on the Internet Computer - everything in 3D. Users can include 3D objects, images, videos and more in their spaces and thus make it their home on the 3D Web. By linking to others' spaces, users can create their personal virtual neighborhood in the "Metaverse" (aka Internet)

Home Page: https://vdfyi-uaaaa-aaaai-acptq-cai.ic0.app/

License: Apache License 2.0

Motoko 19.21% CSS 0.13% HTML 14.25% JavaScript 20.31% Dhall 0.40% Svelte 41.73% TypeScript 3.96%
3d-web a-frame blockchain internet-computer internet-computer-protocol internetcomputer metaverse-infrastructure metaverse-tool virtual-reality web3

pws's People

Contributors

friedrichpatrick avatar lopezi avatar patnorris avatar tiusty avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

patnorris

pws's Issues

Create Space page: Page Layout

The overall page layout should be improved.

Space previews are very wide, could be more like a square
The general layout could be e.g. split the view in half with the space preview on the left and the call to action with text on the right

image

Space Info changes aren't reflected without refresh

Reproduce:
Update the Space Info (on Space view)
Close the Space Info view
Reopen it (expected: see updated Space Info; actual: see old Space Info)
Refresh page and open Space Info (the updated Space Info will show correctly)
--> The updated Space Info is persisted but the changes aren't reflected on the UI without a refresh

Create Space page: improve creation experience

There should be more feedback during the space creation, so it's clear when the space was created and where the new space is, otherwise the user might be confused and might create it again.

An advanced solution could be a creation flow that walks the user through the space creation process and the different options. This could be more playful, give more feedback to the user and redirect directly to the new space.

Up and Down Movements in Space

Add functionality to allow up and down movements in the space (in addition to current left/right and forward/backward movements).

Movement in Spaces

When the user is in the rendered Space (incl. previews on the Create page), reconsider the way movements work (especially left - right) and see if the navigation in the space could be improved and made more intuitive for users.

Create Space page: Loading placeholder for spaces

image When loading the Create Space page, there is no feedback that the default spaces are loading. A loading placeholder should be added such that users are informed that the spaces are being loaded.

Potentially, the previews can also be replaced by images to reduce the load time (and the actual 3D space preview can be entered via a dedicated button)

Edit mode should explain functionality better

Especially how to navigate around in Edit mode
e.g. drag to rotate
zoom in and out to go forward and backward
keep right-click pressed and drag to left and right to go sidewards

Find out how one can go up and down (y-axis) in Edit mode

Ensure that user remains logged in across tabs

Improve the user experience by reducing login friction such that the user is logged in across all OIM tabs (e.g. user logs in on Create Space page to create a new space, then goes to the My Spaces tab to view the new space and clicks on the View button to go to the new space which is opened in a new tab; the user should remain logged in on all pages and tabs)

Create Space page: Space preview escape

When entering a default space's preview (to see the 3D space in fullscreen), one can escape the preview (with esc) but this is hard to discover and a closing window for inexperienced users could make this clearer

image image

After creating a space clicking see details doesn't work

When you click create space, if you click view details on that space afterwards, it won't load the details. You need to refresh the page for it to show the details
image

The bottom space which I just created, won't let me click see details

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.