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..
Can we get a HMI section?
-
- Posts: 383
- Joined: Wed Feb 09, 2011 3:43 pm
- Bot?: No
- Location: Clearwater, FL
- Contact:
-
- Posts: 383
- Joined: Wed Feb 09, 2011 3:43 pm
- Bot?: No
- Location: Clearwater, FL
- Contact:
Re: Can we get a HMI section?
Can only do 3 images per post, so here are more:
Here you can get fancy and add text:
Here you can get fancy and add text:
-
- Posts: 383
- Joined: Wed Feb 09, 2011 3:43 pm
- Bot?: No
- Location: Clearwater, FL
- Contact:
Re: Can we get a HMI section?
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!
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!
Re: Can we get a HMI section?
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. ![Wink ;)](./images/smilies/icon_e_wink.gif)
![Wink ;)](./images/smilies/icon_e_wink.gif)
-
- Posts: 383
- Joined: Wed Feb 09, 2011 3:43 pm
- Bot?: No
- Location: Clearwater, FL
- Contact:
Re: Can we get a HMI section?
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...
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...
-
- Posts: 383
- Joined: Wed Feb 09, 2011 3:43 pm
- Bot?: No
- Location: Clearwater, FL
- Contact:
Re: Can we get a HMI section?
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();
-
- Posts: 42
- Joined: Fri Nov 11, 2011 2:34 am
- Bot?: No
- Location: Puerto Rico
Re: Can we get a HMI section?
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
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
-
- Posts: 42
- Joined: Fri Nov 11, 2011 2:34 am
- Bot?: No
- Location: Puerto Rico
-
- Posts: 383
- Joined: Wed Feb 09, 2011 3:43 pm
- Bot?: No
- Location: Clearwater, FL
- Contact:
Re: Can we get a HMI section?
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
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