/canvas-examples

The source code for my collection of posts on canvas examples

Primary LanguageHTMLGNU General Public License v3.0GPL-3.0

canvas-examples

This is all the source code for my collection of posts on canvas examples on my website here at github pages. This collection is mainly games, but there are also some additional projects that are just animations, ideas for modules, frameworks, and so forth. The only common bond is that all of these use canvas elements in at least some capacity, and beyond that I am also just using native javaScript by itself for each example.

Each example is a project on its own

Each folder is its own independent project folder, so all of the source code needed should be located in each folder for each example. This is just the way that I went forward for this collection, for better or worse. I might use the same code across other examples, but even then it would be in the form of a copy that might end up getting hacked over a little, or not.

Starting an example

Most if not all examples should work by way of the file protocol in a web browser, in other words by just pressing ctrl + o, nafagating to the index.html file and opening it that way. However it still might be best to start some kind of sever locally, and view the examples that way. I have a nodejs script provided that can be used to do so, if you have some other options it is the forpost folder that you would want to make public and create an index for.

The forPost, and prototype Folders

In the forpost folder each example folder there should correspond with a blog post on my website here ah github pages in which I write about the example in detail. In addition there is a prototypes folder that contains canvas examples in the works that I may or may not complete and write about at a future date. Just because an example is in the for post folder that does not mean that it is a done deal, some of these I am continuing to support, others I might get around to at some point but I would not hold my breath.

Note Worthy examples thus far

Many of these canvas examples are in various states of completion and or quality. If an idea for something is simple enough then maybe it is done, but in any case the bulk of these examples thus far do deserve some more attention at least I think so anyway. So I think that it is worth mentioning which examples have been receiving the most time and effort from me.

This example aims to be just a simple space shooter where I just fly around and blow up blocks. Beyond that any and all additional features that I add will just have to do with things like weapons, upgrades, navigation, properties of the blocks, and maybe just a few simple animations.

I aim to keep the focus on the game logic itself rather than graphics and flashy features that do not always add to the value of a game. This is not a dream game by any means, it is just simply a game where I want to just break certain bad habits, Such as starting a project but never really finishing it.

This is the first example that I have broken a certain pattern where I am quickly getting an example together in a few hours, or a day or so, and then move on to the next thing. This is the first canvas example in the whole collection that I have put a fair amount of time into, and thus should be on this list.

This is another example that I have put a lot of time into thus far, so I should have it listed here for the reason alone. However as of this writing there is still not much to write about with this one, at least in terms of the game play at least. The code is another matter of course, the best feature thus far with this one would be the plug in system thus far. I intend to make several forks off of the source code of this once I get this main example solid.