From c3336eb6613ebbe6726d40a066112465ef23f4ca Mon Sep 17 00:00:00 2001 From: sealldeveloper <120470330+sealldeveloper@users.noreply.github.com> Date: Mon, 2 Oct 2023 01:32:20 +1100 Subject: [PATCH] OOGA OVERHALLL and NEW TOOL - heavy optimisation and minimisation - addition of 99 limit for polos in appjs template - addition of picto generator --- assets/canvas-funcs.js | 12 +- assets/pictotemplate.png | Bin 0 -> 8238 bytes tools/animateconversion.html | 8 +- tools/animateconversionheads.html | 6 +- tools/appjs.html | 412 ++++++++++++------------------ tools/index.html | 33 ++- tools/pictotemplate.html | 116 +++++++++ tools/polotemplate.html | 303 +++++----------------- 8 files changed, 380 insertions(+), 510 deletions(-) create mode 100644 assets/pictotemplate.png create mode 100644 tools/pictotemplate.html diff --git a/assets/canvas-funcs.js b/assets/canvas-funcs.js index 3a2cda6..6edc449 100644 --- a/assets/canvas-funcs.js +++ b/assets/canvas-funcs.js @@ -1,8 +1,16 @@ -function drawLabelledBox(ctx,colour,posX,posY,width,height,textX,textY,text){ +function drawLabelledBox(ctx,colour,posX,posY,width,height,textX,textY,text,fontsize){ ctx.fillStyle = colour; ctx.fillRect(posX,posY,width,height) ctx.stroke() ctx.fillStyle = "black"; - ctx.font = "15px CozetteVector"; + ctx.font = fontsize+"px CozetteVector"; ctx.fillText(text,textX,textY) +} +function getRandomColor() { + var letters = '0123456789ABCDEF'; + var color = '#'; + for (var i = 0; i < 6; i++) { + color += letters[Math.floor(Math.random() * 16)]; + } + return color; } \ No newline at end of file diff --git a/assets/pictotemplate.png b/assets/pictotemplate.png new file mode 100644 index 0000000000000000000000000000000000000000..007147d9ebb7522c2e493b69955767828c9170eb GIT binary patch literal 8238 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 JnnUm_{|A*#Y`p*g literal 0 HcmV?d00001 diff --git a/tools/animateconversion.html b/tools/animateconversion.html index af80a0b..f9beeee 100644 --- a/tools/animateconversion.html +++ b/tools/animateconversion.html @@ -272,12 +272,8 @@

How to export to Spritesheet and JSON from Adobe Animate?

} fc++ } - if (count%5 === 0) { - currenty=currenty+frame0height - currentx=0 - } else { - currentx=currentx+frame0width - } + currenty = (count%5 === 0) ? currenty+frame0height : currenty + currentx = (count%5 === 0) ? 0 : currentx+frame0width } if (seperate_count == 2){ newjsondata={"animeName":"generated-from-fla-using-sealldevelopers-tools","percentageMax":"0.2","totalFrame":`${newframes.length}`,"width":`${frame0width}`,"height":`${frame0height}`,"headHeight":`${frame0height}`,"arrayFrame":newframes} diff --git a/tools/animateconversionheads.html b/tools/animateconversionheads.html index 03888b3..5e51bdf 100644 --- a/tools/animateconversionheads.html +++ b/tools/animateconversionheads.html @@ -293,13 +293,13 @@

How to export to Spritesheet, JSON and Motion XML from Adobe Animate?

newctx.canvas.height = defaultheight+(frame0height+final_buffer)*(Math.ceil(headcount/5)) // Default - drawLabelledBox(newctx,"red",0,0,defaultwidth,defaultheight,58,defaultheight/2,"Default") + drawLabelledBox(newctx,"red",0,0,defaultwidth,defaultheight,58,defaultheight/2,"Default",15) // Headless - drawLabelledBox(newctx,"lime",defaultwidth,0,defaultwidth,defaultheight,55+defaultwidth,defaultheight/2,"Headless") + drawLabelledBox(newctx,"lime",defaultwidth,0,defaultwidth,defaultheight,55+defaultwidth,defaultheight/2,"Headless",15) // Siloette - drawLabelledBox(newctx,"#348af9",defaultwidth*2,0,defaultwidth,defaultheight,48+defaultwidth*2,defaultheight/2,"Silhouette") + drawLabelledBox(newctx,"#348af9",defaultwidth*2,0,defaultwidth,defaultheight,48+defaultwidth*2,defaultheight/2,"Silhouette",15) // "Watermark" newctx.font = "13px CozetteVector"; diff --git a/tools/appjs.html b/tools/appjs.html index ebf58d6..ec99dc8 100644 --- a/tools/appjs.html +++ b/tools/appjs.html @@ -207,8 +207,8 @@

Colours

Polos

- - Between 1 and 20 polos! + + Between 1 and 99 polos! (Generally 40)
@@ -217,44 +217,9 @@

Polos

-
-
- - -
-
- - -
-
- - -
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

Bonuses

@@ -414,6 +379,47 @@

Advanced Options

Make sure you've set all your polos!

diff --git a/tools/index.html b/tools/index.html index 20e52e1..0b01b2e 100644 --- a/tools/index.html +++ b/tools/index.html @@ -54,6 +54,20 @@

App.js Generator

This tool simplifies the process of making an app.js to a GUI form that exports a finished file.

+
+
+

Adobe Animate Converter

+

This tool converts Adobe Animate sprite sheets and JSONs to working Incredibox sprite sheets and JSONs.

+
Fullbody Version
+
Heads Version
+
+
+
+
+

Animation Renderer

+

This tool compilers working JSONs and Spritesheets into a GIF and a live preview with a frame-by-frame view. This tool was made by LeBeaBae & seal. The tool is on a first release, so bugs are expected.

+
+
-
-
-

Adobe Animate Converter

-

This tool converts Adobe Animate sprite sheets and JSONs to working Incredibox sprite sheets and JSONs.

-
Fullbody Version
-
Heads Version
-
-
-
-
-

NEW: Animation Renderer

-

This tool compilers working JSONs and Spritesheets into a GIF and a live preview with a frame-by-frame view. This tool was made by LeBeaBae & seal. The tool is on a first release, so bugs are expected.

+
+
+

NEW: Picto Template Generator

+

This tool creates a picto template for the in-game icons for polos.

+
@@ -114,7 +121,7 @@
Compatibility
Windows Webapp Source - NEW: Mac + Mac diff --git a/tools/pictotemplate.html b/tools/pictotemplate.html new file mode 100644 index 0000000..f36fc01 --- /dev/null +++ b/tools/pictotemplate.html @@ -0,0 +1,116 @@ + + + + Picto Template Generator - BOOGO x SEAL + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Incredibox 'Picto Template' Generator

+
+

Options

+
+ + +
+
+ +
+

Preview

+
+ + +
+
+
+ +

+

Made by seal

+ + diff --git a/tools/polotemplate.html b/tools/polotemplate.html index cffe37e..22b1b82 100644 --- a/tools/polotemplate.html +++ b/tools/polotemplate.html @@ -93,260 +93,75 @@

Preview