2008 April « Paul Sweatte

Using Math for ActionScript Animation

April 23, 2008 at 12:17 am | In actionscript, algorithm, ecmascript | 1 Comment
Tags: 3d actionscript, actionscript animation, animation theory, easing, linear algebra, mathematics, pythagorean, quadratic equations, trigonometry, tweening

Here’s a collection of articles about applying mathematical formulas to calculate and display motion using ActionScript algorithms:

Drawing Circles in ActionScript

Drawing Arcs in ActionScript

Drawing Elliptical Animations in ActionScript

Drawing Pendulum Animation in ActionScript

Drawing Particle Effects in ActionScript

Randomizing Animation in ActionScript

Basic 3D Calculations in ActionScript

2D Orbit Calculation in ActionScript

3D Orbit Calculation in ActionScript

Using Simple Math in ActionScript

Practical Usage of Math Functions in ActionScript

Practical Usage of the Pythagorean Theory in ActionScript

Basic Trigonometry in ActionScript

Practical Usage of Trigonometry in ActionScript

ActionScript Library of Easing Functions

ActionScript Library of Linear Algebra Functions

Animation Theory

Basic Animation Principles

Using ActionScript to create a Simple Shooter Game

JavaScript Animation

April 17, 2008 at 5:27 pm | In algorithm, ecmascript, javascript, tips and tricks, visual design | Leave a Comment
Tags: animation, bouncing, color, easing, fps, image gallery, lateral, opacity, slideshow, transparency, tweening

Here’s a list of links on writing animation functions in JavaScript for various design goals:

How to Create JavaScript Animation

Math Concepts for JavaScript Animation

Drawing Lines in JavaScript

Parallax Scrolling

JavaScript Animation Theory

Simple Image Animation

70 Tricks of JavaScript and Declarative Animation

Generic Animation Tutorial

Animating Straight Line Element Paths

Animating Circular Element Paths

Animating a Circle in JavaScript

Scrolling Image Gallery Animation

Fading Image Gallery Animation

Navigation Menu Animation

Bouncing Ball Animation

Slideshow Animation

Dynamic FPS Animation

Easing Animation

Curving Animation

Color Animation

Opacity Animation

Yellow Fade Animation

Divs in a Circle

JavaScript Bezier Curve Animation

JavaScript Animated Horizontal Divider

JavaScript Particle Effects Animation

Rotating Star using CSS Border Art

Animated Slopes using CSS Border Art

Liquid Animation

Bubble Animation

JavaScript Animation Demo Collection

JavaScript Canvas/VML Photo Experiments

JavaScript Image Effects Labs

Animated Page Jumps

JavaScript Animation Library

Animation Snippets Directory

Converting Radians to Degrees

Realtime Animation

JavaScript Math Functions

JavaScript Animation Techniques

Trigonometry Basics

ActionScript Migration: Actionscript 1 vs Actionscript 2 vs Actionscript 3

April 16, 2008 at 10:26 pm | In actionscript, coding standards, display list, document object model, dom, ecmascript, mvc | Leave a Comment
Tags: actionscript api, actionscript dom, actionscript events, actionscript reference, actionscript syntax, display list, display objects, porting actionscript

Here’s a definitive collection of reference points for developers using any version of Actionscript who are interested in the evolution from the classic syntax to current syntax for the purpose of fully understanding the language and choosing your preferred programming style.

Actionscript 1.0 API Reference

Actionscript DOM Visualization Map

Actionscript 1 Object Oriented Programming

Actionscript 1 Global Objects

Actionscript 1 vs Actionscript 2 Overview

Porting Actionscript 1 to Actionscript 2

Actionscript 2 Language Reference

Migrating from Actionscript 1 to Actionscript 2

Actionscript 2 Event Handlers

Reverting Actionscript 3 to Actionscript 2

Actionscript 3 Display List DOM

Actionscript 3 Event Handlers

Actionscript Coding Guidelines

Actionscript Code Organization

Actionscript MVC

Browser JavaScript Rendering Differences

April 16, 2008 at 8:19 pm | In ecmascript, javascript, khtml, webkit | Leave a Comment
Tags: gecko, javascript engine, javascript portability, migrating javascript, presto, trident

Here are some articles on JavaScript code portability between different browsers:

Migrating JavaScript from IE to Firefox

Core JavaScript Differences between Browsers

JavaScript Engine Reference

Advanced Javascript: Data Structures, Debugging and Metaprogramming

April 16, 2008 at 8:05 pm | In algorithm, data structures, ecmascript, javascript | Leave a Comment
Tags: debugging, metaprogramming, recursion

Here’s a great group of articles on using core Javascript features that are often misunderstood or overlooked:

9 Javascript Optimization Tips

9 Javascript Debugging Gotchas

Metaprogramming in Javascript

Javascript Metaprogramming Presentation

HTML and CSS Compliance Tests

April 16, 2008 at 7:55 pm | In css2.1, css3, gecko, khtml, presto, trident, webkit | Leave a Comment
Tags: cross browser, browser support, browser compatibility, css compliance, css test suite, mobile browsers, opera mobile, html compliance, browser tests, css bug tests, symbian os

Here’s a collection of real-time browser tests and comparison tables for cross-browser HTML and CSS standards compliance which can be used to quickly confirm whether a browser specific limitation or human error is the source of a bug:

HTML4 Compliance Tests

Browser Test Services

CSS3 Selectors Test

List Marker Tests

Border Transparency Test

Image Border Test

Box Width Tests

Opacity, HLSA, and RGBA Tests

white-space Property Test

column-* Properties Test

:only-child pseudo-class Test

first, last and only-child pseudo–class Tests

Indirect Adjacant Combinator Test

Safari/Webkit CSS Bug Tests

IE Testing Center

Web Compatibility Test for Mobile Browsers

CSS Property Browser Support Chart

CSS properties supported by Opera Mobile for Symbian OS

JavaScript Image Reflection

April 16, 2008 at 7:39 pm | In ecmascript, javascript | Leave a Comment
Tags: image reflection, javascript effects, reflection.js, reflex.js

Here’s a few examples of using JavaScript to create image reflections without the need of a web or desktop application like Photoshop or Flash:

Reflection.js Library Demo

Reflex.js Library Demo

Actionscript Animation

April 16, 2008 at 7:36 pm | In actionscript, ecmascript | Leave a Comment
Tags: animation, as2, as3, code, timeline

Here’s an excellent collection of articles on how to create animated objects using any version of Actionscript:

Actionscript 1.0 Analog Clock Tutorial

Writing Actionscript 1.0 Animation Functions

Scripting Animation with Actionscript 2

Basic Animation via ActionScript 2

Actionscript 2 Animation Primer

Actionscript 2 Programmatic Tweening

Programming Animations in Actionscript 3

Actionscript 3 Animation Differences

Actionscript 3 Animation Packages

Converting Timeline Animation to Actionscript 3 Code

Easing Functions

IE Jscript Resources

April 16, 2008 at 7:24 pm | In ecmascript, javascript | Leave a Comment
Tags: caching, closures, functional programming, interfaces, jscript

Here’s a few articles and resources on JScript specific guidelines for developing advanced Javascript applications:

JScript Inheritance

Jscript Functions

JScript Caching

JScript Closures and Interfaces

Advanced JavaScript: Garbage Collection, Cross Browser Events, and Animation

April 16, 2008 at 6:31 pm | In dom, ecmascript, javascript | Leave a Comment
Tags: advanced, animation, cross-browser events, event model, garbage collection

Here’s a few articles with quick tips on managing dynamic functionality in JavaScript:

JavaScript Garbage Collection

JavaScript Cross-Browser Event Handling

JavaScript Animation

Next Page »

Blog at WordPress.com. | Theme: Pool by Borja Fernandez.
Entries and comments feeds.