background preloader


Facebook Twitter


Informatique. Python. Canvas Tutorial - Introduction. Welcome!

Canvas Tutorial - Introduction

In this tutorial, we're going to create a breakout clone that you can play in your browser, using javascript and the In order to use this tutorial, you'll need a browser that supports the <canvas> element. Before you read any further, click on the "run code" button on the left to play the game that we'll end up creating. On every page, you'll be able to click the "run code" button to run the code we've developed so far. Every page besides this one has an editor in it containing the javascript code that will be run in the same box as the game as soon as you click the button.

In order to make our lives easier, I've included the jQuery framework in every page, which extends javascript in your browser with some useful methods. If you have any comments or questions, feel free to leave a comment on the "comments" tab. next. root page. Developer Center : The Flex, Spring and BlazeDS full sta. Additional Requirements Spring Download In Part 1 and Part 2 of this series, I described the process of setting up Spring, Hibernate, and MySQL on a sample to-do list server to create the back-end of the sample application.

Developer Center : The Flex, Spring and BlazeDS full sta

I also covered the steps to create a small Flex UI on the client side. In this article, we're going to bring all of the pieces together by writing the final user interface for Flex and connect it with the Spring back-end using BlazeDS. The goal of this section is to avoid duplicating configuration files. Open a command line in todolist and run the following command: mvn archetype:create -DgroupId=org.epseelon.samples -DartifactId=todolist-config Then navigate to todolist-config and delete the src/main/java and src/test directories. While still in the same directory, create a file named remoting-config.xml that contains the following code: <? Edit the todolist-config/pom.xml file so that it looks like this: <?

Finally, run 'mvn install' to check that everything is working. Developer Center : The Flex, Spring and BlazeDS full sta. Additional Requirements Spring Download Welcome to the second installment of this three-part article series.

Developer Center : The Flex, Spring and BlazeDS full sta

In Part 1 I described the process for creating and configuring a classic standalone Flex module built with flex-mojos. In this section, I'll continue with the development of the sample project (to-do list application) and describe how to create the back-end module, using Spring, Hibernate and MySQL. In this section we'll get started creating the back-end of the to-do list sample application. Mvn archetype:create \ -DgroupId=org.epseelon.samples \ -DartifactId=todolist-web \ -DarchetypeArtifactId=maven-archetype-webapp The command above creates a new todolist submodule inside the root todolist module. The dependencies added above are required for Spring and Hibernate to work. Last but not least, update the configuration of the Java compiler plug-in in this module so that we can use generics and annotations in our code. Developer Center : The Flex, Spring, and BlazeDS full st. The most challenging part of the project is setting up the Maven build.

Developer Center : The Flex, Spring, and BlazeDS full st

This project could have been built with Ant, but I don't particularly enjoy writing Ant scripts. As for using an IDE to build projects, depending on a particular development environment is usually not a good idea because any serious project needs some degree of testing and continuous integration. Even though Maven is not perfect, I still see it as the best solution. As for JBoss, it's not a requirement at all—it just happens to be what I'm using.

If you prefer, you could use a simple Tomcat setup instead. To see the finished version of this sample project, view the demo. Creating a root Maven project The first thing we have to address when creating a Flex/BlazeDS project with Maven is to determine the right location for configuration files. With that out of the way, let's get started. SELFHTML 8.0 (réaliser soi-même des fichiers HTML)