Category Archives: Animation

Animation is the rapid display of a sequence of images to create an illusion of movement. ( Wikipedia )

Circular Text or Emoji Roulette Animation Tutorial

Posted on January 4, 2019 by admin

As we left off with the recent Circular Text or Emoji Roulette Game Tutorial we wanted to improve on the animation aspects to representing the roulette wheel ball, but still only involve … emoji (content) for HTML elements styled by … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials | Tagged animation, ascii, charCodeAt, circle, compound emoji, CSS, DOM, emoji, form, game, genericization, Google, Google chart, HTML, ISO, Javascript, keyframes, linear gradient, link, onclick, pie chart, post, programming, proof of concept, radial gradient, roulette, String.fromCodePoint, text, transition, transitions, tutorial, whitespace | 1 Comment

Circular Text or Emoji Roulette Game Tutorial

Posted on January 2, 2019 by admin

Extending the recent Circular Text or Emoji Onclick Tutorial circular text ideas, today we are starting out on a game that uses a Roulette Wheel as its basic web page component. To all those “graphically challenged” users, like me, we … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Games, Tutorials | Tagged animation, ascii, charCodeAt, circle, compound emoji, CSS, DOM, emoji, form, game, genericization, Google, Google chart, HTML, ISO, Javascript, linear gradient, link, onclick, pie chart, post, programming, proof of concept, radial gradient, roulette, String.fromCodePoint, text, tutorial, whitespace | Leave a comment

WordPress Widget via Animated Emoji Button Above the Fold Tutorial

Posted on December 16, 2018 by admin

We have a dual purpose blog posting today that … continues on the WordPress Calendar Widget WordPress Link to Iframe via Calendar Widget Above the Fold Tutorial “above the fold” theme, extending the coding logic to handle other widgets that … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged above the fold, animation, blog, button, CSS, display, emoji, hashtag, header.php, IFRAME, iPad, menu, mobile, PHP, programming, recursion, search, setTimeout, stop press, Text Widget, tutorial, TwentyTen TwentyTen theme, user experience, UX, widget, Wordpress | Leave a comment

Animation via RequestAnimationFrame Event Tutorial

Posted on October 25, 2018 by admin

Still within the “Proof of Concept” realms, today we add onto yesterday’s Animation via RequestAnimationFrame Primer Tutorial “colouring in” background pixels with a mouse and touch event driven additional functionality “set” allowing for … when user clicks first “in the … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged animation, backgrout, event, foregound, HTML, Javascript, onclick, onmousemove, ontouchmove, ontouchstart, pixellate, programming, requestAnimationFrame, setInterval, setTimeout, tutorial | Leave a comment

Animation via RequestAnimationFrame Primer Tutorial

Posted on October 24, 2018 by admin

Have you set up some animation using the Javascript setTimeout and/or setInterval timer functions, and found yourself disappointed with a lack of smoothness of animation? You are not alone. Have you tried (the good advice of) requestAnimationFrame event logic in … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged animation, backgrout, event, HTML, Javascript, programming, requestAnimationFrame, setInterval, setTimeout, tutorial | Leave a comment

Gimp Guillotine Follow Up Memory Tutorial

Posted on September 19, 2018 by admin

It’s a bit arrogant to say a sizeable piece of code you’ve written is “bug free”, especially if it involves user entered data, but it is a good aspiration, like marking at the 50 metre line, on the boundary, for … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, GIMP, Tutorials | Tagged animation, array, attachment, background, backgroundImage, backgroundPosition, blur, border, brightness, bug, canvas, catch, class, command line, contrast, convert, CSS, CSS3, desktop, details, display, div, DOM, drop shadow, editor, email, emboss, error, error handling, eval, exception, exec, ffmpeg, file specification, file_get_contents, filter, gaussian blur, GD, GIMP, glob, grayscale, guides, guillotine, HTML, hue, image, image map, ImageMagick, input, invert, Javascript, keyframes, MAMP, margin, matrix, memory, multiple, onions, opacity, output, overlay, pattern, PDF, PHP, processing, push, responsive design, reveal, rotate, rotation, scale, selection, selector, sepia, setTimeout, sharing, skew, slice, slideshow, summary, table, transform, transformation, transitions, translate, try, tutorial, visibility, web design, webpage, whitespace, window, zip | Leave a comment

Gimp Guillotine Follow Up Zip Tutorial

Posted on September 18, 2018 by admin

We’re entering the Goldilocks Zone today as far as “onions of the 4th dimension” thoughts go with the recent GIMP Guillotine Follow Up web application we’ve been developing. it’s too hot thinking we’ll find any “onions of the 4th dimension” … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, GIMP, Tutorials | Tagged animation, array, attachment, background, backgroundImage, backgroundPosition, blur, border, brightness, canvas, class, command line, contrast, convert, CSS, CSS3, desktop, details, display, div, DOM, drop shadow, editor, email, emboss, eval, exec, ffmpeg, file specification, file_get_contents, filter, gaussian blur, GD, GIMP, glob, grayscale, guides, guillotine, HTML, hue, image, image map, ImageMagick, input, invert, Javascript, keyframes, MAMP, margin, matrix, multiple, onions, opacity, output, overlay, pattern, PDF, PHP, processing, push, responsive design, reveal, rotate, rotation, scale, selection, selector, sepia, setTimeout, sharing, skew, slice, slideshow, summary, table, transform, transformation, transitions, translate, tutorial, visibility, web design, webpage, whitespace, window, zip | Leave a comment

Gimp Guillotine Follow Up GD Filter Tutorial

Posted on September 17, 2018 by admin

With regard to today’s (PHP) GD Filter functionality (additions to the GIMP Guillotine Follow Up web application) we ask you to please not get bored with another angle, or view, of image filtering, here. The more intervention points you can … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, GIMP, Tutorials | Tagged animation, array, attachment, background, backgroundImage, backgroundPosition, blur, border, brightness, canvas, class, command line, contrast, convert, CSS, CSS3, desktop, details, display, div, DOM, drop shadow, editor, email, emboss, eval, exec, ffmpeg, file specification, filter, gaussian blur, GD, GIMP, grayscale, guides, guillotine, HTML, hue, image, image map, ImageMagick, invert, Javascript, keyframes, MAMP, margin, matrix, multiple, opacity, overlay, pattern, PDF, PHP, push, responsive design, reveal, rotate, rotation, scale, selection, selector, sepia, setTimeout, sharing, skew, slice, slideshow, summary, table, transform, transformation, transitions, translate, tutorial, visibility, web design, webpage, whitespace, window | Leave a comment

Your Numbers Game
Get clue	Your answer	Your Score
Clue?		Score 0/0

Search for:
Recent Posts
Categories
- Ajax
- Android
- Animation
- Anything You Like
- Code::Blocks
- Coding
- Colour Matching
- Data Integration
- Database
- Delphi
- Eclipse
- eLearning
- ESL
- Event-Driven Programming
- Games
- GIMP
- GUI
- Hardware
- Installers
- iOS
- Land Surveying
- Moodle
- Music Poll
- NetBeans
- Networking
- News
- Not Categorised
- OOP
- Operating System
- Photography
- Projects
- Signage Poll
- Software
- SpectroPhotometer
- Tiki Wiki
- Trips
- Tutorials
- Uncategorized
- Visual Studio
- Xcode
January 2025

S M T W T F S

1 2 3 4

5 6 7 8 9 10 11

12 13 14 15 16 17 18

19 20 21 22 23 24 25

26 27 28 29 30 31

« Dec
Meta
Tags
Ajax animation background button canvas command line CSS Did you know div DOM dropdown email emoji event form game games Google Google chart HTML IFRAME image iOS iPad Javascript MAMP map mobile navigation onclick overlay PHP programming select share sharing SMS SVG table textarea tutorial url video web browser webpage
Your Background Image
OnTopList

Category Archives: Animation

Circular Text or Emoji Roulette Animation Tutorial

Circular Text or Emoji Roulette Game Tutorial

WordPress Widget via Animated Emoji Button Above the Fold Tutorial

Animation via RequestAnimationFrame Event Tutorial

Animation via RequestAnimationFrame Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Category Archives: Animation

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList