Forum Replies Created
-
AuthorPosts
-
minor update on this.
Mouse and keyboard controls have been added to properly select text. it all work with shift pressed as well
Thanks. the “a”[0] was exactly what I was after
Yep agreed, That’s exactly what I was proposing. Each sprite in the atlas can be a unique size
Mark, you could just take this and make a dirty SaveJson method?
I would really like to work with simon or mark on this and get it all folded int the main or deal with it is a separate project entirely?
Mark?
Me too, i’m on the recurring paypal
V1.02 now doing well here. Thanks Mark
Here’s the final color picker. I removed the base entry and displayed these as the defaults – which they are.
Everything else is found in the libraries below them. I’ve also narrowed the gradient slightly so the ‘other’ colors are a bit closer to the original.
My other post gives the canvas code to allow the new colors
Attachments:
ok here is the final version
First off the mono colors have been removed as they are really not needed and just start to confuse things. Smaller is better, plus this directly integrates with the new color picker
Monkey123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620Struct Color#rem monkeydoc Transparent black.#endConst None := New Color( 0,0,0,0 )#rem monkeydoc Black.#endConst Black := New Color( 0,0,0 )#rem monkeydoc Grey.#endConst Grey := New Color( .5,.5,.5 )#rem monkeydoc Light Grey.#endConst LightGrey := New Color( .75,.75,.75 )#rem monkeydoc Dark Grey.#endConst DarkGrey := New Color( .25,.25,.25 )#rem monkeydoc White.#endConst White := New Color( 1,1,1 )#rem monkeydoc Red.#endConst Red := New Color( 1,0,0 )#rem monkeydoc Green.#endConst Green := New Color( 0,1,0 )#rem monkeydoc Blue.#endConst Blue := New Color( 0,0,1 )#rem monkeydoc Brown.#endConst Brown := New Color( .7,.4,.1 )#rem monkeydoc Orange.#endConst Orange := New Color( 1,.5,0 )#rem monkeydoc Yellow.#endConst Yellow := New Color( 1,1,0 )#rem monkeydoc Lime.#endConst Lime := New Color( .7,1,0 )#rem monkeydoc Pine.#endConst Pine := New Color( 0,.5,0 )#rem monkeydoc Aqua.#endConst Aqua := New Color( 0,.9,.4 )#rem monkeydoc Cyan.#endConst Cyan := New Color( 0,1,1 )#rem monkeydoc Sky.#endConst Sky := New Color( 0,.5,1 )#rem monkeydoc Steel.#endConst Steel := New Color( .2,.2,.7 )#rem monkeydoc Violet.#endConst Violet := New Color( .7,0,1 )#rem monkeydoc Magenta.#endConst Magenta := New Color( 1,0,1 )#rem monkeydoc Puce.#endConst Puce := New Color( 1,0,.4 )#rem monkeydoc Skin.#endConst Skin := New Color( .8,.5,.6 )#rem monkeydoc UICharcoal.#endConst UICharcoal := New Color( .24,.23,.23 )#rem monkeydoc UISilver.#endConst UISilver := New Color( .74,.73,.73 )#rem monkeydoc UIBlue.#endConst UIBlue := New Color( .0,.4,.9 )#rem monkeydoc UIPaleBlue.#endConst UIPaleBlue := New Color( .47,.17,.86 )#rem monkeydoc UIDarkBlue.#endConst UIDarkBlue := New Color( .24,.35,.58 )#rem monkeydoc UIOrange.#endConst UIOrange := New Color( .86,.61,.13 )#rem monkeydoc UIBurntOrange.#endConst UIBurntOrange := New Color( .79,.31,0 )#rem monkeydoc UIDarkOrange.#endConst UIDarkOrange := New Color( .52,.26,.09 )#rem monkeydoc UIPurple.#endConst UIPurple := New Color( .61,.36,.72 )#rem monkeydoc UICyan.#endConst UICyan := New Color( .25,.60,.82 )#rem monkeydoc UILightGreen.#endConst UILightGreen := New Color( .32,.80,.31 )#rem monkeydoc UILavender.#endConst UILavender := New Color( .51,.58,.93 )#rem monkeydoc UIVibrantGreen.#endConst UIVibrantGreen := New Color( .09,.87,.07 )#rem monkeydoc UIFontBlue.#endConst UIFontBlue := New Color( .11,.57,.96 )#rem monkeydoc UIBrown.#endConst UIBrown := New Color( .62,.31,.01 )#rem monkeydoc UIGreen.#endConst UIGreen := New Color( .2,.6,.19 )#rem monkeydoc UILime.#endConst UILime := New Color( .54,.74,.14 )#rem monkeydoc UIMagenta.#endConst UIMagenta := New Color( .99,.01,.59 )#rem monkeydoc UIMango.#endConst UIMango := New Color( .94,.58,.03 )#rem monkeydoc UIPink.#endConst UIPink := New Color( .90,.44,.72 )#rem monkeydoc UIRed.#endConst UIRed := New Color( .89,.07,.01 )#rem monkeydoc UIYellow.#endConst UIYellow := New Color( .89,.87,.01 )#rem monkeydoc UITeal.#endConst UITeal := New Color( .18,.65,.52 )#rem monkeydoc PicoBlack.#endConst PicoBlack := New Color( .1,.1,.1 )#rem monkeydoc PicoBrown.#endConst PicoBrown := New Color( .67,.32,.21 )#rem monkeydoc PicoRed.#endConst PicoRed := New Color( .92,.1,.31 )#rem monkeydoc PicoCyan.#endConst PicoCyan := New Color( .31,.65,.86 )#rem monkeydoc PicoBlue.#endConst PicoBlue := New Color( .1,.16,.32 )#rem monkeydoc PicoDirt.#endConst PicoDirt := New Color( .37,.34,.3 )#rem monkeydoc PicoOrange.#endConst PicoOrange := New Color( .98,.63,.1 )#rem monkeydoc PicoPurple.#endConst PicoPurple := New Color( .51,.46,.61 )#rem monkeydoc PicoMaroon.#endConst PicoMaroon := New Color( .49,.14,.32 )#rem monkeydoc PicoSilver.#endConst PicoSilver := New Color( .76,.76,.77 )#rem monkeydoc PicoYellow.#endConst PicoYellow := New Color( .96,.92,.18 )#rem monkeydoc PicoPink.#endConst PicoPink := New Color( .94,.46,.65 )#rem monkeydoc PicoGreen.#endConst PicoGreen := New Color( 0,.52,.31 )#rem monkeydoc PicoWhite.#endConst PicoWhite := New Color( .99,.94,.91 )#rem monkeydoc PicoLime.#endConst PicoLime := New Color( .36,.73,.3 )#rem monkeydoc PicoSkin.#endConst PicoSkin := New Color( .98,.8,.87 )#rem monkeydoc XamCoral.#endConst XamCoral := New Color( .95,.26,.21 )#rem monkeydoc XamPink.#endConst XamPink := New Color( .91,.11,.38 )#rem monkeydoc XamPurple.#endConst XamPurple := New Color( .61,.15,.69 )#rem monkeydoc XamViolet.#endConst XamViolet := New Color( .4,.22,.71 )#rem monkeydoc XamBlue.#endConst XamNlue := New Color( .24,.17,.7 )#rem monkeydoc XamSky.#endConst XamSky := New Color( .12,.58,.95 )#rem monkeydoc XamWater.#endConst XamWater := New Color( .01,.66,.95 )#rem monkeydoc XamAqua.#endConst XamAqua := New Color( 0,.73,.83 )#rem monkeydoc XamPine.#endConst XamPine := New Color( 0,.58,.53 )#rem monkeydoc XamMint.#endConst XamMint := New Color( .54,.76,.29 )#rem monkeydoc XamGreen.#endConst XamGreen := New Color( .29,.68,.31 )#rem monkeydoc XamLime.#endConst XamLime := New Color( .8,.86,.22 )#rem monkeydoc XamYellow.#endConst XamYellow := New Color( 1,.92,.23 )#rem monkeydoc XamPeach.#endConst XamPeach := New Color( 1,.75,.03 )#rem monkeydoc XamOrange.#endConst XamOrange := New Color( 1,.59,.01 )#rem monkeydoc XamEmber.#endConst XamEmber := New Color( 1,.38,.13 )#rem monkeydoc XamBrown.#endConst XamBrown := New Color( .47,.33,.28 )#rem monkeydoc XamSilver.#endConst XamSilver := New Color( .61,.61,.61 )#rem monkeydoc XamSteel.#endConst XamSteel := New Color( .37,.49,.54 )#rem monkeydoc VicBlack.#endConst VicBlack := New Color( .1,.1,.1 )#rem monkeydoc VicGrey.#endConst VicGrey := New Color( .61,.61,.61 )#rem monkeydoc VicWhite.#endConst VicWhite := New Color( .96,.96,.96 )#rem monkeydoc VicRed.#endConst VicRed := New Color( .74,.14,.2 )#rem monkeydoc VicLiver.#endConst VicLiver := New Color( .45,.16,.18 )#rem monkeydoc VicBlush.#endConst VicBlush := New Color( .87,.43,.54 )#rem monkeydoc VicPink.#endConst VicPink := New Color( .79,.26,.65 )#rem monkeydoc VicDirt.#endConst VicDirt := New Color( .28,.23,.16 )#rem monkeydoc VicBrown.#endConst VicBrown := New Color( .64,.39,.13 )#rem monkeydoc VicKhaki.#endConst VicKhaki := New Color( .67,.61,.2 )#rem monkeydoc VicOrange.#endConst VicOrange := New Color( .92,.53,.19 )#rem monkeydoc VicFire.#endConst VicFire := New Color( .92,.27,0 )#rem monkeydoc VicLemon.#endConst VicLemon := New Color( .96,.88,.41 )#rem monkeydoc VicPeach.#endConst VicPeach := New Color( .98,.70,.4 )#rem monkeydoc VicPine.#endConst VicPine := New Color( .06,.36,.2 )#rem monkeydoc VicGreen.#endConst VicGreen := New Color( .26,.36,.1 )#rem monkeydoc VicLime.#endConst VicLime := New Color( .63,.80,.15 )#rem monkeydoc VicOil.#endConst VicOil := New Color( .18,.28,.3 )#rem monkeydoc VicSea.#endConst VicSea := New Color( .07,.5,.49 )#rem monkeydoc VicAqua.#endConst VicAqua := New Color( .08,.76,.64 )#rem monkeydoc VicRoyal.#endConst VicRoyal := New Color( .13,.35,.96 )#rem monkeydoc VicBlue.#endConst VicBue := New Color( 0,.34,.52 )#rem monkeydoc VicSky.#endConst VicSky := New Color( .19,.63,.94 )#rem monkeydoc VicSteel.#endConst VicSteel := New Color( .69,.86,.92 )#rem monkeydoc VicPurple.#endConst VicPurple := New Color( .2,.16,.59 )#rem monkeydoc VicViolet.#endConst VicViolet := New Color( .6,.39,.97 )#rem monkeydoc VicCandy.#endConst VicCandy := New Color( .96,.55,.97 )#rem monkeydoc VicSkin.#endConst VicSkin := New Color( .95,.72,.56 )#rem monkeydoc ExLightGrey.#endConst ExLightGrey := New Color( .75,.75,.75 )#rem monkeydoc ExDarkGrey.#endConst ExDarkGrey := New Color( .25,.25,.25 )#rem monkeydoc ExBrown.#endConst ExBrown := New Color( .62,.31,0 )#rem monkeydoc ExTreeTrunk.#endConst ExTreeTrunk := New Color( .31,.23,.17 )#rem monkeydoc ExLime.#endConst ExLime := New Color( .54,.74,.14 )#rem monkeydoc ExMango.#endConst ExMango := New Color( .94,.58,.03 )#rem monkeydoc ExOrange.#endConst ExOrange := New Color( .79,.32,0 )#rem monkeydoc ExPink.#endConst ExPink := New Color( .79,.44,.72 )#rem monkeydoc ExPurple.#endConst ExPurple := New Color( .41,.13,.48 )#rem monkeydoc ExLeaf.#endConst ExLeaf := New Color( .2,.6,.2 )#rem monkeydoc ExYolk.#endConst ExYolk := New Color( 1,.65,0 )#rem monkeydoc ExPeach.#endConst ExPeach := New Color( 1,.8,.01 )#rem monkeydoc ExSand.#endConst ExSand := New Color( .94,.87,.7 )#rem monkeydoc ExWetSand.#endConst ExWetSand := New Color( .73,.66,.48 )#rem monkeydoc ExNavy.#endConst ExNavy := New Color( .09,.15,.44 )#rem monkeydoc ExMorello.#endConst ExMorello := New Color( .6,.34,.71 )#rem monkeydoc ExTeal.#endConst ExTeal := New Color( .22,.43,.5 )#rem monkeydoc ExSky.#endConst ExSky := New Color( .2,.59,.85 )#rem monkeydoc ExSlime.#endConst ExSlime := New Color( .18,.8,.44 )#rem monkeydoc ExMint.#endConst ExMint := New Color( .08,.62,.52 )#rem monkeydoc ExSilver.#endConst ExSilver := New Color( .74,.76,.76 )#rem monkeydoc ExGold.#endConst ExGold := New Color( .83,.66,.29 )#rem monkeydoc ExForest.#endConst ExForest := New Color( .17,.31,.21 )#rem monkeydoc ExPlum.#endConst ExPlum := New Color( .36,.2,.36 )#rem monkeydoc ExWatermellon.#endConst ExWatermellon := New Color( .85,.32,.32 )#rem monkeydoc ExAvocado.#endConst ExAvocado := New Color( .55,.69,.12 )#rem monkeydoc ExBubblegum.#endConst ExBubblegum := New Color( .83,.36,.61 )#rem monkeydoc ExMaroon.#endConst ExMaroon := New Color( .47,.18,.16 )#rem monkeydoc ExCoffee.#endConst ExCoffee := New Color( .55,.44,.36 )#rem monkeydoc ExLavender.#endConst ExLavender := New Color( .6,.67,.83 )#rem monkeydoc ExPowder.#endConst ExPowder := New Color( .72,.78,.94 )#rem monkeydoc ExPigeon.#endConst ExPigeon := New Color( .22,.29,.5 )#rem monkeydoc ExUmber.#endConst ExUmber := New Color( .7,.53,0 )#rem monkeydoc ExBuff.#endConst ExBuff := New Color( .84,.77,.64 )#rem monkeydoc ExCobble.#endConst ExCobble := New Color( .47,.38,.33 )#rem monkeydoc ExAqua.#endConst ExAqua := New Color( .59,.67,.68 )#rem monkeydoc ExSewer.#endConst ExSewer := New Color( .78,.78,.59 )#rem monkeydoc ExDragon.#endConst ExDragon := New Color( .8,.38,.5 )#rem monkeydoc ExEmber.#endConst ExEmber := New Color( .74,.47,.34 )#rem monkeydoc ExOlive.#endConst ExOlive := New Color( .52,.6,.1 )#rem monkeydoc ExCorn.#endConst ExCorn := New Color( .91,.8,.32 )#rem monkeydoc ExHoney.#endConst ExHoney := New Color( .95,.48,.59 )#rem monkeydoc ExPhlox.#endConst ExPhlox := New Color( .52,.25,.51 )#rem monkeydoc ExKhaki.#endConst ExKhaki := New Color( .59,.56,.39 )#rem monkeydoc ExNougat.#endConst ExNougat := New Color( .83,.73,.62 )Brilliant. What I am doing is sorting the colours and making sure they all have unique and logical names so can be referenced by their text, color or floats
Here’s a shot of it in operation with the Vic colors and a different variation picked
Attachments:
Thats sort of the idea but not at this step. This is the color selector with a set of predefined colors.
What you are talking about is palettes. That is the next step.
I perceive a palette as a collection of colors. Hence why the color picker gives much more than just single colors
Quick update.
I’m going to include 6 hardwired color libraries:
base – slightly extended base rgb colors
UI – Sort of bright and muted colors good for UI’s
Pico – Base pico-8 colors
Vic – extended commodore colors
Extended – the original colors I was working on
mono – mono colors
Given that every color has 8 variants, there should be enough here to fit virtually any color
ok. It works!!!
Basically your have some libraries of colors (I will post the code to support them later)
Open a library and select a color.
Each color is named and has a float value. at the top is the selected color, and below is a ramped version of the color showing 8 variations (plus the original in the centre)
In the shown image you can see we’re looking at the base colors and “sky” which is 0,.5,1 in floats
The final two buttons Use Color (with the chosen color) will add this to the code, or other stuff. the close button being close the panel. You don’t need to close it. it is very happy being open all the time or whatever.
Attachments:
After a lot of talk about color included into mojo.canvas. I have thought about this and included color families directly into the UI. Just working on the color definitions now:
Attachments:
Yep you’re quite right about the definitions multiplying and getting out of hand.
There is method in my madness though with a brand new color picker built directly into Ted21 which will include all these additions and make it simple.
This is not a concept, It is a real working thing now. I am just about to add the color definitions to it. You can see I am already working with color families
Attachments:
@cocoon What did you use to embed the text as code?
OK, I see the changes and how you’ve merged them. There are a number of missing entries. I’ll take the new list and generate a newer version with these additions
@sicilia Ignoring that 0..255 is easier than 0..1. Internally The colors are always converted down to 0..1 especially when dealing with opengl and shaders. So I suppose it make a bit more sense getting Your head into this way of doing things. But I agree in that a simple additions to use 0..255 for setting colors could be added.
-
AuthorPosts




