Flash naturally moved to accommodate mobile games and applications as mobile gaming grew. A number of years ago, Flash used to be required for playing videos on the web, (like with YouTube back in the video uploading site’s early days). Learn & Support Tutorials, guides. Multi-platform game development with Flash. This section will give you insight into the process of game development.
HTML5 Game Development – Lesson 1
HTML5 tutorial. Starting today we begin a series of articles on game development in HTML5. In our first article we will cover the basics – working with the canvas, creating simple objects, fill, and some linked event handlers by mouse. Also, pay attention at this stage, we will study this basis, not immediately work in 3D with WebGL. But we will get back to WebGL in the future.
In each next article we will make something new. The first time we create an object with seven vertices, in these vertices we will draw circles, we will able to move these vertices with dragging circles. Also we fill our result object with semi-transparent color. I think that this is enough for beginning.
Flash Game Development Software
Live Demo
Ok, download the example files and lets start coding !
Step 1. HTML
Here are all html of my demo
index.html
Step 2. CSS
Here are used CSS styles.
css/main.css
Step 3. JS
js/jquery-1.5.2.min.js
We will using jQuery for our demo. This allows easy bind different events (for mouse etc). Next file most important, just because contain all our work with graphic:
js/script.js
I commented all necessary code, so I hope that you will not get lost here.
Live Demo
[sociallocker]
download in package
[/sociallocker]
Conclusion
Cool, isn’t it? I will be glad to see your thanks and comments. Good luck!
Flash Game Development
Hi Shukerullah,
In general, in order to make it responsive we need to resize it, and display the elements of this demo depending of screen size of devices