Search This Blog

Sunday, 24 August 2014

Greenfoot Teach and Learn Java Programming

Greenfoot Teach and Learn Java Programming

Greenfoot Activity Discussions Documentation Download Scenarios

ABOUT

Software

Interactive Visual World

Visual

Greenfoot teaches object orientation with Java.
Create 'actors' which live in 'worlds' to build games, simulations, and other graphical programs.
Greenfoot is visual and interactive.
The actors are programmed in standard textual Java code, providing a combination of programming experience in a traditional text-based language with visual execution.

Simple Programming IDE

Simple

Full IDE with project management, auto-completion, syntax highlighting.,
Publish your work both on and offline.
Simple and easy to use.

Real Java Code

Real

Greenfoot programs are written in standard Java.

Teacher Resources

Greenroom is a community for sharing teaching resources and discussion surrounding teaching with Greenfoot.

Greenfoot Hubs

Several places around the world provide workshops for teachers, face-to-face training and support.

Programmer Resources
The Gallery

Publish Learn from projects of other users, get ideas, help, and discuss programming issues.

Help & Tutorials

A variety of tutorials is available, both in written form and as videos.

The Team

Greenfoot is a project in the Programming Education Tools Group, part of the Computing Education Research Group at the School of Computing, University of Kent in Canterbury, UK.
The Greenfoot Team currently includes Michael Kölling, Ian Utting, Davin McCall, Neil Brown, Philip Stevens and Michael Berry. A related project developed by our group is BlueJ.

DOCUMENTATION

http://www.greenfoot.org/doc

Tutorials

Videos

Reference

Going Further

Monday, 18 August 2014

JavaScript: Input Number between 1-10, Click Button, Get Result Number Name

JavaScript: Input Number between 1-10, Click Button, Get Result Number Name
Get code from links below. I am trying to make it work online. Blogger changes my HTML code of this

Example 1

<!-- End of Example 1

Code


Example 2


Latest Code: jsbin link

References:
http://stackoverflow.com/questions/8831774/javascript-input-field
http://jsfiddle.net/a9zZL/1/
http://jsfiddle.net/a9zZL/2/

Contact me at facebook: gerasimos mouzakitis

Sunday, 10 August 2014

JavaScript Tutorial for Beginners

JavaScript Tutorial for Beginners


summary of articles by Rodrigo Silveira

Table of Contents

2: How to enable JavaScript

1: What is JavaScript?

JavaScript Tutorial for Beginners 1: What is JavaScript? | JavaScript Tutorial for Beginners
JavaScript is a dynamic programming language used to websites, web apps, and HTML5 games.
JavaScript and Java are different.
Modern browsesrs JavaScript engines are powerful.


Phaser Javascript Game Tutorial - Flappy Bird - Getting Started






Friday, 8 August 2014

Animation Tutorial #2 - Rotate Canvas and Brushes

by NookDaemon Films  Canadian TV Films Animators




Photoshop Tips

  • Rotate View Tool (R): rotate canvas, add screemshots 
  • Holding down R to rotate vs tapping the key: when you press, rotate, then release the key, it will automatically return to whatever tool or brush you were using before. If you tap R to rotate, you'll have to press B (or select it from the tool menu) to return to your drawing tool.
  • Pressing ESC to reset the view
  • Setup Rotate View Tool


  • Setup Brush

  • Setup lock Alpha Channel


Watch Complete Video


Animation Tutorial #1 Drawing Clean-up

Animation Tutorial #1 Drawing Clean-up

by NookDaemon Films  Canadian TV Films Animators 


Animation Blog Linkshttp://livlily.blogspot.com/

Animation Software: Flash, ToonBOOM, Harmony, Animate Pro,TVPaint, Paint Tool SAI

Pen Tablets

  • Wacom Cintiq
  • Asus EEE121 Slate PC

Animation Tips

  • from idea to outline, script, storyboard, animation, clean up and finally post production and release
  • want to draw clean? get used to draw just ONE line. that's all, practice
  • The brush at 1:26 is just a standard thick-thin default Photoshop brush, but the "Flow" was set to something like 24%, so it looks somewhat transparent
  • picking up a pencil or pen and a sketchbook and just drawing. Practice is where it counts
Photoshop Tips
  • A locked alpha as a quick way of masking everything within the borders of the line work.  The lock alpha toggle is located just above the list of layers.
  • AnimDessin Adobe Exchange photoshop animation plug-in
  • "rotate canvas" i's only available if your graphics card supports OpenGL
Terminology
  • Flopping: When we talk about "Flopping" we're talking about the common practice of flipping a drawing vertically to see the mirror side.  This is a common technique used to see side biases.  Most artists have a bias to either the right or the left depending with is their dominant eye or dominant hand that leads to a part of a drawing that appears flat or uneven.  This is often not directly apparent but can be very obvious when that bit of art needs to be seen the other way. "Flopping " a drawing will show the artist where these spots are, and correct them.  So when the drawing is flopped back to the intended direction, it's more solid.

Wednesday, 6 August 2014

Installing Android Studio

Installing Android Studio Beta

A new Android development environment based on IntelliJ IDEA.
The official Android IDE once it's ready.

summary of ref. http://developer.android.com/sdk/installing/index.html?pkg=studio

Capabilities
  • Flexible Gradle -based build system.
  • Build variants and multiple APK generation.
  • Expanded template support for Google Services and various device types.
  • Rich layout editor with support for theme editing.
  • Lint tools to catch performance, usability, version compatibility, and other problems.
  • ProGuard and app-signing capabilities.
  • Built-in support for Google Cloud Platform,, making it easy to integrate Google Cloud Messaging and App Engine.
Caution: Android Studio is currently in beta. Some features are not yet implemented and you may encounter bugs. If you are not comfortable using an unfinished product, you may want to instead download (or continue to use) Eclipse with ADT.

SYSTEM REQUIREMENTS

WindowsMac OSLinux
  • Microsoft Windows 8, 7, Vista, 2003, or XP (32 or 64 bit)
  • 1 GB of RAM minimum, 2 GB recommended
  • 400 MB of disk space
  • At least 1 GB of additional disk space for the Android SDK, emulator system images, and caches
  • 1280x800 minimum screen resolution
  • Java Development Kit (JDK) 6 or higher
  • Mac OS X 10.5 or higher, up to 10.9 (Mavericks)
  • 1 GB of RAM minimum, 2 GB recommended
  • 400 MB of disk space
  • At least 1 GB of additional disk space for the Android SDK, emulator system images, and caches
  • 1280x800 minimum screen resolution
  • Java Runtime Environment (JRE) 6 *
  • Java Development Kit (JDK) 6 or JDK 7
* On Mac OS, run Android Studio with Java Runtime Environment (JRE) 6 for optimized font rendering. You can then configure your project to use Java Development Kit (JDK) 6 or JDK 7.
  • GNOME or KDE desktop
  • 1 GB of RAM minimum, 2 GB recommended
  • 400 MB of disk space
  • At least 1 GB of additional disk space for the Android SDK, emulator system images, and caches
  • 1280x800 minimum screen resolution
  • Oracle Java Development Kit(JDK) 6 or JDK 7
Note: Java Development Kit (JDK) 7 is required if you're targeting the Android L Developer Preview.























INSTALLATION


    Windows
    1. Open command prompt terminal
    2.  type: javac -version
    3. If JDK is not istalled  or version < 6
    4. Download JDK
    5. Install JDK
    6. Add system variable  Start menu > Computer > System Properties > Advanced System Properties >  Advanced tab > Environment Variables
      JAVA_HOME

      C:\Program Files\Java\jdk1.8.0_11\bin
    7. Download Android Studio
    8.  Install Android Studio
      android-studio-bundle-<version>.exe
      .
    9. Tools and other SDK packages
      \Users\<user>\AppData\Local\Android\android-studio\sdk\
    Mac OSX
    1. Download Android Studio
    2. Open android-studio-bundle-<version>.dmg.
    3. Drag and drop into Applications folder.
    4. If warning "package is damaged":
      System Preferences > Security & Privacy
      Allow applications downloaded from > Anywhere
      Open Android Studio again.
    5. Tools and other SDK packages: /Applications/Android\ Studio.app/sdk/
    Linux
    1. Unpack android-studio-bundle-<version>.tgz into applications folder
    2. In a terminal android-studio/bin/ execute studio.sh 
    3. Add android-studio/bin/ to your PATH environmental variable

Saturday, 2 August 2014

Introduction to game development for the Web


summary of article @ Mozilla Developer Network MDN
Introduction to game development for the Web


Advantages


  1. Games built with HTML5 work on smartphones, tablets, PCs and Smart TVs.
  2. Advertise and promote your game all over the Web as well as other media.
  3. Payments. Charge what you want and use whatever payment processing service you like.
  4. Update your game whenever you want.
  5. Collect your own analytics!
  6. Connect with your customers more closely,
  7. Players can play the game anywhere, anytime.

Web technologies for game developers


Function
Technology
AudioWeb Audio API
GraphicsWebGL (OpenGL ES 2.0)
InputTouch eventsGamepad API, device sensors, WebRTCFull Screen APIPointer Lock API
LanguageJavaScript (or C/C++ using Emscripten to compile to JavaScript)
NetworkingWebRTC and/or WebSockets
StorageIndexedDB or the "cloud"
WebHTMLCSSSVGSocial API (and much more!)
Full Screen API
Full screen gameplay.
Gamepad API
Use gamepads or other game controllers.
HTML and CSS
Build, style, and lay out your game's user interface.
HTML audio
Easily play simple sound effects and music.
IndexedDB
Store user data on their own computer or device.
JavaScript
Fast web programming language to write the code for your game.
To easily port your existing games Emscripten or Asm.js 
Pointer Lock API
Lock the mouse or other pointing device within your game's interface.
SVG (Scalable Vector Graphics)
Build vector graphics that scale smoothly regardless of the size or resolution of the user's display.
Typed Arrays
Access raw binary data from within JavaScript; Manipulate GL textures, game data, or anything else.
Web Audio API
Control the playback, synthesis, and manipulation of audio in real time.
WebGL
Create high-performance, hardware-accelerated 3D (and 2D) graphics. OpenGL ES 2.0.
WebRTC
Real-Time Communications to control audio and video data, including teleconferencing and transmitting other application data back and forth between two users like chat.
WebSockets
Connect your app or site to a server to transmit data back and forth in real-time. Perfect for multiplayer gaming action, chat services, and so forth.
Web Workers
Spawn background threads running their own JavaScript code for multi-core processors.
XMLHttpRequest and File API
Send and receive any kind of data you want from a Web server like downloading new game levels and artwork to transmitting non-real-time game status information back and forth.