gabry/CodenameEngine
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

drawTriangles for 9splice (mostly working)

Browse Source
This commit is contained in:
lunarcleint
2024-06-09 01:41:25 -07:00
parent cff6d6dc26
commit c1732b46ad
4 changed files with 231 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/editors/ui/context-bg-debug.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 922 B

assets/images/editors/ui/context-bg-debug.xml
+15
View File
@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<TextureAtlas imagePath="context-bg.png">
<!-- Created without animate lol i wrote this-->
<SubTexture name="topleft" x="0" y="0" width="10" height="10"/>
<SubTexture name="top" x="10" y="0" width="44" height="10"/>
<SubTexture name="topright" x="54" y="0" width="10" height="10"/>
<SubTexture name="middleleft" x="0" y="10" width="10" height="44"/>
<SubTexture name="middle" x="10" y="10" width="44" height="44"/>
<SubTexture name="middleright" x="54" y="10" width="10" height="44"/>
<SubTexture name="bottomleft" x="0" y="54" width="10" height="10"/>
<SubTexture name="bottom" x="10" y="54" width="44" height="10"/>
<SubTexture name="bottomright" x="54" y="54" width="10" height="10"/>
</TextureAtlas>
source/funkin/editors/UIDebugState.hx
+1 -4
View File
@@ -101,11 +101,8 @@ class UIDebugState extends UIState {
}, 130, 48));
add(new UITextBox(10, 220, ""));
var spliceSprite:UISliceSprite = new UISliceSprite(650, 350, 30, 30, "editors/ui/context-bg");
var spliceSprite:UISliceSprite = new UISliceSprite(650, 300, 200, 200, "editors/ui/context-bg-debug");
add(spliceSprite);
FlxTween.num(0, 1, 2, {type: PINGPONG}, function (v:Float) {
spliceSprite.bWidth = Std.int(lerp(12, 200, v)); spliceSprite.bHeight = Std.int(lerp(12, 200, v));
});
}
public override function update(elapsed:Float) {
source/funkin/editors/ui/UISliceSprite.hx
+215 -108
View File
@@ -1,10 +1,13 @@
package funkin.editors.ui;
import flixel.math.FlxRect;
import flixel.graphics.frames.FlxFrame;
import flixel.graphics.tile.FlxGraphicsShader;
import flixel.graphics.tile.FlxDrawTrianglesItem.DrawData;
class UISliceSprite extends UISprite {
public var bWidth:Int = 120;
public var bHeight:Int = 20;
public var bWidth(default, set):Int = 120;
public var bHeight(default, set):Int = 20;
public var framesOffset(default, set):Int = 0;
public var incorporeal:Bool = false;
@@ -14,7 +17,9 @@ class UISliceSprite extends UISprite {
frames = Paths.getFrames(path);
resize(w, h);
calculateFrames();
__genMesh();
}
public override function updateButton() {
@@ -56,14 +61,15 @@ class UISliceSprite extends UISprite {
override function set_frames(val) {
super.set_frames(val);
calculateFrames();
__framesDirty = true;
__meshDirty = true;
return val;
}
function set_framesOffset(value:Int) {
if(value != framesOffset) {
framesOffset = value;
calculateFrames();
__framesDirty = true;
}
return value;
}
@@ -84,125 +90,226 @@ class UISliceSprite extends UISprite {
rightWidth = Std.int(Math.max(topright.frame.width, Math.max(middleright.frame.width, bottomright.frame.width)));
topHeight = Std.int(Math.max(topleft.frame.height, Math.max(top.frame.height, topright.frame.height)));
bottomHeight = Std.int(Math.max(topleft.frame.height, Math.max(top.frame.height, topright.frame.height)));
__genUVs();
}
public override function draw() @:privateAccess {
var lastPixelPerfect:Bool = cameras[0] != null ? cameras[0].pixelPerfectRender : false;
if (cameras[0] != null) cameras[0].pixelPerfectRender = false;
var x:Float = this.x;
var y:Float = this.y;
checkEmptyFrame();
if (visible && !(bWidth == 0 || bHeight == 0)) {
var oldAlpha = alpha;
// TOP
if (drawTop) {
// TOP LEFT
if(topAlpha != null) alpha = topAlpha;
frame = topleft;
setPosition(x, y);
__setSize(
topleft.frame.width * Math.min(bWidth/(topleft.frame.width*2), 1),
topleft.frame.height * Math.min(bHeight/(topleft.frame.height*2), 1)
if (alpha == 0 || _frame.type == FlxFrameType.EMPTY)
return;
if (__framesDirty) calculateFrames();
if (__meshDirty) __genMesh();
for (camera in cameras)
{
if (!camera.visible || !camera.exists || !isOnScreen(camera))
continue;
getScreenPosition(_point, camera).subtractPoint(offset);
#if !flash
camera.drawTriangles(graphic, vertices, indices, uvtData, colors, _point, blend, false, antialiasing, colorTransform, shader);
#else
camera.drawTriangles(graphic, vertices, indices, uvtData, colors, _point, blend, false, antialiasing);
#end
#if FLX_DEBUG
FlxBasic.visibleCount++;
#end
}
super.drawMembers();
__lastDrawCameras = cameras.copy();
}
var vertices:DrawData<Float> = new DrawData<Float>();
var indices:DrawData<Int> = new DrawData<Int>();
var uvtData:DrawData<Float> = new DrawData<Float>();
var colors:DrawData<Int> = new DrawData<Int>();
var __framesDirty:Bool = false;
var __meshDirty:Bool = false;
public function set_bWidth(value:Int):Int {
if(value != bWidth) {
bWidth = value;
__meshDirty = true;
}
return value;
}
public function set_bHeight(value:Int):Int {
if(value != bHeight) {
bHeight = value;
__meshDirty = true;
}
return value;
}
private inline function __genMesh() {
indices.length = 0;
vertices.length = 0;
// TOP PART
if (drawTop) {
// TOP LEFT
var topLeftWidth:Float = topleft.frame.width * Math.min(bWidth / (topleft.frame.width * 2), 1);
var topLeftHeight:Float = topleft.frame.height * Math.min(bHeight / (topleft.frame.height * 2), 1);
__genSliceTri(
0, 0,
topLeftWidth, topLeftHeight
);
// TOP MIDDLE
if (bWidth > topleft.frame.width + topright.frame.width) {
var topWidth:Float = bWidth - topleft.frame.width - topright.frame.width;
var topHeight:Float = top.frame.height * Math.min(bHeight / (top.frame.height * 2), 1);
__genSliceTri(
topLeftWidth, 0,
topWidth, topHeight
);
super.drawSuper();
// TOP
if (bWidth > topleft.frame.width + topright.frame.width) {
frame = top;
setPosition(x + topleft.frame.width, y);
__setSize(bWidth - topleft.frame.width - topright.frame.width, top.frame.height * Math.min(bHeight/(top.frame.height*2), 1));
super.drawSuper();
}
// TOP RIGHT
setPosition(x + bWidth - (topright.frame.width * Math.min(bWidth/(topright.frame.width*2), 1)), y);
frame = topright;
__setSize(
topright.frame.width * Math.min(bWidth/(topright.frame.width*2), 1),
topright.frame.height * Math.min(bHeight/(topright.frame.height*2), 1)
);
super.drawSuper();
}
// TOP RIGHT
var topRightWidth:Float = topright.frame.width * Math.min(bWidth/(topright.frame.width*2), 1);
var topRightHeight:Float = topright.frame.height * Math.min(bHeight/(topright.frame.height*2), 1);
__genSliceTri(
bWidth - (topright.frame.width * Math.min(bWidth/(topright.frame.width*2), 1)), 0,
topRightWidth, topRightHeight
);
}
if (drawMiddle && bHeight > top.frame.height + bottom.frame.height) {
var middleHeight:Float = bHeight - (topleft.frame.height * Math.min(bHeight/(topleft.frame.height*2), 1)) -
bottomleft.frame.height * Math.min(bHeight/(bottomleft.frame.height*2), 1);
// MIDDLE LEFT
var middleLeftWidth:Float = middleleft.frame.width * Math.min(bWidth/(middleleft.frame.width*2), 1);
__genSliceTri(
0, top.frame.height,
middleLeftWidth, middleHeight
);
// MIDDLE
if (drawMiddle && bHeight > top.frame.height + bottom.frame.height) {
if(middleAlpha != null) alpha = middleAlpha;
var middleHeight:Float = bHeight - (topleft.frame.height * Math.min(bHeight/(topleft.frame.height*2), 1)) -
bottomleft.frame.height * Math.min(bHeight/(bottomleft.frame.height*2), 1);
// MIDDLE LEFT
frame = middleleft;
setPosition(x, y + top.frame.height);
__setSize(middleleft.frame.width * Math.min(bWidth/(middleleft.frame.width*2), 1), middleHeight);
super.drawSuper();
if (bWidth > (middleleft.frame.width * Math.min(bWidth/(middleleft.frame.width*2), 1)) + middleright.frame.width) {
// MIDDLE
frame = middle;
setPosition(x + topleft.frame.width, y + top.frame.height);
__setSize(bWidth - middleleft.frame.width - middleright.frame.width, middleHeight);
super.drawSuper();
}
// MIDDLE RIGHT
frame = middleright;
setPosition(x + bWidth - (topright.frame.width * Math.min(bWidth/(topright.frame.width*2), 1)), y + top.frame.height);
__setSize(middleright.frame.width * Math.min(bWidth/(middleright.frame.width*2), 1), middleHeight);
super.drawSuper();
if (bWidth > (middleleft.frame.width * Math.min(bWidth/(middleleft.frame.width*2), 1)) + middleright.frame.width) {
var middleWidth:Float = bWidth - middleleft.frame.width - middleright.frame.width;
__genSliceTri(
topleft.frame.width, top.frame.height,
middleWidth, middleHeight
);
}
// BOTTOM
if (drawBottom) {
if(bottomAlpha != null) alpha = bottomAlpha;
// BOTTOM LEFT
frame = bottomleft;
setPosition(x, y + bHeight - (bottomleft.frame.height * Math.min(bHeight/(bottomleft.frame.height*2), 1)));
__setSize(
bottomleft.frame.width * Math.min(bWidth/(bottomleft.frame.width*2), 1),
bottomleft.frame.height * Math.min(bHeight/(bottomleft.frame.height*2), 1)
);
super.drawSuper();
if (bWidth > bottomleft.frame.width + bottomright.frame.width) {
// BOTTOM
frame = bottom;
setPosition(x + bottomleft.frame.width, y + bHeight - (bottom.frame.height * Math.min(bHeight/(bottom.frame.height*2), 1)));
__setSize(bWidth - bottomleft.frame.width - bottomright.frame.width, bottom.frame.height * Math.min(bHeight/(bottom.frame.height*2), 1));
super.drawSuper();
}
// BOTTOM RIGHT
frame = bottomright;
setPosition(
x + bWidth - (bottomright.frame.width * Math.min(bWidth/(bottomright.frame.width*2), 1)),
y + bHeight - (bottomright.frame.height * Math.min(bHeight/(bottomright.frame.height*2), 1))
);
__setSize(
bottomright.frame.width * Math.min(bWidth/(bottomright.frame.width*2), 1),
bottomright.frame.height * Math.min(bHeight/(bottomright.frame.height*2), 1)
);
super.drawSuper();
}
alpha = oldAlpha;
// MIDDLE RIGHT
var middleRightWidth:Float = middleright.frame.width * Math.min(bWidth/(middleright.frame.width*2), 1);
__genSliceTri(
bWidth - (topright.frame.width * Math.min(bWidth/(topright.frame.width*2), 1)), top.frame.height,
middleRightWidth, middleHeight
);
}
if (cameras[0] != null) cameras[0].pixelPerfectRender = lastPixelPerfect;
setPosition(x, y);
super.drawMembers();
// BOTTOM
if (drawBottom) {
// BOTTOM LEFT
var bottomLeftWidth:Float = bottomleft.frame.width * Math.min(bWidth/(bottomleft.frame.width*2), 1);
var bottomLeftHeight:Float = bottomleft.frame.height * Math.min(bHeight/(bottomleft.frame.height*2), 1);
__genSliceTri(
0, bHeight - (bottomleft.frame.height * Math.min(bHeight/(bottomleft.frame.height*2), 1)),
bottomLeftWidth, bottomLeftHeight
);
// BOTTOM MIDDLE
if (bWidth > bottomleft.frame.width + bottomright.frame.width) {
var bottomMiddleWidth:Float = bWidth - bottomleft.frame.width - bottomright.frame.width;
var bottomMiddleHeight:Float = bottom.frame.height * Math.min(bHeight/(bottom.frame.height*2), 1);
__genSliceTri(
bottomleft.frame.width, bHeight - (bottom.frame.height * Math.min(bHeight/(bottom.frame.height*2), 1)),
bottomMiddleWidth, bottomMiddleHeight
);
}
// BOTTOM RIGHT
var bottomRightWidth:Float = bottomright.frame.width * Math.min(bWidth/(bottomright.frame.width*2), 1);
var bottomRightHeight:Float = bottomright.frame.height * Math.min(bHeight/(bottomright.frame.height*2), 1);
__genSliceTri(
bWidth - (bottomright.frame.width * Math.min(bWidth/(bottomright.frame.width*2), 1)),
bHeight - (bottomright.frame.height * Math.min(bHeight/(bottomright.frame.height*2), 1)),
bottomRightWidth, bottomRightHeight
);
}
__meshDirty = false;
}
private function __setSize(Width:Float, Height:Float) {
var newScaleX:Float = Width / frameWidth;
var newScaleY:Float = Height / frameHeight;
scale.set(newScaleX, newScaleY);
private inline function __genUVs() {
uvtData.length = 0;
if (Width <= 0)
scale.x = newScaleY;
else if (Height <= 0)
scale.y = newScaleX;
__genSliceUV(topleft);
__genSliceUV(top);
__genSliceUV(topright);
__genSliceUV(middleleft);
__genSliceUV(middle);
__genSliceUV(middleright);
__genSliceUV(bottomleft);
__genSliceUV(bottom);
__genSliceUV(bottomright);
updateHitbox();
__framesDirty = false;
}
private inline function __genSliceTri(x:Float, y:Float, width:Float, height:Float) {
var indicesOffset:Int = Std.int(vertices.length / 2);
indices.push(indicesOffset);
indices.push(indicesOffset + 1);
indices.push(indicesOffset + 2);
indices.push(indicesOffset);
indices.push(indicesOffset + 2);
indices.push(indicesOffset + 3);
vertices.push(x);
vertices.push(y);
vertices.push(x + width);
vertices.push(y);
vertices.push(x + width);
vertices.push(y + height);
vertices.push(x);
vertices.push(y + height);
}
private inline function __genSliceUV(frame:FlxFrame) {
uvtData.push(frame.uv.x);
uvtData.push(frame.uv.y);
uvtData.push(frame.uv.width);
uvtData.push(frame.uv.y);
uvtData.push(frame.uv.width);
uvtData.push(frame.uv.height);
uvtData.push(frame.uv.x);
uvtData.push(frame.uv.height);
}
@:access(flixel.FlxCamera)
override function getBoundingBox(camera:FlxCamera):FlxRect {
getScreenPosition(_point, camera);
_rect.set(_point.x, _point.y, bWidth, bHeight);
_rect = camera.transformRect(_rect);
// if (isPixelPerfectRender(camera))
// _rect.floor();
return _rect;
}
override public function destroy():Void
{
vertices = null;
indices = null;
uvtData = null;
colors = null;
super.destroy();
}
}