dumb-code/dumbcode-studio

The complete suite of DumbCode made tools for modeling, animating and managing minecraft style game assets

Turborepo starter

This is an official Yarn v1 starter turborepo.

What's inside?

This turborepo uses Yarn as a package manager. It includes the following packages/apps:

Apps and Packages

• docs: a Next.js app
• web: another Next.js app
• ui: a stub React component library shared by both web and docs applications
• eslint-config-custom: eslint configurations (includes eslint-config-next and eslint-config-prettier)
• tsconfig: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

Utilities

This turborepo has some additional tools already setup for you:

• TypeScript for static type checking
• ESLint for code linting
• Prettier for code formatting

Build

To build all apps and packages, run the following command:

cd my-turborepo
yarn run build

Develop

To develop all apps and packages, run the following command:

cd my-turborepo
yarn run dev

Remote Caching

Turborepo can use a technique known as Remote Caching to share cache artifacts across machines, enabling you to share build caches with your team and CI/CD pipelines.

By default, Turborepo will cache locally. To enable Remote Caching you will need an account with Vercel. If you don't have an account you can create one, then enter the following commands:

cd my-turborepo
npx turbo login

This will authenticate the Turborepo CLI with your Vercel account.

Next, you can link your Turborepo to your Remote Cache by running the following command from the root of your turborepo:

npx turbo link

Useful Links

Learn more about the power of Turborepo:

• Pipelines
• Caching
• Remote Caching
• Scoped Tasks
• Configuration Options
• CLI Usage

dumbcode-studio's Issues

Texture map is movable when painting.

When using the pain tool on the texturemap window instead of on the model itself the texturemap is moved underneath the cursor still. The ability to drag texturemaps to adjust the offsets should be locked while in "paint mode"

Animator tab improvements

Things needed to be changed with animator tabs.

1. A way to close them so you don't have to have all animations on a project open.
2. A way to open an animation from the project page apart from just creating one (once number 1 is fixed)
3. tab colors for deselected tabs (not just text)

Moving offset using translation arrows is scuffed af

Moving the offset pt using translation arrows ie not precise, moves the cube too instead of purely just the offset pt
Locking the cube doesn't do anything at all, the offset point will just look like it's being moved

https://cdn.discordapp.com/attachments/741335776473907320/773658252122128384/Studiotest21.gif

Selection mode sometimes gets locked when not holding shift

On occasion while selecting things with Shift+RMB the selection mode gets stuck. This can be always reproduced when selecting and the right click menu pops up.

Translation, Rotation, Dimension wheel and arrow improvements

Right now if you select a particular wheel or arrow for the corresponding axis, your selection is indicated by a grey line and the other arrows/wheels becoming translucent and less bright

It would be better if the selected wheel/arrow instead became brighter and the line appearing to be the same color as the arrow. To further emphasize/indicate your selection, the current solution of having the other axes becoming translucent & less bright should still be kept.

Also as suggested in discord, the grey lines that pop up should be the same color as the corresponding axis.

Another suggestion I voiced earlier was for the translation arrows to match the rotation wheel and dimension arrows in having arrows for both positive and negative directions for each axis as opposed to the current implementation of the arrows going in the positive direction only(in relation to the cube's local rotations & position). Because right now it's super easy for the arrows to be obscured and hidden away by cube(s) sitting directly on top, in front, below, behind, etc of a selected cube.

Precision for cube translations/modifications

It is sometimes too inaccurate for cube translations when using the arrows. It would be nice to have the ability to modify these differently and the solution that makes the most sense to me is as follows:

the buttons for offset and cube grow should adjust the value by .25 and if holding shift it should adjust by 1. Optionallly we could have a control keybind for .1 or something but that's rather un-needed.

Keybinds for camera snapping

It would be nice to be able to have a keybind for snapping the camera to an axis direction. Other programs like blender use the num pad to do this and it works quite well. hitting this key would point the axis towards positive x y and z depending on the key pressed. Benefits of this are that it allows you to see your model in exact profiles instead of guessing.

Animation issue with importing remote projects

When importing a remote project, only the first animation you switch to works.

Cube list should be detachable too

Weird that the values can be detached but not the cube list, this partly contributes to the gross whitespace that's left behind offering no benefit to detaching the sidebar(s) or parts of it. Being able to detach the whole thing would free up the viewer space

Progression Points

wyn forgot to re-add them in the 0.5.0 updated UI kekw

Progression point stuff gets hidden when zoomed in

The inputs (especially on the right side) of the animator is pretty small, would like it to be larger, or have the option to zoom in/enlarge it.

The cube name at the bottom of the screen should be also usable to rename the current selected cube

Note where it says "newcube" simply clicking on this should allow you to rename the cube selected (fixed a complaint from Kash)

Tabs dont show what program you're currently on.

there is no indicator to what studio tab is selected (project, modeler, texturer or animator)

Selection issues on animator tab

1. When you click on a cube and then click that same cube again it deselects it. This should just keep the same cube selected unless you click on empty space in the viewport
2. when you deselect a cube (either by the previous issue or the normal click empty space) the transform controls on the sidebar don't empty

Dragging a cube on the cube list isn't great

When dragging at the top or bottom of the viewport it should scroll.
Also redo the css as it doesnt look great

See: https://drive.google.com/file/d/1ee_92Sxo2WT9EIZ61uX-lI90LDPgfBrl/view

Detaching values part of sidebar

Detaching the values section just leaves behind a gross white space instead of opening up more viewer space.
https://cdn.discordapp.com/attachments/741335776473907320/772536835368026123/unknown.png

The values section of sidebar is not affected by the world/local toggle on bottom bar

setting the move values on the arrows to world or local doesn't affect the manual inputs, it's set to local translation, a pain to use when arrows are hidden in other cubes.
https://cdn.discordapp.com/attachments/741335776473907320/772305774869086258/Studiotest14.gif

Add the favicon from the main site

FOV buttons close the tooltip

On the modeling tab where you choose the type of projection (shown in screenshot) pressing the buttons to increase or decreas the fov or trying to type in the field closes the tooltip making it impossible to actualy edit the fov (except for one value at a time if you're pressing the arrows)

Cube List doesn't expand when the values part of sidebar is detached

url

Blending animations

Being able to create new animations by blending a couple of them together.

A UI would also be needed to link them together creating a tree

• You'll start off by importing your animation files
• then create two or more nodes
• select your animation in each node
• link the animation nodes however order and etc you want
• all of them should be linked to the blend node
• blend node outputs to a new animation node
• save new animation and use it however

For each animation you layer/link/blend. You can set the speed and Loop condition

You'd then adjust the weight in the blend node?

And name the output node

Selecting multiple cubes does not let you delete or lock them together

selecting multiple cubes and hitting delete only deletes the initial selected cube, ctrl+delete doesn't do anything either.
https://media.discordapp.net/attachments/741335776473907320/772302545078452254/Studiotest12.gif?width=1015&height=525

no combination of ctrl+left click, ctrl+delete, delete, or regular left click lets you delete, lock, or turn off visibility of selected cubes
https://media.discordapp.net/attachments/741335776473907320/772304232568848394/Studiotest13.gif?width=1015&height=525

"Rotate Around Point" option in object transform is broken

The math seems incorrect for the Object|Rotate|Rotate Around Point option for transforming a cube.

Directional indicators

There is no current way of knowing whether the model is pointing in the direction you want. This can be solved by a directional indicator in the bottom left corner of the viewport that rotates with the view indicating positive x y and z directions

The ability to scroll over translation inputs

Basically it's a pain in the butt to click the arrows or type the number for translations so if we can scroll over the input box that would speed things up a lot

Suggestion: Auto-centering offset pt

A way/feature to center the offset point on each individual axes, not together. Should also calculate and center according to cube grow on specific axis as well.

Editing the rotation/position shouldn't require clicking

Currently, you need to click the specific axis you want to rotate/move before you're able to scroll and change it. It would be better if it was possible to just hover over the number and scroll. It would drastically improve working speed.

Add delete buttons for each project

Lemme delete projects that are accidentally created/unused

Animator tick resolution

Currently at 20 per second. Should be a configurable amount, that can be changed in the animation settings.

Warning on page close to save

When a user is attempting to close a tab we need to alert them to save their work.

Projects get automatically made if you click on any of the three tabs

Projects are made automatically if there's no project already made via create new model or uploading one.
And there's no cubes either.

Studio has some memory issues

For instance:

• memento traverser doesn't limit the memento list
• memory seems very sporadic per frame with the panel open.

(this will be added to in the future)

Multiple Selected cubes should be modified the same way as parent & child cubes

Right now the solution simply applies position editing to all cubes selected but doesn't treat them like parent & child cubes

url

This leads to some wonky results when you wanna select multiple "parented to different cubes"/"separate" cubes and move em together. There should be some kind of toggle to group multiple selected cubes

The project page isn't scrollable

When you add a certain number of animations greater than the height of your monitor you can no longer see the lower ones.

Popped out panels should have their own layouts

As css tends to be finicky I think that the best way to make sure that the popped-out panels work well and are responsive like the embedded versions we should have a way to style them independently. The main example of this being an issue is with the modeler "cube edit" pannel displaying everything in "block" form as opposed to in a grid or something more sensible.

I'll be happy to make these layouts if @Wyn-Price can code in the panels themselves. I think this would be nice to have a "panels" directory just like we have "tabs" and "modules" directories for these things.

Gumball should render on top of the selected cube

Undo and maybe Redo

Undo functionality is not functioning
Redo isn't either

Fix hitbox on animation layer 0

The layer 0 + button is very hard to press. The area which you can click seems to be just the top of the icon, while it's fine for every other layer + button.

Texture naming issue

When you upload an image it retains the extension so when you download it again after edits it's .png.png

More offset pt shenanigans

For some reason randomly the offset pt goes to the upper front right corner of every cube. I can't properly document how it's happening but I suspect it has to do with switching tabs or windows. The offset values are unaffected tho

https://cdn.discordapp.com/attachments/741335776473907320/773658877379346442/Studiotest22.gif

Tooltip general improvements

The tooltips sometimes render underneath other elements, this should be fixed.
Additionally, tooltips should not always be shown right away; a delay before a tooltip is shown would be less distracting.

Locking cubes to change offset w/o affecting position

Locking cube to change offset w/o affecting position is bugged. The locked cube still moves as if it's unlocked when messing with the offset values

https://cdn.discordapp.com/attachments/741335776473907320/773604932250501160/Studiotest19.gif

Add different scroll speeds

There need to be different scroll speeds in the animator rotations/positions tabs.
Scrolling on slider: Normally: 0.36
When holding Ctrl: 0.04
When holding Shift: 3.6

Scrolling on number: Normally: 0.1
When holding Ctrl: 0.01
When holding Shift: 1.0

Dragging the bar should be a difference of 2.61
Dragging the wheel should be a difference of 1.575

Freeze when using the wheel/arrow controls

The studio webpage freezes when I use the wheel/arrow controls and then click on another cube/click on the empty space.

Gumball exact translations

If the user were to click on one of the handles of the gumball it should be possible to enter an exact amount to change the cube by. That description is a bit cryptic so I'll attach a gif showing what I mean: https://i.gyazo.com/038d39ff149c7c26d705201b5b608554.mp4

Some visibility changes

The lighting of the viewport is sometimes difficult to see what cubes are on top of other cubes.

Solution: provide outlines on all cubes to make edges more apparent. The selected cube should have all edges visible even if obstructed by the cube that is selected.

Benefits of this solution aside from edge awareness are that we can ditch the ugly cube shading when it's selected and can replace it with the outline being colored.

Example of the background outlines being rendered of the selected cube:

Misleading tooltip for cube creation

When no cube is selected the buttons to create a new cube are misleading. When no cube is selected these buttons could be replaced with a single button with a tooltip "Create a cube" or we could gray out the child cube and replace the tooltip of the sibling cube button with one that reads "Create a Cube"

Grounding cube improvements

On the texture tab the grounding cube (the lil blue cube under the model) obstructs the bottom of the model keeping you from being able to paint on it. this can be solved by removing it completely on the texture tab or by giving a toggle switch may be under the viewport similar to the model tab.

It would also be nice if it were colored the same as texture maps to kind of give a better indication of what direction it is facing.

On the animation tab it would be helpful to make the cube larder for grounding the animations so there could be some improvements made there too.

Cube disappearing

Had a cube(lowerJawlow2) go missing when I locked it into place so that I could move the parent cube around. Using the translation arrows, I moved the parent cube and the cube(lowerJawlow2) disappeared. The positions had no values and were empty.

Console log:

I tried editing the position values but only a gumball showed up:

Hitting undo didn't do anything either

Lock and Visibility icons overlapping

When the side bar is compacted or when cube names are really long, the Lock and Visibility icons overlap onto the names, causing clutter and just grossness

https://cdn.discordapp.com/attachments/741335776473907320/772536502382624818/unknown.png
https://media.discordapp.net/attachments/741335776473907320/772545055558860800/unknown.png