Comments (4)
I made a small piece of art for one of my projects that could be of help. It's supposed to recreate PSO's ingame HP bar look at a higher resolution using a gradient.
HP_Bar_SVG.zip
Here's what it looks like : https://codepen.io/eleriaqueen/pen/mYKXLB
from pso-tracker.
It looks okay, is it mirroring the in-game colors precisely? Hard to tell looking at game screenshots but I can review it closer. It shouldn't be a problem to use either the gradient on the existing shape (just a rounded rectangle) or this directly with minor tweaks.
from pso-tracker.
For the codepen example the main green color I used is RGB(0 , 255 , 0).
Shading should be pretty close to in-game one except smoother of course.
That being said I didn't spend a huge amount of time trying to replicate it to perfection.
(Here's the original game asset, scaled by a factor of 4x on both axes, for reference. Do mind that original textures are compressed using DDS format so there are colour artifacts.)
Edit : I took a screenshot of PSOGC using Dolphin Emu with custom all-white HP/TP bar graphics to get the exact base colour for these bars as drawn by Gamecube GPU.
Don't mind the higher-than usual resolution on the rest of the UI, I was too lazy to disable my custom HiRes UI for the screenie.
from pso-tracker.
Nice research. For the gradients on pso-icons/equipment, I definitely took artistic license and didn't worry about exact pixel locations given how low-res the source material is. For something only 7 pixels tall I'll just worry about blending 7 colors and let the rounded rectangle suffice for a container shape.
P.S. Don't feel like you have to edit your posts if you have more to add on to the original post, if you were concerned about that. Notifications are only generated for the first post, and I already filter things like that to not buzz my phone every time or whatever.
from pso-tracker.
Related Issues (18)
- --no-minify is required non-ideally HOT 1
- Allow launching with all controls enabled but no visual aids
- Create a casual technique tracker
- Barta initial value should be 1 (but minimum 0)
- Changing profiles can forget the window size
- HP should allow increments of 1
- Add profiles for Hunters
- Add profile for All Missions
- Number of layouts dropdown does not update when changing profiles
- Visibility of values is poor at lower resolutions/bitrates HOT 8
- Add a hotkey for Reset
- Integrate with LiveSplit HOT 1
- Keyboard controls not working since 1.1.0
- Keyboard controls not working acceptably in OBS browser source
- Add more background options
- Window doesn't launch at correct size
- Allow customizable layouts
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pso-tracker.