Tag Archives: canvas

Introducting Adobe Animate CC, a new era for Flash Professional

Adobe Flash becomes Animate CC and allows output to HTML5 Canvas



For nearly two decades, Flash Professional has been the standard for producing rich animations on the web. Because of the emergence of HTML5 and demand for animations that leverage web standards, we completely rewrote the tool over the past few years to incorporate native HTML5 Canvas and WebGL support. To more accurately represent its position as the premier animation tool for the web and beyond, Flash Professional will be renamed

Adobe Animate CC, starting with the next release in early 2016.

Read more from the source: Adobe Flash Professional Team Blog

Introducing Four: It’s WebGL, but Easier

Develop 3D content for the web with low-level abstractions such as shaders, framebuffers and texture and enjoy higher-level APIs for camera, lighting, and materials


Jason Petersen writes:

Over the past three years working in the realms of web-based physics simulations using WebGL, I have realized the lack of a web-based physics engine. This is probably due to the large amounts of data manipulation required to do this. To address this problem, I started to develop Four.

Four is a framework to develop 3D content for the web. It lets you avoid the burden of repetition and complexity to speed up and simplify the development while exposing the flexibility of the WebGL API. This is done by exposing several layers, each built on the top of the previous one, that give you access to a different level of abstraction. Depending on your needs, you can access the most basic level or a higher one. This allows you, as the developer, to focus on what is important: getting something on the screen.

Read more at SitePoint

Breakouts – Helping you choose a JavaScript game engine

TodoMVC for game engines: compare JavaScript game engines by studying how to make the game Breakout


Breakouts is a gathering of various implementations of the classic game Breakout in numerous different engines.

There is a plethora of JavaScript game engines out there. By comparing and studying the implementations, you should better be able to find an engine that meets your needs and style.

Read more from the source: jsbreakouts.org

Parable of the Polygons – Interactive Simulation by mathematician vihart and programmer nicky case

This interactive social simulation using canvas will get you thinking


This is a story of how harmless choices can make a harmful world.

These little cuties are 50% Triangles, 50% Squares, and 100% slightly shapist. But only slightly! In fact, every polygon prefers being in a diverse crowd.

You can only move them if they’re unhappy with their immediate neighborhood. Once they’re OK where they are, you can’t move them until they’re unhappy with their neighbors again. They’ve got one, simple rule:

“I wanna move if less than 1/3 of my neighbors are like me.”

Try it outat Parable of the Polygons