'Canvas' in JavaScript for Line of Business Applications

Tags
Current selected tag: 'Canvas'. Clear

Your new post is loading...

Popular Tags - Filter using the Funnel

Current selected tag: 'Canvas'. Clear

Canvas 4

game 2

algorithm 1

front end development 1

GitHub 1

Tutorial 1

Scoop.it!

p5.js

From p5js.org - August 14, 2014 2:47 PM

p5.js is a JavaScript library that starts with the original goal ofProcessing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today's web.

Using the original metaphor of a software sketchbook, p5.js has a full set of drawing functionality. However, you're not limited to your drawing canvas, you can think of your whole browser page as your sketch! For this, p5.js has addon libraries that make it easy to interact with other HTML5 objects, including text, input, video, webcam, and sound.

p5.js is a new interpretation, not an emulation or port, and it is in active development. An official editing environment is coming soon, as well as many more features!

Jan Hesse's insight:

http://hello.p5js.org/

https://github.com/lmccart/p5.js/

more...

No comment yet.

Scoop.it!

Software & Game Developmet

From vadim.gaidukevich.net - November 30, 2013 2:51 AM

It is easy to create computer game with any language. For example let’s consider JavaScript. It is a script language, it has garbage collector and it is possible to output an image with it. But the main advantage of JavaScript: it runs at any browser and you don not to use such heavy tools like MS Visual Studio to develop on it.

Let’s make a simplest roleplaying game where a hero walking through a labyrinth killing an enemy. Let the labyrinth will be 10x10 squares. Let the square will be 64px. No line of sight, no fog of war (how to implement such features I will probably tell in the one of future blog posts).

more...

No comment yet.

Scoop.it!

Using CreateJS

From code.tutsplus.com - February 13, 2014 2:52 PM

In this tutorial we will be exploring the CreateJS suite of libraries. CreateJS is suite of JavaScript libraries and tools for building rich, interactive experiences with HTML5. The CreateJS suite is divided into four libraries.

* EaselJS - Makes working with HTML5 canvas easy.
* TweenJS - For tweening HTML5 and JavaScript properties
* SoundJS - Lets you easily work with HTML5 audio
* PreloadJS - Lets you manage and coordinate loading of assets

EaselJS is a library for working with the HTML5 canvas. It consists of a full, hierarchical display list, a core interaction model, and helper classes to make working with Canvas much easier. ...

more...

No comment yet.

Scoop.it!

Creating a Realistic Rain Effect with Canvas and JavaScript

From flippinawesome.org - September 25, 2013 5:00 AM

I recently released a fun project called rainyday.js. I consider it a rather humble piece of code and, in fact, it is more or less my first contact with JavaScript on a level that requires a little more than displaying alert popups. Hopefully, some of you will find it useful and interesting.

The idea behind rainyday.js is to create a light JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface. Simple enough, yet challenging at times, especially since we’re trying to avoid that cartoonish look usually attributed to JavaScript animations and at the same time make sure the animations work smoothly.

In this article I’ll try to describe the overall approach as well as the “little things”, so bare with me.

The animation uses three different canvas objects in order to achieve the layering effect, as can be seen on the figure below...

more...

No comment yet.