Monthly Archives: June 2016

Post University CIS Advisory Committee Annual Meeting

I serve as an industry representative for an advisory committee run by the chairman of the CIS Program at Post University in Waterbury, CT. In today’s annual meeting we discussed a number of issues regarding the department, its curriculum, and … Continue reading

Posted in Software | Tagged , , , , | Leave a comment

Reproducing A Clever Animation Product, Part 18

Yesterday I wrote about how you’re supposed to be able to process conditional function parameters in JavaScript:

The teeeensy little problem is that neither browsers nor syntax checkers in certain development tools (WebStorm, in my case, I used it … Continue reading

Posted in Tools and methods | Tagged , , , | Leave a comment

Reproducing A Clever Animation Product, Part 17

In the interest of making these writings fit with my schedule today and tomorrow I’m going to take a brief detour and describe the next change before completing the one that’s in progress. This will also cover something I’ll be … Continue reading

Posted in Tools and methods | Tagged , , , | Leave a comment

Reproducing A Clever Animation Product, Part 16

Today I wanted to further rearrange the transition definitions so they more closely matched those used by the Greensock animation product I’ve been emulating. A screenshot from their demo video is shown here: The next step is to move the … Continue reading

Posted in Tools and methods | Tagged , , | Leave a comment

Reproducing A Clever Animation Product, Part 15

After completing yesterday’s post I started digging into combining multiple CSS transforms for individual elements. I was inspired to do this because I realized that if multiple transforms were applied to an element then the string returned by referencing element.style.transform … Continue reading

Posted in Tools and methods | Tagged , , , | Leave a comment

Reproducing A Clever Animation Product, Part 14

Today I shortened up the way transforms are specified. Rather than specify the type of transform and its explicit starting and ending values I combined the information using object literals. Here are the new specifications, each listed after the old … Continue reading

Posted in Tools and methods | Tagged , , , | Leave a comment

Reproducing A Clever Animation Product, Part 13

Today I made sure the left and right arrows could be used to advance the animation forwards or backwards by the current increment. I also highlighted the increment on the buttons used to set it. I also learned that the … Continue reading

Posted in Tools and methods | Tagged , , , , | Leave a comment

Reproducing A Clever Animation Product, Part 12

If we have the full animation state specified for every animation step then one of the easiest things we can do is to change the speed of the animation by changing the increment, which is shown below. Clicking on any … Continue reading

Posted in Tools and methods | Tagged , , | Leave a comment

Reproducing A Clever Animation Product, Part 11

Here is the updated version that uses the information in the bcTransformList to build the cleanest possible stream of transformation events in the bcActivitiesList. The need for a separate structure to hold the initial and final states of the animation … Continue reading

Posted in Tools and methods | Tagged , , | Leave a comment

Reproducing A Clever Animation Product, Part 10

Continuing on from yesterday, once we get the transforms into a nice compact list in time order by type and by element we can go ahead and define the tweens for each type of transformation stream. However, I noticed that … Continue reading

Posted in Tools and methods | Tagged , , | Leave a comment