1 - Mellow Mans' guide to CODEF

Hello and welcome to my beginners guide to CODEF!

CODEF is a set of Javascript libraries used within HTML5 to create the old-school demo and intro screen myself, and numerous other ppl write to recreate classic screens of the past to run in your browser.

CODEF stands for "Canvas Oldschool Demo Effects Framework", and was created by scener, NoNameNo/AloneTrio (Antoine Santo), and is based on the HTML5 Canvas protocol, which can be further read about here.


Antoine has written several libraries, each which brings additional features into CODEF, plus others have added their own libraries over the past couple of years, myself included, with the aim of adding extra features and effects etc..

I have been asked by several people over the last few months to make a "How to" guide for people new to Javascript, to enable them to get a good understanding of how CODEF works. Antoine made several small tutorials when he first released the libraries a few years ago, but these are somewhat limited, and have not been updated or expanded for some time. Hence why people have been asking me to do it.... hopefully Antoine won't mind! :-)


What I aim to do in these pages is to make a series of guides, with each one being a step along the process, starting with the basics, then the additional features which can be called using each additional library, and then more advanced features, and third-party library add-ins.

Although HTML5, canvas, and Javascript are all supported by the majority of browsers out there, some work better than others, and usually we recommend that a Chromium based browser is used for best performance (Iron, Chrome, Chromium, etc.).

In the meantime, I hope you have fun with what can be achieved using CODEF within HTML5.

Also feel free to drop me a message if you spot an error, or have a question, and I'll do my best to answer as soon as I can!


No comments:

Post a Comment