We aim to offer tutorials and articles with accompanying code work that are easy to follow and easy to use. There is no code ubfuscation, no bag of tricks, or fine print worries. Rest assured our information and code is shared in good faith.
The first thing we will need is a code editor. A code editor is a plain text editor as apposed to a rtf(rich text format) editor or a document processor such as MS Word that markup the text. We will be marking-up by hand.
A code editor includes two great features which are syntax highlighting and auto indentation. Computer code is made more human readable. It is easier to spot formatting errors. Syntax highlighting and auto-indentation are indespensible.
There are many code editors. The most popular for a long standing period is VI. VI comes pre-installed on Mac and Android. It is available on all Linux and Unix systems. It is available as a Portable App on Windows. Portable Apps can be installed on a USB stick and launched on different versions of Windows. There are many other code editors. The choice is yours.
In the beginning there was the ASCII Table. We all know that computers run on ones and zeroes. The next layer is the ascii table. That is the best place to start learning computer programming. Starting with the ascii table.
Computer Programming is a constant learning process just like anything else. The more times you do it the better you get. Learn with me as I exercise my UI programming skills. I am looking to further develop the UI component of my webgl app. It will need many controls. My website is getting large. Let us explore CMS systems. In the end, I dropped the CMS for the most part. It was a kind of a joke if you noticed. First the header and footer. Then the body. Then we are writing single page apps so there only ever be need for a single html file and so no need to script the header and footer. We did a lot of work if only to run in circles. The app restructing and large code base handling skills training was well worth all the work. That was very serious software engineering. There is valuable JavaScript Single Page Application programming skills presented in this series:
Programming web animation begins with a timed function call. The frame buffer update function will be callled on a time clock. The Web Browser's Web Animation API was limited. It has been updated as part of HTML5 development to offer more speedy fps(frames per second). CSS too has updated from version 2 to 3 to offer animation programming from CSS key codes. Both are presented here.
Programming many objects will require some kind of management. Here is a simple queue to manage a list of animation objects.
Making animation realistic requires varying speed. A little acceleration and deceleration goes a long way.