1
0
Fork 0
mirror of https://github.com/ninjamuffin99/Funkin.git synced 2024-09-19 16:41:39 +00:00

charting section visulizer stuff

This commit is contained in:
Cameron Taylor 2021-09-17 14:12:36 -04:00
parent 2eedd1a20f
commit 38e8b80ed9
3 changed files with 134 additions and 30 deletions

View file

@ -25,6 +25,7 @@ import flixel.text.FlxText;
import flixel.ui.FlxButton; import flixel.ui.FlxButton;
import flixel.ui.FlxSpriteButton; import flixel.ui.FlxSpriteButton;
import flixel.util.FlxColor; import flixel.util.FlxColor;
import haxe.CallStack.StackItem;
import haxe.Json; import haxe.Json;
import lime.media.AudioBuffer; import lime.media.AudioBuffer;
import lime.utils.Assets; import lime.utils.Assets;
@ -362,6 +363,8 @@ class ChartingState extends MusicBeatState
UI_box.addGroup(tab_group_note); UI_box.addGroup(tab_group_note);
} }
var spec:SpectogramSprite;
function loadSong(daSong:String):Void function loadSong(daSong:String):Void
{ {
if (FlxG.sound.music != null) if (FlxG.sound.music != null)
@ -390,6 +393,8 @@ class ChartingState extends MusicBeatState
FlxG.sound.playMusic(Paths.inst(daSong), 0.6); FlxG.sound.playMusic(Paths.inst(daSong), 0.6);
var musSpec:SpectogramSprite = new SpectogramSprite(FlxG.sound.music, FlxColor.RED); var musSpec:SpectogramSprite = new SpectogramSprite(FlxG.sound.music, FlxColor.RED);
musSpec.x += 70;
musSpec.daHeight = FlxG.height / 2;
musSpec.scrollFactor.set(); musSpec.scrollFactor.set();
add(musSpec); add(musSpec);
@ -402,11 +407,21 @@ class ChartingState extends MusicBeatState
vocals = new FlxSound().loadEmbedded(Paths.voices(daSong)); vocals = new FlxSound().loadEmbedded(Paths.voices(daSong));
FlxG.sound.list.add(vocals); FlxG.sound.list.add(vocals);
var spec:SpectogramSprite = new SpectogramSprite(vocals); var vocalSpec:SpectogramSprite = new SpectogramSprite(vocals);
spec.scrollFactor.set(); vocalSpec.x += 70;
vocalSpec.daHeight = musSpec.daHeight;
vocalSpec.y = vocalSpec.daHeight;
vocalSpec.scrollFactor.set();
add(vocalSpec);
spec = new SpectogramSprite(vocals);
spec.x -= 150;
spec.daHeight = GRID_SIZE * 16;
spec.visType = STATIC;
add(spec); add(spec);
FlxG.sound.music.pause(); FlxG.sound.music.pause();
vocals.pause(); vocals.pause();
FlxG.sound.music.onComplete = function() FlxG.sound.music.onComplete = function()
@ -520,6 +535,12 @@ class ChartingState extends MusicBeatState
override function update(elapsed:Float) override function update(elapsed:Float)
{ {
if (FlxG.keys.justPressed.B)
{
spec.visType = STATIC;
spec.generateSection(sectionStartTime(), (Conductor.stepCrochet * 32) / 1000);
}
curStep = recalculateSteps(); curStep = recalculateSteps();
Conductor.songPosition = FlxG.sound.music.time; Conductor.songPosition = FlxG.sound.music.time;
@ -897,6 +918,9 @@ class ChartingState extends MusicBeatState
function updateGrid():Void function updateGrid():Void
{ {
if (spec != null)
spec.generateSection(sectionStartTime(), (Conductor.stepCrochet * 32) / 1000);
while (curRenderedNotes.members.length > 0) while (curRenderedNotes.members.length > 0)
{ {
curRenderedNotes.remove(curRenderedNotes.members[0], true); curRenderedNotes.remove(curRenderedNotes.members[0], true);

View file

@ -13,24 +13,37 @@ using flixel.util.FlxSpriteUtil;
class SpectogramSprite extends FlxTypedSpriteGroup<FlxSprite> class SpectogramSprite extends FlxTypedSpriteGroup<FlxSprite>
{ {
var lengthOfShit:Int = 500; var sampleRate:Int;
var lengthOfShit:Int = 500;
var daSound:FlxSound; var daSound:FlxSound;
public function new(daSound:FlxSound, ?col:FlxColor = FlxColor.WHITE) public var visType:VISTYPE = UPDATED;
public var col:Int = FlxColor.WHITE;
public var daHeight:Float = FlxG.height;
public function new(daSound:FlxSound, ?col:FlxColor = FlxColor.WHITE, ?height:Float = 720)
{ {
super(); super();
this.daSound = daSound; this.daSound = daSound;
this.col = col;
this.daHeight = height;
regenLineShit();
// makeGraphic(200, 200, FlxColor.BLACK);
}
public function regenLineShit():Void
{
for (i in 0...lengthOfShit) for (i in 0...lengthOfShit)
{ {
var lineShit:FlxSprite = new FlxSprite(100, i / lengthOfShit * FlxG.height).makeGraphic(1, 1, col); var lineShit:FlxSprite = new FlxSprite(100, i / lengthOfShit * daHeight).makeGraphic(1, 1, col);
lineShit.active = false; lineShit.active = false;
add(lineShit); add(lineShit);
} }
// makeGraphic(200, 200, FlxColor.BLACK);
} }
var setBuffer:Bool = false; var setBuffer:Bool = false;
@ -38,33 +51,91 @@ class SpectogramSprite extends FlxTypedSpriteGroup<FlxSprite>
var numSamples:Int = 0; var numSamples:Int = 0;
override function update(elapsed:Float) override function update(elapsed:Float)
{
if (visType == UPDATED)
{
updateVisulizer();
}
// if visType is static, call updateVisulizer() manually whenever you want to update it!
super.update(elapsed);
}
/**
* @param start is the start in milliseconds?
*/
public function generateSection(start:Float = 0, seconds:Float = 1):Void
{
checkAndSetBuffer();
if (setBuffer)
{
var samplesToGen:Int = Std.int(sampleRate * seconds);
var startingSample:Int = Std.int(FlxMath.remapToRange(start, 0, daSound.length, 0, numSamples));
for (i in 0...group.members.length)
{
var sampleApprox:Int = Std.int(FlxMath.remapToRange(i, 0, group.members.length, startingSample, startingSample + samplesToGen));
var left = audioData[sampleApprox] / 32767;
var right = audioData[sampleApprox + 1] / 32767;
var swagheight:Int = 200;
var balanced = (left + right) / 2;
group.members[i].x = (balanced * swagheight / 2 + swagheight / 2) + x;
group.members[i].y = (i / group.members.length * daHeight) + y;
// group.members[0].y = prevLine.y;
// FlxSpriteUtil.drawLine(this, prevLine.x, prevLine.y, width * remappedSample, left * height / 2 + height / 2);
// prevLine.x = (balanced * swagheight / 2 + swagheight / 2) + x;
// width * (remappedSample / 255);
// prevLine.y = (i / group.members.length * daHeight) + y;
}
}
}
public function checkAndSetBuffer()
{
if (daSound.playing)
{
if (!setBuffer)
{
// Math.pow3
@:privateAccess
var buf = daSound._channel.__source.buffer;
// @:privateAccess
audioData = cast buf.data; // jank and hacky lol! kinda busted on HTML5 also!!
sampleRate = buf.sampleRate;
trace('got audio buffer shit');
trace(sampleRate);
trace(buf.bitsPerSample);
setBuffer = true;
numSamples = Std.int(audioData.length / 2);
}
}
}
public function updateVisulizer():Void
{ {
if (daSound != null) if (daSound != null)
{ {
var remappedShit:Int = 0; var remappedShit:Int = 0;
if (daSound.playing) checkAndSetBuffer();
{
if (!setBuffer)
{
@:privateAccess
audioData = cast daSound._channel.__source.buffer.data; // jank and hacky lol!
setBuffer = true;
numSamples = Std.int(audioData.length / 2);
}
else
{
remappedShit = Std.int(FlxMath.remapToRange(daSound.time, 0, daSound.length, 0, numSamples));
}
}
else
{
if (setBuffer)
remappedShit = Std.int(FlxMath.remapToRange(Conductor.songPosition, 0, daSound.length, 0, numSamples));
}
if (setBuffer) if (setBuffer)
{ {
if (daSound.playing)
remappedShit = Std.int(FlxMath.remapToRange(daSound.time, 0, daSound.length, 0, numSamples));
else
remappedShit = Std.int(FlxMath.remapToRange(Conductor.songPosition, 0, daSound.length, 0, numSamples));
var i = remappedShit; var i = remappedShit;
var prevLine:FlxPoint = new FlxPoint(); var prevLine:FlxPoint = new FlxPoint();
@ -82,16 +153,21 @@ class SpectogramSprite extends FlxTypedSpriteGroup<FlxSprite>
var remappedSample:Float = FlxMath.remapToRange(sample, remappedShit, remappedShit + lengthOfShit, 0, lengthOfShit - 1); var remappedSample:Float = FlxMath.remapToRange(sample, remappedShit, remappedShit + lengthOfShit, 0, lengthOfShit - 1);
group.members[Std.int(remappedSample)].x = prevLine.x; group.members[Std.int(remappedSample)].x = prevLine.x;
group.members[Std.int(remappedSample)].y = prevLine.y;
// group.members[0].y = prevLine.y; // group.members[0].y = prevLine.y;
// FlxSpriteUtil.drawLine(this, prevLine.x, prevLine.y, width * remappedSample, left * height / 2 + height / 2); // FlxSpriteUtil.drawLine(this, prevLine.x, prevLine.y, width * remappedSample, left * height / 2 + height / 2);
prevLine.x = balanced * swagheight / 2 + swagheight / 2; prevLine.x = (balanced * swagheight / 2 + swagheight / 2) + x;
// width * (remappedSample / 255); // width * (remappedSample / 255);
// prevLine.y = left * swagheight / 2 + swagheight / 2; prevLine.y = (Std.int(remappedSample) / lengthOfShit * daHeight) + y;
} }
} }
} }
super.update(elapsed);
} }
} }
enum VISTYPE
{
STATIC;
UPDATED;
}

View file

@ -493,6 +493,10 @@ class TitleState extends MusicBeatState
cheatActive = true; cheatActive = true;
FlxG.sound.playMusic(Paths.music('tutorialTitle'), 1); FlxG.sound.playMusic(Paths.music('tutorialTitle'), 1);
var spec:SpectogramSprite = new SpectogramSprite(FlxG.sound.music);
add(spec);
Conductor.changeBPM(190); Conductor.changeBPM(190);
FlxG.camera.flash(FlxColor.WHITE, 1); FlxG.camera.flash(FlxColor.WHITE, 1);
FlxG.sound.play(Paths.sound('confirmMenu'), 0.7); FlxG.sound.play(Paths.sound('confirmMenu'), 0.7);