Page 1 of 1
Can we get a HMI section?
Posted: Sun Sep 25, 2011 8:51 pm
by clearwaterbrewer
I just spent 6 hours in the chair playing with this HTML5/Canvas/whatever you call it... to have the flow show up...
These are just mock ups where I pasted the code to load the image and the hoses into my web browser on my machine..
- HLT-HLT.png (16.81 KiB) Viewed 74868 times
- HLT-MLT.png (16.84 KiB) Viewed 74868 times
- MLT-MLT.png (16.72 KiB) Viewed 74868 times
Re: Can we get a HMI section?
Posted: Sun Sep 25, 2011 8:53 pm
by clearwaterbrewer
Can only do 3 images per post, so here are more:
- MLT-BK.png (16.74 KiB) Viewed 74867 times
Here you can get fancy and add text:
- BK-CH_CH-BK.png (19.77 KiB) Viewed 74867 times
Re: Can we get a HMI section?
Posted: Sun Sep 25, 2011 8:58 pm
by clearwaterbrewer
And the 2 phases of chilling(we are in FL with 80+ degree ground water..):
ooops, I forgot the line from the BK to Pump1.. and phase 1 should be going back into the kettle... it is midnight, I am going to bed... but this HMI thing ROCKS!
- BK-chill_CH1.png (17.67 KiB) Viewed 74867 times
- BK-chill_CH2.png (17.62 KiB) Viewed 74867 times
Re: Can we get a HMI section?
Posted: Sun Sep 25, 2011 9:17 pm
by Baron Ken
Pretty cool stuff. I wish I had more time to learn more about JavaScript. My crude attempts at creating 'hose' objects wasn't pretty, but it does work.
Re: Can we get a HMI section?
Posted: Mon Sep 26, 2011 6:27 am
by clearwaterbrewer
You can take credit for mine, I would have never even thought about attempting it without looking at yours... I probably have to thank Google and all the folks who wrote pages about the stuff... it would be neat to have some sort of GUI editor for this, say in Paint.NET.. set the image as layer 1, and then each hose drawing as another layer, and you can 'export' the layer to a .js snippet
We can both get ready to take credit for a huge number folks to drop their other automation systems like a hot rock and buy a BCS when we get one of these GUI's polished and on display! Pro brewers don't have this level of coolness without spending hundreds of thousands of dollars...
I would like to see the ability for the .js and background image stored on the BCS, though...
Re: Can we get a HMI section?
Posted: Mon Sep 26, 2011 6:53 am
by clearwaterbrewer
OH, and I found if you want to change color, say before and after a chiller or heater, but want the line in one spot, you need the
ctx.beginPath(); to begin a section just like
ctx.stroke(); ends it.. otherwise, the last color mentioned colors everything...
Code: Select all
if(widgetObj.act)
{
ctx.beginPath();
ctx.lineWidth=6;
ctx.strokeStyle='#FF0000';
ctx.lineCap='round';
ctx.moveTo(330,183);
ctx.lineTo(490,183);
ctx.lineTo(490,140);
ctx.lineTo(525,140);
ctx.stroke();
ctx.beginPath();
ctx.strokeStyle='#FFD472';
ctx.moveTo(565,140);
ctx.lineTo(580,140);
ctx.lineTo(580,30);
ctx.arc(563,30,17,0,Math.PI,true);
ctx.stroke();
Re: Can we get a HMI section?
Posted: Wed Jun 13, 2012 3:22 am
by gyropilot1
I have 3 kegs and 2 pumps. the fermenter option I dont use.
Can I use the pics above and modify it under paintbrush.
my config is
left tank1 boil kettle
midle tank MLT and pump 1 conected to circulate.
third tank HLT and pump 2 to circulate
thnks
charles
does any one have a drawing with 2 feremters
Posted: Thu Aug 08, 2013 4:02 am
by gyropilot1
- the aviator set up hmi.jpg (163.74 KiB) Viewed 73452 times
Re: Can we get a HMI section?
Posted: Tue Aug 27, 2013 7:01 pm
by clearwaterbrewer
I use paint.net
here are the links to the actual files on my server, you are free to copy and play with them
http://www.clearwaterbrewery.com/clearwaterbrewery.js
http://www.clearwaterbrewery.com/3kettle-3pump.png