# programming **URL:** https://forum.kirupa.com/c/programming/41.md?page=64 [Latest](https://forum.kirupa.com/latest.md) · [Categories](https://forum.kirupa.com/categories.md) **Page:** 65 --- ## [Modifying How Corners Look | KIRUPA](https://forum.kirupa.com/t/modifying-how-corners-look-kirupa/636266)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 21, 2017, 4:08pm UTC](https://forum.kirupa.com/t/modifying-how-corners-look-kirupa/636266 "2017-03-21T16:08:49Z")
by kirupa | 31 December 2015 Have questions? Discuss this HTML5 / Canvas tutorial with others on the forums. This is a companion discussion topic for the original entry at http://www.kirupa.com/c… --- ## [Animating with requestAnimationFrame](https://forum.kirupa.com/t/animating-with-requestanimationframe/636217)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 1\ **Last updated:** [March 21, 2017, 4:03pm UTC](https://forum.kirupa.com/t/animating-with-requestanimationframe/636217 "2017-03-21T16:03:45Z")
by kirupa | 22 October 2015 When you are creating an animation, it goes without saying that you want your animation to run smoothly and fluidly when someone is viewing it. If you are … --- ## [Drawing Multiple Things | KIRUPA](https://forum.kirupa.com/t/drawing-multiple-things-kirupa/636265)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 21, 2017, 12:44pm UTC](https://forum.kirupa.com/t/drawing-multiple-things-kirupa/636265 "2017-03-21T12:44:21Z")
by kirupa | 17 November 2015 The last of the topics under "Drawing Basics" we are going to look at is drawing multiple things. Up until now, we were engrossed in the details of drawing just a single thing. Tha… --- ## [kirupa.com - Movement Using ActionScript](https://forum.kirupa.com/t/kirupa-com-movement-using-actionscript/636262)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 21, 2017, 9:46am UTC](https://forum.kirupa.com/t/kirupa-com-movement-using-actionscript/636262 "2017-03-21T09:46:54Z")
After reading a post on another site about a dearth of "scripted movement" tutorials, I realized how true that observation was. When was the last time you… --- ## [Transitions, Animations, and JavaScript | KIRUPA](https://forum.kirupa.com/t/transitions-animations-and-javascript-kirupa/636261)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 21, 2017, 8:40am UTC](https://forum.kirupa.com/t/transitions-animations-and-javascript-kirupa/636261 "2017-03-21T08:40:41Z")
by kirupa | 2 January 2016 So far, as part of learning the basics of how CSS animations and transitions work, we didn't deviate too far from the safe, middle road. We loaded the page, an animation started t… --- ## [Canvas Drawing Basics | KIRUPA](https://forum.kirupa.com/t/canvas-drawing-basics-kirupa/636256)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 9:54pm UTC](https://forum.kirupa.com/t/canvas-drawing-basics-kirupa/636256 "2017-03-20T21:54:44Z")
by kirupa | 12 November 2015 Well, we got really REALLY close to actually drawing something in the previous article. Yes, you copied and pasted some code to get a line to appear, but that doesn't really count since … --- ## [Create an Analog Clock Using the Canvas | kirupa.com](https://forum.kirupa.com/t/create-an-analog-clock-using-the-canvas-kirupa-com/636253)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 9:30pm UTC](https://forum.kirupa.com/t/create-an-analog-clock-using-the-canvas-kirupa-com/636253 "2017-03-20T21:30:43Z")
by IQAndreas | 26 February 2014 Today, we will be making a classic analog clock using the canvas features found in HTML5. The clock you will be creating will look as follows: This is a companion discussio… --- ## [Structuring your Drawing Code | KIRUPA](https://forum.kirupa.com/t/structuring-your-drawing-code-kirupa/636252)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 7:25pm UTC](https://forum.kirupa.com/t/structuring-your-drawing-code-kirupa/636252 "2017-03-20T19:25:24Z")
by kirupa | 24 December 2015 Up until this point, we've been drawing each shape individually. That was fine for learning how the various draw commands work. In real life, you'll rarely issue draw commands directly. … --- ## [kirupa.com - Classes and MovieClips, Page 5](https://forum.kirupa.com/t/kirupa-com-classes-and-movieclips-page-5/636251)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 4:18pm UTC](https://forum.kirupa.com/t/kirupa-com-classes-and-movieclips-page-5/636251 "2017-03-20T16:18:36Z")
In the previous page, you saw how to populate our stage with the BlueCircle class you created. Before that, we made quite a bit of progress and looked at packages, class definitio… --- ## [kirupa.com - Arrays in AS3](https://forum.kirupa.com/t/kirupa-com-arrays-in-as3/636247)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 2:13pm UTC](https://forum.kirupa.com/t/kirupa-com-arrays-in-as3/636247 "2017-03-20T14:13:57Z")
by kirupa | 6 September 2011 Have questions? Discuss this Flash / AS3 tutorial with others on the forums. This is a companion discussion topic for the original entry at http://www.kirupa.com/flash/arrays\_in… --- ## [The CSS Animations Cheatsheet | kirupa.com](https://forum.kirupa.com/t/the-css-animations-cheatsheet-kirupa-com/636246)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 1:09pm UTC](https://forum.kirupa.com/t/the-css-animations-cheatsheet-kirupa-com/636246 "2017-03-20T13:09:06Z")
by kirupa | 2 November 2015 CSS animations provide that missing link between stationary content and full-blown videos. They allow you to specify what a particular CSS property does at a particular time, and this … --- ## [Canvas Transformations | KIRUPA](https://forum.kirupa.com/t/canvas-transformations-kirupa/636243)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 10:13am UTC](https://forum.kirupa.com/t/canvas-transformations-kirupa/636243 "2017-03-20T10:13:46Z")
by kirupa | 20 December 2015 So far everything we've drawn on the canvas was done without thinking much about exactly what our pixels are drawn into. Saying that our pixels are drawn on the canvas is only one part o… --- ## [kirupa.com - Playing Sounds from the Library](https://forum.kirupa.com/t/kirupa-com-playing-sounds-from-the-library/636242)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 9:26am UTC](https://forum.kirupa.com/t/kirupa-com-playing-sounds-from-the-library/636242 "2017-03-20T09:26:25Z")
by kirupa | 27 May 2010 In Flash, your Library is a giant repository of all of the assets that you are currently using in your project or have used at some point insid… --- ## [Introduction to CSS Transitions | KIRUPA](https://forum.kirupa.com/t/introduction-to-css-transitions-kirupa/636240)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 9:19am UTC](https://forum.kirupa.com/t/introduction-to-css-transitions-kirupa/636240 "2017-03-20T09:19:49Z")
by kirupa | 20 October 2016 When interacting with UIs, a lot of the animations you will see won't be of the CSS animation kind with their predefined keyframes. They will instead be reactions to the things… --- ## [Drawing Images on the Canvas | KIRUPA](https://forum.kirupa.com/t/drawing-images-on-the-canvas-kirupa/636238)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 9:03am UTC](https://forum.kirupa.com/t/drawing-images-on-the-canvas-kirupa/636238 "2017-03-20T09:03:21Z")
by kirupa | 3 December 2015 The content on your canvas isn't just limited to the lines, shapes, and text-related things we've spent a lot of time with so far: This is a companion discussion topic for the original… --- ## [kirupa.com - Animating with TweenLite](https://forum.kirupa.com/t/kirupa-com-animating-with-tweenlite/636237)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 8:55am UTC](https://forum.kirupa.com/t/kirupa-com-animating-with-tweenlite/636237 "2017-03-20T08:55:37Z")
by kirupa | 19 May 2011 Have questions? Discuss this Flash / ActionScript tutorial with others on the forums. This is a companion discussion topic for the original e… --- ## [Moving Shapes on the Canvas Using the Keyboard | KIRUPA](https://forum.kirupa.com/t/moving-shapes-on-the-canvas-using-the-keyboard-kirupa/636235)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 8:05am UTC](https://forum.kirupa.com/t/moving-shapes-on-the-canvas-using-the-keyboard-kirupa/636235 "2017-03-20T08:05:42Z")
by kirupa | 9 March 2016 On the canvas, one of the most common things you'll do with the keyboard is use the arrow keys to move something around. For example, click on the following triangle and click on any of your… --- ## [Animating Your Links to Life | KIRUPA](https://forum.kirupa.com/t/animating-your-links-to-life-kirupa/636234)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 7:55am UTC](https://forum.kirupa.com/t/animating-your-links-to-life-kirupa/636234 "2017-03-20T07:55:18Z")
If you remember back in the day, your links were very predefined and boring. They were made up of underlined blue text that turned red when you pressed down on them, and then they turned purple once you … --- ## [Drawing Beziér Curves on a Canvas | KIRUPA](https://forum.kirupa.com/t/drawing-bezier-curves-on-a-canvas-kirupa/636232)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 7:43am UTC](https://forum.kirupa.com/t/drawing-bezier-curves-on-a-canvas-kirupa/636232 "2017-03-20T07:43:46Z")
by kirupa | 28 December 2015 Have questions? Discuss this HTML5 / Canvas tutorial with others on the forums. This is a companion discussion topic for the original entry at http://www.kirupa.com/c… --- ## [Animation Loops using requestAnimationFrame | kirupa.com](https://forum.kirupa.com/t/animation-loops-using-requestanimationframe-kirupa-com/636229)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 6:59am UTC](https://forum.kirupa.com/t/animation-loops-using-requestanimationframe-kirupa-com/636229 "2017-03-20T06:59:40Z")
by kirupa | 15 August 2013 In this short video, I continue my unhealthy obsession with the requestAnimationFrame function by summarizing what it does and the role it plays in animation loops. This is a com… --- ## [Working with Colors | KIRUPA](https://forum.kirupa.com/t/working-with-colors-kirupa/636227)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 5:54am UTC](https://forum.kirupa.com/t/working-with-colors-kirupa/636227 "2017-03-20T05:54:33Z")
by kirupa | 4 March 2016 Let's face it. The default black color everything on the canvas gets is cool at first, but it gets tiring after a while: This is a companion discussion topic for the original entry at http… --- ## [Working with the Mouse | KIRUPA](https://forum.kirupa.com/t/working-with-the-mouse-kirupa/636224)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 5:30am UTC](https://forum.kirupa.com/t/working-with-the-mouse-kirupa/636224 "2017-03-20T05:30:54Z")
by kirupa | 7 December 2015 When we talk about interactivity on the canvas, we can't go really far without talking about everyone's favorite pointing device...the mouse: This is a companion discussion topic for th… --- ## [Detecting Retina Displays and Other High-DPI Screens | KIRUPA](https://forum.kirupa.com/t/detecting-retina-displays-and-other-high-dpi-screens-kirupa/636219)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 4:38am UTC](https://forum.kirupa.com/t/detecting-retina-displays-and-other-high-dpi-screens-kirupa/636219 "2017-03-20T04:38:15Z")
by kirupa | 26 August 2016 It used to be that detecting screen resolution was enough to ensure people saw your content properly. You had big screens. You had small screens. The amount of pixels these devices had … --- ## [Introduction to CSS Animations | KIRUPA](https://forum.kirupa.com/t/introduction-to-css-animations-kirupa/636218)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 4:14am UTC](https://forum.kirupa.com/t/introduction-to-css-animations-kirupa/636218 "2017-03-20T04:14:28Z")
When creating animations on the web, you can't really go far without running into CSS animations. What CSS animations do is pretty simple. They allow you to animate CSS properties by having you specify what your CSS prop… --- ## [Console Logging Basics | KIRUPA](https://forum.kirupa.com/t/console-logging-basics-kirupa/636216)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 3:42am UTC](https://forum.kirupa.com/t/console-logging-basics-kirupa/636216 "2017-03-20T03:42:45Z")
When you are writing code, you will often find yourself in one of two situations. One situation is where you wonder if the code you just wrote is going to run at all. In the other situation, you know your code runs, but… --- ## [Creating Sprite Animations on the Canvas | KIRUPA](https://forum.kirupa.com/t/creating-sprite-animations-on-the-canvas-kirupa/636215)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 3:28am UTC](https://forum.kirupa.com/t/creating-sprite-animations-on-the-canvas-kirupa/636215 "2017-03-20T03:28:15Z")
by kirupa | 18 March 2016 Have questions? Discuss this HTML5 / Canvas tutorial with others on the forums. This is a companion discussion topic for the original entry at http://www.kirupa.com/canv… --- ## [Creating Scroll Activated Animations | KIRUPA](https://forum.kirupa.com/t/creating-scroll-activated-animations-kirupa/636211)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 2:38am UTC](https://forum.kirupa.com/t/creating-scroll-activated-animations-kirupa/636211 "2017-03-20T02:38:57Z")
Have questions? Discuss this HTML5 / Canvas tutorial with others on the forums. This is a companion discussion topic for the original entry at http://www.kirupa.com/animations/creating\_scroll\_activated\_a… --- ## [Adding reCAPTCHA to a Contact Form | kirupa.com](https://forum.kirupa.com/t/adding-recaptcha-to-a-contact-form-kirupa-com/636209)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 2:21am UTC](https://forum.kirupa.com/t/adding-recaptcha-to-a-contact-form-kirupa-com/636209 "2017-03-20T02:21:41Z")
by kirupa | 4 December 2012 Right now, you have your E-mail Contact Form setup. It is up and running and e-mailing you all kinds of feedback. Initially, your feedback will be from real huma… --- ## [Events in React | kirupa.com](https://forum.kirupa.com/t/events-in-react-kirupa-com/636202)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 1:44am UTC](https://forum.kirupa.com/t/events-in-react-kirupa-com/636202 "2017-03-20T01:44:29Z")
So far, all of our examples only did their work on page load. As you probably guessed, that isn't normal. In most apps, especially the kind of UI-heavy ones we will be building, there is going to be a ton of things the a… --- ## [Timing Functions (aka Easing Functions) in CSS3 | KIRUPA](https://forum.kirupa.com/t/timing-functions-aka-easing-functions-in-css3-kirupa/636200)
**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Replies:** 0\ **Last updated:** [March 20, 2017, 1:36am UTC](https://forum.kirupa.com/t/timing-functions-aka-easing-functions-in-css3-kirupa/636200 "2017-03-20T01:36:46Z")
by kirupa | 28 December 2016 So far, we've created our animations and transitions by specifying only a handful of things: the properties to animate, the initial & final property values, the duration. The exac… [Previous page](https://forum.kirupa.com/c/programming/41.md?page=63) [Next page](https://forum.kirupa.com/c/programming/41.md?page=65)