Downloaded 15 times
Uploaded byTroy Miles
Cross Platform Game Programming with Cocos2d-js
The document discusses the use of cocos2d-js for cross-platform game programming, detailing its history, features, and setup requirements. It emphasizes the framework's capability to create games for multiple platforms using JavaScript, describing the installation process and the project structure. Additionally, it highlights the types of games developed with cocos2d-js and offers resources for further learning.
More Related Content
Similar to Cross Platform Game Programming with Cocos2d-js
Cross Platform Game Programming with Cocos2d-js
- 1. Cross Platform Game Programmingwith Cocos2d-JS So Cal Code Camp - Fullerton - 8 March 2015 Troy Miles
- 4. Troy Miles Troy Milesaka the RocknCoder Over 35 years of programming experience Wrote a few games for Interplay in the 80's and 90’s Speaker and writer on all things web & mobile
- 6.
- 7.
- 8. Agenda What is Cocos2d-JS? SettingUp Your Environment Parts is Parts Workflow
- 9. Why make mobilegames?
- 12.
- 13.
- 14. Text Family Guy: TheQuest for Stuff TinyCo, Inc.
- 15.
- 16.
- 17.
- 19.
- 20. History 2008 - RicardoQuesada, a game developer in Argentina, writes a game framework named Cocos2d 2009 - After the iPhone SDK release, Cocos2d rewritten in Objective-C to become Cocos2d-iPhone 2010 - Zhe Wang, a developer in China, creates a fork, Cocos2d-x Chukong Technologies Inc, Zhe's company, develops Cocos2d-JS, -HTML5, and -Lua
- 21. Cocos2d-JS Cocos2d-x JavaScript version FullCocos2d-x functionality Simplified JavaScript friendly API Code Once, Run Everywhere Mobile Native, Desktop, Web
- 23.
- 24. Mac OS X iOS Android HTML5 Mac OS X
- 25.
- 26.
- 27. Android Java 7 Android ADT/Eclipse (NOTAndroid Studio) Android NDK
- 28.
- 29.
- 30. Desktops You can alsobuild desktop apps for Windows and Mac OS X You will need Visual Studio and Xcode respectively I won’t speak further about this
- 31. Python 2 The cocoscommand line needs python to run python 2.7.5+ It won’t work with python 3 https://www.python.org/ downloads/
- 32.
- 33. cocos command options new- Creates a new project compile - Compiles the current project to binary deploy - Deploy a project to the target run - Compiles & deploy project and then runs it on the target jscompile - minifies js files
- 34. cocos new cocos new-l js cocos new -l js —no-native cocos new projectName -l js -d ./Projects cocos new projectName -l js
- 35. Parts is Parts ProjectFiles & Folders Terminology Coordinate system
- 36. Project files andfolders frameworks/runtime/tools res - your resources src - your JS source code project.json - configuration main.js - JS boot code index.html - HTML markup
- 37. project.json debug - thecurrent debug setting showFPS - whether or not to show the frame rate frameRate - the desired frame rate modules - cocos2d and potentially plugins jsList - all of your source code
- 38.
- 39. Terminology cc - Cocos2d,most classes prepended with this Director - takes care of navigation between scenes Node - Almost every element is a node Scene - a screen in your game Sprite - a 2D image that can be moved, rotated, scaled & more Layer - a special node which accepts user input
- 40. More terminology Action -an order given to a node, like animations Menu - Creates an onscreen menu LabelTTF - The simplest option for displaying text
- 41. Right handed coordinatesystem Different than web Origin (0,0) located at lower left hand of screen x position increases going right y position increases going up max x,y at upper right hand corner
- 42.
- 43. Program editor I useWebStorm 9 It is available for Windows, Mac, and Linux It has a Chrome extension, JetBrains IDE Support, allows debugging
- 44. Deploying Choose Right click onindex.html Click Debug “index.html”
- 45. Modifying Double tap afile to open it in the editor Modify the text as desire Click the refresh icon to run the code again
- 46. Debugging To set abreak point, click in the gutter to the left of the text To set a conditional breakpoint, right click it and specify a condition Click again to delete it
- 47. Let’s look ata game Parts Scenes Player User Input Physics plug-in Collision detection
- 48.
- 49. File formats All ofthe devices can play mp3 Only some of the browsers can
- 51. Playing sounds Playing soundsis easy Simply call the audioEngine’s playEffect method
- 52. Cocos Studio +Other Tools Animation Editor UI Editor Scene Editor Data Editor Tiled
- 53. iOS $99 a yearfor an individual in the local currency $299 for an enterprise Free for the university program Only developers can put apps on devices
- 54. Android $25 for alifetime Anyone can put apps on a device
- 55.
- 56.
- 57.
- 58. Summary Cocos2d-JS allows youto create fast cross platform games in JavaScript Installation & documentation are a bit rough No support for Window Phone 8
- 59.