1
0
mirror of synced 2025-02-08 22:59:41 +01:00

WIP song select layout

This commit is contained in:
Stepland 2020-01-27 01:52:49 +01:00
parent 12b5283a71
commit ec5c4e270b
8 changed files with 214 additions and 84 deletions

View File

@ -10,7 +10,7 @@ foreach module : ['system', 'window', 'graphics', 'audio']
sfml += [dependency('sfml-'+module, version : '>=2.5.1')]
endforeach
add_project_link_arguments(['-lstdc++', '-lstdc++fs'], language : 'cpp')
add_project_link_arguments(['-lstdc++', '-lstdc++fs', '-lm'], language : 'cpp')
sources = [
'src/Main.cpp',
@ -36,9 +36,11 @@ sources = [
# 'src/Screens/Result.hpp',
'src/Resources/CoverAtlas.hpp',
'src/Resources/CoverAtlas.cpp',
'src/Toolkit/AffineTransform.hpp',
'src/Toolkit/EasingFunctions.hpp',
'src/Toolkit/EasingFunctions.cpp',
'src/Toolkit/QuickRNG.hpp',
'src/Toolkit/QuickRNG.cpp',
'src/Toolkit/AffineTransform.hpp',
]
executable(

View File

@ -6,8 +6,8 @@
MusicSelect::Screen::Screen(const Data::SongList& t_song_list) :
song_list(t_song_list),
ribbon(MusicSelect::Ribbon::test2_sort()),
button_highlight(panel_size)
button_highlight(panel_size),
ribbon(resources)
{
for (const auto& song : song_list.songs) {
if (song.cover) {
@ -18,6 +18,7 @@ MusicSelect::Screen::Screen(const Data::SongList& t_song_list) :
}
}
}
ribbon.test2_sort();
}
void MusicSelect::Screen::select_chart(sf::RenderWindow& window) {
@ -38,20 +39,7 @@ void MusicSelect::Screen::select_chart(sf::RenderWindow& window) {
break;
}
}
// draw the ribbon
for (size_t panel = 0; panel < 12; panel++) {
ribbon.at(panel)->draw(
resources,
window,
sf::FloatRect(
(panel%4)*150.f,
(panel/4)*150.f,
150.f,
150.f
)
);
}
window.draw(ribbon);
window.draw(button_highlight);
window.display();
window.clear(sf::Color::Black);

View File

@ -4,7 +4,7 @@
#include "MusicSelect.hpp"
void MusicSelect::ColorPanel::draw(Resources& resources, sf::RenderTarget& target, sf::FloatRect area) {
void MusicSelect::ColorPanel::draw(const Resources& resources, sf::RenderTarget& target, sf::FloatRect area) {
sf::RectangleShape panel{{area.width*0.9f, area.height*0.9f}};
panel.setFillColor(this->color);
panel.setOrigin(panel.getSize().x / 2.f, panel.getSize().y / 2.f);
@ -16,7 +16,7 @@ void MusicSelect::CategoryPanel::click(Screen& screen) {
}
void MusicSelect::CategoryPanel::draw(Resources& resources, sf::RenderTarget& target, sf::FloatRect area) {
void MusicSelect::CategoryPanel::draw(const Resources& resources, sf::RenderTarget& target, sf::FloatRect area) {
sf::RectangleShape red_rectangle;
red_rectangle.setFillColor(sf::Color::Transparent);
red_rectangle.setOutlineColor(sf::Color::Red);
@ -68,7 +68,7 @@ void MusicSelect::SongPanel::click(Screen& screen) {
}
void MusicSelect::SongPanel::draw(Resources& resources, sf::RenderTarget& target, sf::FloatRect area) {
void MusicSelect::SongPanel::draw(const Resources& resources, sf::RenderTarget& target, sf::FloatRect area) {
}

View File

@ -17,21 +17,21 @@ namespace MusicSelect {
// What happens when you click on the panel
virtual void click(Screen& screen) = 0;
// How the panel should be displayed
virtual void draw(Resources& resources, sf::RenderTarget& target, sf::FloatRect area) = 0;
virtual void draw(const Resources& resources, sf::RenderTarget& target, sf::FloatRect area) = 0;
virtual ~Panel() = default;
};
class EmptyPanel final : public Panel {
public:
void click(Screen& screen) override {return;};
void draw(Resources& resources, sf::RenderTarget& target, sf::FloatRect area) override {return;};
void draw(const Resources& resources, sf::RenderTarget& target, sf::FloatRect area) override {return;};
};
class ColorPanel final : public Panel {
public:
explicit ColorPanel(const sf::Color& t_color) : color(t_color) {};
void click(Screen& screen) override {return;};
void draw(Resources& resources, sf::RenderTarget& target, sf::FloatRect area) override;
void draw(const Resources& resources, sf::RenderTarget& target, sf::FloatRect area) override;
private:
const sf::Color color;
};
@ -40,7 +40,7 @@ namespace MusicSelect {
public:
explicit CategoryPanel(const std::string& t_label) : label(t_label) {};
void click(Screen& screen) override;
void draw(Resources& resources, sf::RenderTarget& target, sf::FloatRect area) override;
void draw(const Resources& resources, sf::RenderTarget& target, sf::FloatRect area) override;
private:
std::string label;
};
@ -49,7 +49,7 @@ namespace MusicSelect {
public:
explicit SongPanel(const Data::Song& t_song) : song(t_song) {};
void click(Screen& screen) override;
void draw(Resources& resources, sf::RenderTarget& target, sf::FloatRect area) override;
void draw(const Resources& resources, sf::RenderTarget& target, sf::FloatRect area) override;
private:
const Data::Song& song;
};

View File

@ -7,50 +7,92 @@
#include "Panel.hpp"
#include "../../Toolkit/QuickRNG.hpp"
MusicSelect::Ribbon MusicSelect::Ribbon::title_sort(const Data::SongList& song_list) {
std::map<char,std::vector<Data::Song>> categories;
for (const auto& song : song_list.songs) {
if (song.title.size() > 0) {
char letter = song.title[0];
if ('A' <= letter and letter <= 'Z') {
categories[letter].push_back(song);
} else if ('a' <= letter and letter <= 'z') {
categories['A' + (letter - 'a')].push_back(song);
} else {
categories['?'].push_back(song);
}
} else {
categories['?'].push_back(song);
}
}
Ribbon ribbon;
for (auto& [letter, songs] : categories) {
std::vector<std::shared_ptr<Panel>> panels;
panels.emplace_back(
std::make_shared<CategoryPanel>(
std::string(1, letter)
)
);
std::sort(songs.begin(), songs.end(), Data::Song::sort_by_title);
for (const auto& song : songs) {
panels.push_back(std::make_shared<SongPanel>(song));
}
while (panels.size() % 3 != 0) {
panels.push_back(std::make_shared<EmptyPanel>());
}
for (size_t i = 0; i < panels.size(); i += 3) {
ribbon.layout.emplace_back();
for (size_t j = 0; j < 3; j++) {
ribbon.layout.back()[j] = std::move(panels[i+j]);
}
}
}
return ribbon;
MusicSelect::MoveAnimation::MoveAnimation(unsigned int previous_pos, unsigned int next_pos, size_t ribbon_size, Direction direction) :
normalized_to_pos(create_transform(previous_pos, next_pos, ribbon_size, direction)),
seconds_to_normalized(0.f, 0.3f, 0.f, 1.f),
clock(),
ease_expo(-7.f)
{
}
MusicSelect::Ribbon MusicSelect::Ribbon::test_sort() {
Ribbon ribbon;
ribbon.layout.push_back(
Toolkit::AffineTransform<float> MusicSelect::MoveAnimation::create_transform(unsigned int previous_pos, unsigned int next_pos, size_t ribbon_size, Direction direction) {
// We first deal with cases were we cross the end of the ribbon
if (direction == Direction::Left and next_pos > previous_pos) {
return Toolkit::AffineTransform<float>(
0.f,
1.f,
static_cast<float>(previous_pos),
static_cast<float>(next_pos-ribbon_size)
);
} else if (direction == Direction::Right and next_pos < previous_pos) {
return Toolkit::AffineTransform<float>(
0.f,
1.f,
static_cast<float>(previous_pos),
static_cast<float>(next_pos+ribbon_size)
);
} else {
return Toolkit::AffineTransform<float>(
0.f,
1.f,
static_cast<float>(previous_pos),
static_cast<float>(next_pos)
);
}
}
float MusicSelect::MoveAnimation::get_position() {
return normalized_to_pos.transform(
ease_expo.transform(
seconds_to_normalized.clampedTransform(
clock.getElapsedTime().asSeconds()
)
)
);
}
bool MusicSelect::MoveAnimation::ended() {
return clock.getElapsedTime() > sf::milliseconds(300);
}
void MusicSelect::Ribbon::title_sort(const Data::SongList& song_list) {
std::vector<std::reference_wrapper<const Data::Song>> songs;
for (auto &&song : song_list.songs) {
songs.push_back(std::cref(song));
}
(song_list.songs.begin(), song_list.songs.end());
std::sort(songs.begin(), songs.end(), Data::Song::sort_by_title);
std::map<std::string,std::vector<std::shared_ptr<Panel>>> categories;
for (const auto& song : songs) {
if (song.get().title.size() > 0) {
char letter = song.get().title[0];
if ('A' <= letter and letter <= 'Z') {
categories
[std::string(1, letter)]
.push_back(
std::make_shared<SongPanel>(song)
);
} else if ('a' <= letter and letter <= 'z') {
categories
[std::string(1, 'A' + (letter - 'a'))]
.push_back(
std::make_shared<SongPanel>(song)
);
} else {
categories["?"].push_back(std::make_shared<SongPanel>(song));
}
} else {
categories["?"].push_back(std::make_shared<SongPanel>(song));
}
}
layout_from_category_map(categories);
}
void MusicSelect::Ribbon::test_sort() {
layout.clear();
layout.push_back(
{
std::make_shared<EmptyPanel>(),
std::make_shared<CategoryPanel>("A"),
@ -58,7 +100,7 @@ MusicSelect::Ribbon MusicSelect::Ribbon::test_sort() {
}
);
for (size_t i = 0; i < 3; i++) {
ribbon.layout.push_back(
layout.push_back(
{
std::make_shared<EmptyPanel>(),
std::make_shared<EmptyPanel>(),
@ -66,12 +108,11 @@ MusicSelect::Ribbon MusicSelect::Ribbon::test_sort() {
}
);
}
return ribbon;
}
MusicSelect::Ribbon MusicSelect::Ribbon::test2_sort() {
void MusicSelect::Ribbon::test2_sort() {
std::string alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
std::map<std::string, std::list<std::shared_ptr<Panel>>> categories;
std::map<std::string, std::vector<std::shared_ptr<Panel>>> categories;
Toolkit::UniformIntRNG category_size_generator{1,10};
Toolkit::UniformIntRNG panel_hue_generator{0,255};
for (auto &&letter : alphabet) {
@ -88,7 +129,7 @@ MusicSelect::Ribbon MusicSelect::Ribbon::test2_sort() {
);
}
}
return Ribbon::layout_from_map(categories);
layout_from_category_map(categories);
}
const std::shared_ptr<MusicSelect::Panel>& MusicSelect::Ribbon::at(unsigned int button_index) const {
@ -99,15 +140,15 @@ const std::shared_ptr<MusicSelect::Panel>& MusicSelect::Ribbon::at(unsigned int
);
}
MusicSelect::Ribbon MusicSelect::Ribbon::layout_from_map(const std::map<std::string, std::list<std::shared_ptr<MusicSelect::Panel>>>& categories) {
Ribbon ribbon;
void MusicSelect::Ribbon::layout_from_category_map(const std::map<std::string, std::vector<std::shared_ptr<MusicSelect::Panel>>>& categories) {
layout.clear();
for (auto &&[category, panels] : categories) {
if (not panels.empty()) {
std::vector<std::shared_ptr<Panel>> current_column;
current_column.push_back(std::make_shared<CategoryPanel>(category));
for (auto &&panel : panels) {
if (current_column.size() == 3) {
ribbon.layout.push_back({current_column[0], current_column[1], current_column[2]});
layout.push_back({current_column[0], current_column[1], current_column[2]});
current_column.clear();
} else {
current_column.push_back(std::move(panel));
@ -117,21 +158,71 @@ MusicSelect::Ribbon MusicSelect::Ribbon::layout_from_map(const std::map<std::str
while (current_column.size() < 3) {
current_column.push_back(std::make_shared<EmptyPanel>());
}
ribbon.layout.push_back({current_column[0], current_column[1], current_column[2]});
layout.push_back({current_column[0], current_column[1], current_column[2]});
}
}
}
return ribbon;
}
void MusicSelect::Ribbon::move_right() {
move_animation.emplace(position, position + 1, layout.size(), Direction::Right);
position = (position + 1) % layout.size();
}
void MusicSelect::Ribbon::move_left() {
move_animation.emplace(position, static_cast<int>(position)-1, layout.size(), Direction::Left);
if (position == 0) {
position = layout.size() - 1;
} else {
position--;
}
}
void MusicSelect::Ribbon::draw(sf::RenderTarget& target, sf::RenderStates states) const {
if (move_animation) {
if (not move_animation->ended()) {
return draw_with_animation(target, states);
} else {
move_animation.reset();
}
}
draw_without_animation(target, states);
}
void MusicSelect::Ribbon::draw_with_animation(sf::RenderTarget& target, sf::RenderStates states) const {
auto float_position = move_animation->get_position();
unsigned int column_zero = (static_cast<int>(float_position) + layout.size()) % layout.size();
for (int column_offset = -1; column_offset <= 4; column_offset++) {
unsigned int actual_column = (column_zero + column_offset + layout.size()) % layout.size();
for (int row = 0; row < 3; row++) {
layout.at(actual_column).at(row)->draw(
resources,
target,
sf::FloatRect(
(static_cast<float>(column_zero + column_offset)-float_position)*150.f,
row*150.f,
150.f,
150.f
)
);
}
}
}
void MusicSelect::Ribbon::draw_without_animation(sf::RenderTarget& target, sf::RenderStates states) const {
for (int column = -1; column <= 4; column++) {
int actual_column_index = (column + position + layout.size()) % layout.size();
for (int row = 0; row < 3; row++) {
layout.at(actual_column_index).at(row)->draw(
resources,
target,
sf::FloatRect(
column*150.f,
row*150.f,
150.f,
150.f
)
);
}
}
}

View File

@ -1,24 +1,51 @@
#pragma once
#include <SFML/Graphics/Drawable.hpp>
#include "Panel.hpp"
#include "../../Data/SongList.hpp"
#include "../../Toolkit/AffineTransform.hpp"
#include "../../Toolkit/EasingFunctions.hpp"
namespace MusicSelect {
enum class Direction {
Right,
Left,
};
struct MoveAnimation {
MoveAnimation(unsigned int previous_pos, unsigned int next_pos, size_t ribbon_size, Direction direction);
Toolkit::AffineTransform<float> normalized_to_pos;
Toolkit::AffineTransform<float> seconds_to_normalized;
sf::Clock clock;
Toolkit::EaseExponential ease_expo;
float get_position();
bool ended();
private:
Toolkit::AffineTransform<float> create_transform(unsigned int previous_pos, unsigned int next_pos, size_t ribbon_size, Direction direction);
};
// The Ribbon is the moving part of the Music Select Screen
// It can be sorted in a number of ways
class Ribbon {
class Ribbon final : public sf::Drawable {
public:
Ribbon() = default;
static Ribbon title_sort(const Data::SongList& song_list);
static Ribbon test_sort();
static Ribbon test2_sort();
Ribbon(const Resources& t_resources) : resources(t_resources) {};
void title_sort(const Data::SongList& song_list);
void test_sort();
void test2_sort();
const auto& get_layout() {return layout;};
const std::shared_ptr<MusicSelect::Panel>& at(unsigned int button_index) const;
void move_right();
void move_left();
private:
static Ribbon layout_from_map(const std::map<std::string,std::list<std::shared_ptr<Panel>>>& categories);
void draw(sf::RenderTarget& target, sf::RenderStates states) const override;
void draw_with_animation(sf::RenderTarget& target, sf::RenderStates states) const;
void draw_without_animation(sf::RenderTarget& target, sf::RenderStates states) const;
void layout_from_category_map(const std::map<std::string,std::vector<std::shared_ptr<Panel>>>& categories);
std::vector<std::array<std::shared_ptr<Panel>,3>> layout;
unsigned int position = 0;
mutable std::optional<MoveAnimation> move_animation;
const Resources& resources;
};
}

View File

@ -0,0 +1,10 @@
#include "EasingFunctions.hpp"
float Toolkit::EaseExponential::transform(float in) {
// (1-2^(a*x))/(1-2^a)
return (
1.f - std::pow(2.f, easing_factor*in)
) / (
1.f - std::pow(2.f, easing_factor)
);
}

View File

@ -0,0 +1,12 @@
#pragma once
#include <math.h>
namespace Toolkit {
class EaseExponential {
public:
EaseExponential(float t_easing_factor) : easing_factor(t_easing_factor) {};
float transform(float in);
float easing_factor;
};
}