Realtree

Mockup images/coding

Posted by Taylor Bernard on June 22, 2015

mockup test site:
http://client.fleeangrybear.com/realtree/rocky/RealTreeMockup/index.html

- was going to make a 'menu panel' thats whats floating on the right, to put the color selector and tint slider in.
- color picker wasnt playing nice being in a div for some reason. thats why its floating outside, just to test

=========

color picker minimized working:
http://client.fleeangrybear.com/realtree/rocky/TinyColorPicker/index.html

==========

color tint opacity slider:
http://client.fleeangrybear.com/realtree/rocky/PaintbrushJS/demo/index.html

- cant figure out how to get it out of that 'form' format. breaks every time. so just pull down the form, do the last selection, tint, then it should populate with a bright green color i put in.
- noticing that its SLOOOOWWWW response though. potential issue here trying to crunch a huge file like that on the fly?

Comments

Justin Bernard on June 22, 2015:

cool thx

the tint opacity slider link above is 404 for me

the 2nd link with just the standalone color picker, it works, changes the color swatch

on the 1st link though, i cant select color/change camo or anything

dont worry about layout, ecsp if thats causing issues

just make a white blank page, with two boxes, one for the picker, one for the camo we modify, just keep it simple, just making sure to figure out the js is the only goal at moment...

Taylor Bernard on June 22, 2015:

fixed tint link.

Justin Bernard on June 22, 2015:

tomorrow, just make a single page that has a small div that has 3 camo layers, then a color picker to the side , and see if can get mapped together, thats all need, dont need all the diff effects, we wont be doing tint, just straight up color tinting to a png with alpha

thx much