In this final part of the Guide we discuss 3D animation technologies for browser software and web development. 3D animation design and development on the web is a very broad topic involving a massive amount of technologies, tools, frameworks and software.
Lesson Code: www.developphp.com/video/CSS/Custom-Mouse-Cursor-Tutorial-Canvas-CSS-HTML Learn how to change the mouse cursor or pointer to a custom cursor and change the hotspot for the click area.
Lesson Code: www.developphp.com/video/JavaScript/WAPG-5-Collision-Hit-Detection-DOM-Programming-JavaScript-Tutorial Learn collision and hit detection in the DOM. The DOM is the normal development environment. We already made collision and hit detection tutorials for the HTML5 canvas in my Canvas Bootcamp playlist, which you can find on my channel any time you want.
Learn to program script-based animations with JavaScript using requestAnimationFrame, cancelAnimationFrame, setInterval or setTimeout. Using timing methods provides a greater level of control over how things animate on the screen and is ideal for video game development and other interactive animated applications. requestAnimationFrame is a method that invokes a callback function and uses the browser software’s […]
In this first video we’ll briefly take a look at animation technologies that we’ll be exploring in the guide, then we’ll begin transition programming because transitions are a great place to ease beginners into the more advanced material that will be covered later.
Lesson Code: www.developphp.com/video/CSS/Parallax-Effect-Animation-Multiple-Background-CSS-Tutorial Learn to rig parallax effect animations using the new CSS3 multiple backgrounds capabilities. We are using a single DIV element to make all of the magic happen, pure CSS and no complicated scripting. You can integrate sprite animations inside of the DIV to make even cooler effects.
Lesson Code: www.developphp.com/video/CSS/Background-Position-keyframes-Animation-CSS-Tutorial Learn to animate background images in multiple directions. Your backgrounds can animate in any direction, up, down, left, right, or diagonally. We’ll be using the CSS keyframes rule and the background-position property to create the effect.
Hexagon Vortices on Saturn and Jupiter Explained Source of Jupiter’s hexagon vortex from Nasa website: science.nasa.gov/science-news/science-at-nasa/2003/12mar_darkspot/ Source of Saturn’s hexagon vortex from Nasa: www.jpl.nasa.gov/news/news.php?feature=3969 Links to watch the Saturn videos made by crazy people: www.youtube.com/results?search_query=saturn+hexagon+conspiracy www.youtube.com/results?search_query=Saturn+God www.youtube.com/results?search_query=Saturn+gateway
