Canvas Bootcamp 15 – Animated Background Layers

Lesson Code: http://www.developphp.com/video/JavaScript/Animated-Background-Layers-on-Canvas-Tutorial Learn to render animated background layers on your canvas with JavaScript. The background only needs to travel…

Continue Reading →

Canvas Bootcamp 8 – Transformation Effects

Lesson Code: http://www.developphp.com/video/JavaScript/Canvas-Transformation-Effects In this JavaScript canvas programming exercise you can learn to apply transformation effects like scale, skew, rotate,…

Continue Reading →

5. HTML5 Custom Video Player Controls JavaScript Full Screen Tutorial

Lesson Code: http://www.developphp.com/video/JavaScript/Video-Full-Screen-Toggle-Custom-Player-Controls-Tutorial Part 5 focuses on creating a custom full screen button for your custom video controls bar. This…

Continue Reading →

Analyser Bars Animation HTML5 Audio API JavaScript Tutorial

Lesson Code: http://www.developphp.com/video/JavaScript/Analyser-Bars-Animation-HTML-Audio-API-Tutorial Learn to create custom animated HTML5 Audio Analyser bar graphics that move to the frequency of the…

Continue Reading →

4. HTML5 Custom Video Controls JavaScript Volume Programming Tutorial

Lesson Code: http://www.developphp.com/video/JavaScript/Video-Volume-Change-and-Mute-Programming-Tutorial Welcome to part 4 of customizing the HTML5 video controls. In this lesson we will focus on…

Continue Reading →

HTML5 CSS3 Animated Repeating Tile Background keyframes Tutorial

Lesson Code: http://www.developphp.com/video/CSS/Animated-Repeating-Tile-Background-keyframes-Tutorial Learn to create animated repeating tile backgrounds using HTML5 and CSS3. (1) Make the width of your…

Continue Reading →

Canvas Bootcamp 18 – Hit Detection Mouse Touch Over Object Arrays

Lesson Code: http://www.developphp.com/video/JavaScript/Hit-Detection-Mouse-Touch-Over-Object-Arrays Learn mouse or touch hit detection against an array of objects on the HTML5 canvas using JavaScript.…

Continue Reading →

Canvas Bootcamp 9 – Pixel Manipulation

Lesson Code: http://www.developphp.com/video/JavaScript/Pixel-Manipulation-on-Canvas In this JavaScript canvas programming exercise you will learn to use the Pixel Manipulation methods and properties.…

Continue Reading →

Button Sound Effects Tutorial Audible HTML5 JavaScript Menu Systems

Lesson Code: http://www.developphp.com/video/JavaScript/Button-Sound-Effects-Tutorial-Audible-Menu-Systems In this tutorial we will demonstrate how to make an audible HTML5 menu system using JavaScript driven…

Continue Reading →

Pure CSS Animated Menu Buttons CSS3 transition HTML5 Tutorial

Lesson Code: http://www.developphp.com/video/CSS/Pure-CSS-Animated-Menu-Button-Transitions Learn to animate buttons easily using CSS3 transition property to target any and every animate-able property you…

Continue Reading →