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
HLT-HLT.png (16.81 KiB) Viewed 73851 times
HLT-MLT.png
HLT-MLT.png (16.84 KiB) Viewed 73851 times
MLT-MLT.png
MLT-MLT.png (16.72 KiB) Viewed 73851 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
MLT-BK.png (16.74 KiB) Viewed 73850 times

Here you can get fancy and add text:
BK-CH_CH-BK.png
BK-CH_CH-BK.png (19.77 KiB) Viewed 73850 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
BK-chill_CH1.png (17.67 KiB) Viewed 73850 times
BK-chill_CH2.png
BK-chill_CH2.png (17.62 KiB) Viewed 73850 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
the aviator set up hmi.jpg (163.74 KiB) Viewed 72435 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