Taking The Cloud Native @CoreyClarkPhD
@GameTheoryLabs
! Founder of Game Theory Labs
! Professor of Game and Simulation Programming
! Nanoscale Semiconductor Growth Kinetics
! Flexible Embedded Electronics for ABL
! SWARM and C4ISR Embedded Systems
! Building HTML5 Web Apps Utilizing:
! Cloud Cluster Computing
! Game Technology
! Artificial Intelligence Modeling, Machine Learning and Optimization
What I Do: What I Did:
Why Native?
Native Applications Expands Product Line
! Gives Desktop solution for heavy handed Apps
! Not locked to cloud
CaPTIVE: Cancer/Pathology Visualization/Characterization Tool
Offline Capabilities
! No Need to Support Different Browsers
! No limit to App Size
! Quicker Startup
! 40MB App
! 80% speed increase
Omega Resistance: 3D Co-Op Arcade Shooter with Dual Gamepads
ApplicationCache
New Product Types
AppJS…
Node-WebKit
“node-webkit is an app runtime based on Chromium and node.js. You can write native apps in HTML and Javascript with node-webkit. It also lets you call Node.js modules directly from the DOM and enables a new way of writing native applications with all Web technologies. It's created and developed in the Intel Open Source Technology Center.”
Node.JS
Chat Demo
! Node.JS
! WebSocket
! Native TCP Socket
Chat: Web Version
Chat: Lets Go Native!
Code Samples
! Base App JS File
! Base NodeJS File
! Node-WebKit File
Conversion Process
! Build *.nw File ! package.json ! Run In App Folder: zip -r ../${PWD##*/}.nw *
OSX
! Copy previous node-webkit.app into folder
! Open contents
! Copy *.nw file into: ! Contents->Resources
Windows
! Copy *.nw file into folder with nw.exe
! Run In Cmd ! copy /b nw.exe+app.nw app.exe
! Zip entire contents
Enigma Virtual Box
! Open Enigma Virtual Box
! Copy contents of node-webkit folder to a %DEFAULT FOLDER%
! Process
! WinXP Issues with WebGL and Packaged DLLs
Gotcha!
XHR: Response 0 Not 200
Package DLLs for WebGL
File Size
Resources
! Game Theory Labs Blog Post ! http://blog.gametheorylabs.com/2013/06/taking-our-webgl-
html5-app-native.html
! Node-WebKit Repo ! https://github.com/rogerwang/node-webkit
! Node-WebKit Wiki ! https://github.com/rogerwang/node-webkit/wiki
Questions?
Twitter/Facebook: @CoreyClarkPhD @GameTheoryLabs
Blog: blog.gametheorylabs.com Dev Wiki: wiki.gametheorylabs.com Git: git.gametheorylabs.com