VID 24 - DRAWING - Learn JavaScript with Creative Coding - fun, colorful and free!

preview_player
Показать описание
VID 24 [Lesson 08 - Controls] - Dr Abstract teaches JavaScript with the following topics:
0:00 - intro to creative coding video 24
0:12 - summary of lessons so far
0:38 - intro to the Ticker!
1:19 - grabbing the template
1:38 - ready to code!
2:30 - Ticker description - frames per second
3:12 - adding a function to the Ticker
3:28 - timeout, interval, loop and Ticker comparison
4:58 - showing console log from a Ticker
5:18 - animating a Circle in a Ticker
5:42 - using +, +=, ++, -=
7:09 - adding bounds to motion animation
8:48 - watching ball bounce!
9:33 - making movement smoother with damping
10:46 - ZIM Damp class and converting with the damp object
11:30 - seeing the damping - smooth!
11:42 - slowing down the damping from .1 to .01
12:35 - moving and damping in the y as well!
13:13 - something broken at 13:13
13:34 - working again!
13:38 - leaving a trail that follows the mouse
15:19 - seeing the trail
15:38 - setting the alpha lower
16:00 - discussion of redrawing circles - blitting description
17:06 - animating the tail to go away
15:50 - removing the circle when the animation is done (call)
18:34 - seeing the animation out
19:23 - experimenting with the settings to make art!
19:51 - results of creative coding!
20:14 - animating color - object literal format reminder
21:00 - adjusting colors
21:43 - final mouse follow example
22:03 - MotionController - var a variety of control
23:35 - mousedown, mousemove, keydown
24:56 - examples of MotionController - Butterfly
25:51 - controlling a ZIM Pen with the pressmove
26:26 - making a Pen
26:40 - ZIM controls work on existing display objects
27:42 - seeing the Pen work!
28:02 - seeing the Gen-Pen example - splatter, city, grass, etc.
28:44 - working with layers in Gen-Pen
29:25 - Gen Art on ZIM banner page
29:47 - conclusion and looking forward!
30:29 - outro video made with SoundWave controls

The Learn JavaScript with Creative Coding is a video series to help left brain and right brain learners explore the wonders of programming using the fun, colorful and friendly HTML Canvas and ZIM. Dr Abstract is a Canadian New Media Awards winner for Programmer and Educator of the Year. He will teach the basics of programming in JavaScript from the ground up so welcome designers, artists, engineers, developers, and all.

Thanks to BigTRBL - DJ at Shaolin in Hamilton for the intro tune!

Cheers from #LearnJavaScript with #CreativeCoding and #DrAbstract founder of #ZIMjs
Рекомендации по теме