C Code Icon Properties - Revision history

SteveT at 14:59, 10 June 2026

2026-06-10T14:59:32Z

@@ Line 1: / Line 1: @@
-{| style="margin:0px; text-align:center;"
+[[File:iconCode.png|border]]
 The Code icon allows experienced users to add their own C or JavaScript code into their Flowcode projects.
@@ Line 25: / Line 18: @@
 ==Details==
 Flowcode is designed to allow those new to microcontroller programming to design programs with little knowledge of other programming languages. However it is possible to embed code written in other languages into Flowcode programs. Programs written in C and Assembly code can be embedded in Flowcode using the Code icon. This means that it is possible to take complex programs (you will find lots of programs on the internet) written in C or assembly and embed them into your designs.

SteveT at 14:03, 10 June 2026

2026-06-10T14:03:03Z

← Older revision		Revision as of 14:03, 10 June 2026
Line 1:		Line 1:
	~~==Introduction==~~
	{\| style="margin:0px; text-align:center;"		{\| style="margin:0px; text-align:center;"
	\|-		\|-

SteveT at 13:52, 10 June 2026

2026-06-10T13:52:03Z

← Older revision		Revision as of 13:52, 10 June 2026
Line 1:		Line 1:
			==Introduction==
	{\| style="margin:~~auto~~; text-align:center;"		{\| style="margin:0px; text-align:center;"
	\|-		\|-
	\|[[File:~~Btn_C_Code~~.~~gif~~\|border]]		\|[[File:iconCode.png\|border]]
	\| width="50px" \|→		\| width="50px" \|→
	\|[[File:Gen_C_Code_Flowchart_Icon.png]]		\|[[File:Gen_C_Code_Flowchart_Icon.png]]
Line 8:		Line 8:
	\|[[File:Gen_C_Code_Icon_Properties.png]]		\|[[File:Gen_C_Code_Icon_Properties.png]]
	\|}		\|}
	~~<br>~~
			The Code icon allows experienced users to add their own C or JavaScript code into their Flowcode projects.


	==Old Versions==		==Old Versions==
	This page is current for Flowcode v11 and later. Earlier versions can be found below:		This page is current for Flowcode v11 and later. Earlier versions can be found below:
Line 21:		Line 24:
	\|}		\|}

	~~<br>~~
	==~~Introduction~~==		==Details==
	Flowcode is designed to allow those new to microcontroller programming to design programs with little knowledge of other programming languages. However it is possible to embed code written in other languages into Flowcode programs. Programs written in C and Assembly code can be embedded in Flowcode using the Code icon. This means that it is possible to take complex programs (you will find lots of programs on the internet) written in C or assembly and embed them into your designs.		Flowcode is designed to allow those new to microcontroller programming to design programs with little knowledge of other programming languages. However it is possible to embed code written in other languages into Flowcode programs. Programs written in C and Assembly code can be embedded in Flowcode using the Code icon. This means that it is possible to take complex programs (you will find lots of programs on the internet) written in C or assembly and embed them into your designs.

Line 41:		Line 44:
	'''Code'''		'''Code'''

	Enter any C code you wish to include in the flowchart. The C code is not checked by Flowcode but is passed straight to the C compiler when the flowchart is compiled. It is important to verify that the C code entered is correct, as syntax errors will cause the compilation of the whole flowchart to fail.		Enter any C code you wish to include in the flowchart. The code is not checked by Flowcode but is passed straight to the C compiler when the flowchart is compiled. It is important to verify that the code entered is correct, as syntax errors will cause the compilation of the whole flowchart to fail.


Line 47:		Line 50:


	To access Flowcode variables, macro functions and connection points, it is necessary to "colour" the variable in your C code with the prefixes FCV_, FCM_ and FCC_MacroName_ respectively. Dragging the variable into your code will automatically add the appropriate prefix.		To access Flowcode global variables, local variables, macro functions and connection points, it is necessary to "colour" the variable in your C code with the prefixes FCV_, FCL_, FCM_ and FCC_MacroName_ respectively. Dragging the variable into your code will automatically add the appropriate prefix. Variables should also be written in uppercase in code.


	~~For example, to use a Flowcode variable called DELAY in your C code, you must refer to it using FCV_DELAY~~

	~~Note that all Flowcode defined variables are upper case~~.		For example, to use a global variable called "Delay" in your code, you must refer to it using "FCV_DELAY".


Line 63:		Line 64:


	~~'''~~Assembly Code~~'''~~		===Assembly Code===

	For embedded projects, assembly code can be added into the code field in a C assembly code wrapper.		For embedded projects, assembly code can be added into the code field in a C assembly code wrapper.
Line 85:		Line 86:


	====Video====		==Video==

	See the [http://www.flowcode.co.uk/videos/videoview/?name=Using+custom+code&id=local&wiki=C_Code_Icon_Properties Using custom code video] to see how to add code into your Flowcode projects.		See the [http://www.flowcode.co.uk/videos/videoview/?name=Using+custom+code&id=local&wiki=C_Code_Icon_Properties Using custom code video] to see how to add code into your Flowcode projects.

SteveT: Linked new video

2026-06-09T16:28:22Z

Linked new video

← Older revision		Revision as of 16:28, 9 June 2026
Line 85:		Line 85:


	====Video ~~instructions~~====		====Video====

	See the [http://www.~~youtube~~.~~com~~/~~watch~~?v=~~JgjQlV6LQYI~~&~~list~~=~~PLQDWBb7bxuCgg6aJgPJcfXBMzZdLILceQ Custom~~ code] ~~video~~ to ~~learn~~ how to add ~~custom C~~ code ~~to the flowchart using the C Code icon to set the value of a variable to 0~~.		See the [http://www.flowcode.co.uk/videos/videoview/?name=Using+custom+code&id=local&wiki=C_Code_Icon_Properties Using custom code video] to see how to add code into your Flowcode projects.

SteveT: updated for v11

2025-10-24T14:52:00Z

updated for v11

← Older revision		Revision as of 14:52, 24 October 2025
Line 1:		Line 1:
	~~<sidebar>Sidebar: Icon Properties</sidebar>~~
	{\| style="margin:auto; text-align:center;"		{\| style="margin:auto; text-align:center;"
	\|-		\|-
Line 7:		Line 7:
	\|width="50px" \|→		\|width="50px" \|→
	\|[[File:Gen_C_Code_Icon_Properties.png]]		\|[[File:Gen_C_Code_Icon_Properties.png]]
			\|}
			<br>
			==Old Versions==
			This page is current for Flowcode v11 and later. Earlier versions can be found below:
			{\| class="wikitable"
			\|+
			\|-
			\| [[Special:PermanentLink/38600\|Flowcode v10]]
			\|-
			\| [[Special:PermanentLink/38600\|Flowcode v9]]
			\|-
			\| [[Special:PermanentLink/15269\|Flowcode v8]]
	\|}		\|}

			<br>
			==Introduction==
	Flowcode is designed to allow those new to microcontroller programming to design programs with little knowledge of other programming languages. However it is possible to embed code written in other languages into Flowcode programs. Programs written in C and Assembly code can be embedded in Flowcode using the Code icon. This means that it is possible to take complex programs (you will find lots of programs on the internet) written in C or assembly and embed them into your designs.		Flowcode is designed to allow those new to microcontroller programming to design programs with little knowledge of other programming languages. However it is possible to embed code written in other languages into Flowcode programs. Programs written in C and Assembly code can be embedded in Flowcode using the Code icon. This means that it is possible to take complex programs (you will find lots of programs on the internet) written in C or assembly and embed them into your designs.


	The code can not be simulated by Flowcode, but is passed on to the microcontroller during compilation.		The code can not always be simulated by Flowcode, but is passed on to the microcontroller during compilation.


Line 25:		Line 39:


	'''C Code'''		'''Code'''

			Enter any C code you wish to include in the flowchart. The C code is not checked by Flowcode but is passed straight to the C compiler when the flowchart is compiled. It is important to verify that the C code entered is correct, as syntax errors will cause the compilation of the whole flowchart to fail.


	~~Enter any C code you wish to include in~~ the ~~flowchart. The C~~ code ~~is not checked by Flowcode but is passed straight to the C compiler when the flowchart is compiled. It is important to verify that the~~ C code ~~entered is correct, as syntax errors will cause the compilation of the whole flowchart to fail~~.		When creating a Web Developer project, the code entered into this box will be JavaScript rather than C code.


	To access Flowcode variables, macro functions and connection points, it is necessary to ~~color~~ the variable in your C code with the prefixes FCV_, FCM_ and FCC_MacroName_ respectively.		To access Flowcode variables, macro functions and connection points, it is necessary to "colour" the variable in your C code with the prefixes FCV_, FCM_ and FCC_MacroName_ respectively. Dragging the variable into your code will automatically add the appropriate prefix.


Line 41:		Line 58:

	Note that for Flowcode versions up to Flowcode 6, all Flowcode macro names are upper case.		Note that for Flowcode versions up to Flowcode 6, all Flowcode macro names are upper case.
	For Flowcode v7 and above, the case of the macro names much match.		For Flowcode v7 and above they are case-sensitive, meaning the case of the macro names much match.

	To jump to a connection point called A, defined in a Flowcode macro called TEST, the users C code must be goto FCC_TEST_A;. Connection points defined in the main flowchart of a Flowcode file are prefixed FCC_Main_.		To jump to a connection point called A, defined in a Flowcode macro called TEST, the users C code must be goto FCC_TEST_A;. Connection points defined in the main flowchart of a Flowcode file are prefixed FCC_Main_.
Line 48:		Line 65:
	'''Assembly Code'''		'''Assembly Code'''

	~~Assembly~~ code can be added into the code field in a C assembly code wrapper.		For embedded projects, assembly code can be added into the code field in a C assembly code wrapper.

MartinW at 13:46, 9 March 2023

2023-03-09T13:46:57Z

← Older revision		Revision as of 13:46, 9 March 2023
Line 38:		Line 38:


	To call a Flowcode macro called ~~TEST~~ in your C code, you must call ~~FCM_TEST~~();		To call a Flowcode macro called Test in your C code, you must call FCM_Test();

	Note that for Flowcode versions up to Flowcode 6, all Flowcode macro names are upper case.		Note that for Flowcode versions up to Flowcode 6, all Flowcode macro names are upper case.
			For Flowcode v7 and above, the case of the macro names much match.

	To jump to a connection point called A, defined in a Flowcode macro called TEST, the users C code must be goto FCC_TEST_A;. Connection points defined in the main flowchart of a Flowcode file are prefixed FCC_Main_.		To jump to a connection point called A, defined in a Flowcode macro called TEST, the users C code must be goto FCC_TEST_A;. Connection points defined in the main flowchart of a Flowcode file are prefixed FCC_Main_.
Line 51:		Line 51:


	For a single line of code use the asm operator in front of each instruction, e.g.		For a single line of code use the asm operator in front of each instruction and use all upper case, e.g.

	~~asm movlw 5~~


	~~or enclose several statements within an~~ asm ~~block:~~		asm("MOVLW 0x04");

	asmTo access Flowcode variables, macro functions and connection points, it is necessary to further color the prefixes used above with a preceding underscore, _FCV_, _FCM_ and _FCC_MacroName_ respectively.

			or enclose several statements within an asm block, tow methods can be used for PIC8
			Either
			#asm
			MOVLW 0x04
			MOVWF TRISA
			#endasm''

	~~The examples used above now become _FCV_DELAY, _FCM_TEST~~() ~~and _FCC_TEST_A.~~		Or
			asm("MOVLW 0x04");
			asm("MOVWF TRISA");


Line 67:		Line 71:

	See the [http://www.youtube.com/watch?v=JgjQlV6LQYI&list=PLQDWBb7bxuCgg6aJgPJcfXBMzZdLILceQ Custom code] video to learn how to add custom C code to the flowchart using the C Code icon to set the value of a variable to 0.		See the [http://www.youtube.com/watch?v=JgjQlV6LQYI&list=PLQDWBb7bxuCgg6aJgPJcfXBMzZdLILceQ Custom code] video to learn how to add custom C code to the flowchart using the C Code icon to set the value of a variable to 0.

	~~<div align="center">~~
	~~{{#ev:youtube\|JgjQlV6LQYI\|640}}~~
	~~</div>~~

Kersing at 18:21, 18 May 2014

2014-05-18T18:21:30Z

Can't load revision 15269

at 15:58, 16 January 2014

2014-01-16T15:58:06Z

XML import

Can't load revision 13953

at 14:38, 27 August 2013

2013-08-27T14:38:08Z

Can't load revision 10811

at 14:31, 27 August 2013

2013-08-27T14:31:34Z

Can't load revision 10808