Integrating Javascript libraries, like GSAP

GiG · February 12, 2015, 10:34am

Hi, I was wondering which is the best way to integrate javascript libraries into OpenFl.
I am sincere, I don’t know any but I know it is possible
I read about extern and untyped, but always from old resources. HaXe and OpenFl is evolving, so I’d like to have updated explanations.

In particular I am interested in GSAP, Greensock tweening system, because I’d like to introduce in our workflow new/alternative tools, as familiar as possible, because we were been using AS3 + GSAP since 2009. Just an example.

bubba_169 · February 12, 2015, 11:49am

This is probably the most up-to-date explanation using JQuery as an example: http://haxe.org/manual/target-javascript-external-libraries.html

GiG · February 12, 2015, 12:18pm

Thank you! I will dive into it.

singmajesty · February 12, 2015, 6:05pm

You can also use the <dependency path="" /> tag to add an additional JavaScript file when publishing to the HTML5 target, if needed

GiG · February 13, 2015, 9:11am

Please can you give an example?

singmajesty · February 13, 2015, 4:10pm

github.com

openfl/openfl/blob/master/include.xml#L73


		</section>
		
		<section if="flash">
			
			<set name="openfl-flash" />
			<haxedef name="openfl-flash" />
			<haxedef name="advanced-telemetry" if="telemetry" />
			
		</section>
		
		<section if="html5">
			
			<set name="openfl-html5" />
			<haxedef name="openfl-html5" />
			<haxeflag name="--remap" value="flash:openfl" />
			
			<module name="openfl" if="modular">
				
				<source path="" package="openfl" exclude="openfl._internal.renderer.console.*|*.GLGraphics|*.SWFLibrary" />
				
				<!-- @:expose on enums do not work in Haxe 3.4.2 -->

This could go in a project.xml (for a project), or in an include.xml (for a haxelib)

It will copy and link the JavaScript file when publishing to HTML5, you still need extern classes but this helps when you need to include an additional external script

GiG · February 13, 2015, 5:01pm

I need to understand how to create externs and use them…

singmajesty · February 13, 2015, 5:04pm

It’s kind of like an interface

http://old.haxe.org/doc/js/extern_libraries

GiG · February 13, 2015, 10:03pm

Yes, I have read something about it but I have to go more in depth.

jarbot · February 26, 2016, 7:16pm

Can this approach be used for just including for instance a css/ folder ? I’m looking for a simple way to copy folders into export.

jarbot · February 26, 2016, 7:27pm

Never mind.
<assets path="templates/html5/css" rename="css" embed="false" />

Seems to be the way to go.