Javascripts – Altometa

Fireflies Animation with Background Music using JavaScript and jQuery

al2meta — Fri, 12 Apr 2019 21:06:26 +0000

This is a JavaScript animation where it shows a background of a picnic area in the woods, surrounded by glowing fireflies. The code was originally wrote by Andrew Reifman. I further develop the code and added a background music that reflects the environment, then a fade in and a fade out effect. The code is …

Continue reading "Fireflies Animation with Background Music using JavaScript and jQuery"

Image Slider/Carousel with Fade Effects

al2meta — Wed, 27 Mar 2019 07:45:34 +0000

Almost all educational resources can now be found in the Internet. Thanks to the people who shared their knowledge with everybody. Kudos to all of them. I have to admit that I didn’t knew how to make an image slideshow/carousel by myself, not without the help of W3Schools, using their tutorial here. Thanks to that …

Continue reading "Image Slider/Carousel with Fade Effects"

Enlarge Objects when clicked Javascript Demo

al2meta — Sat, 23 Mar 2019 22:51:43 +0000

Javascript can do a lot of things on your web page, and while PHP deals most of the server-side jobs, Javascript do the front-end client-side tasks. One of its capabilities is manipulating DOM elements. DOM, for those who don’t know what it means, stands for Document Object Model. According to W3C (World Wide Web Consortium), …

Continue reading "Enlarge Objects when clicked Javascript Demo"

Snow Effect in Javascript

al2meta — Thu, 21 Mar 2019 07:06:19 +0000

This Javascript creates a snowfall effect on a web page. Thanks to VerkkoNet for his tutorial video. OK, I won’t deny it, I copy pasted a little, but that is only because I don’t know what functions to call. I somehow needed an idea. But now that I know the functions, I’m finally beginning to …

Continue reading "Snow Effect in Javascript"

Super Mario RPG Mario Punching Animation in Javascript

al2meta — Sun, 17 Mar 2019 06:34:00 +0000

This is an attempt to replicate a battle animation in Super Mario RPG wherein Mario punches an enemy. Our setting here is the Sunken Ship, and he’s facing an adversary not normally present in the game — Bandana Green. As you know, Bandana sharks can be repalettize to change their colors, which makes up the …

Continue reading "Super Mario RPG Mario Punching Animation in Javascript"

Typewriter Javascript Animation

al2meta — Mon, 04 Mar 2019 08:14:25 +0000

This is a simple Javascript code that demonstrates an example of a DOM manipulation wherein we can make our webpage display a text animation that resembles a Typewriter. For this animation to look a lot better, we also use a 1942 custom font to mimic an old typewriter font. In addition, we added a background …

Continue reading "Typewriter Javascript Animation"

Random Background Color with Javascript

al2meta — Thu, 07 Feb 2019 07:33:54 +0000

It’s been a long while since I started studying coding again, though I did learn more while working on an Inventory System CMS for Appliances Connection. This time around it’s no longer just about PHP. I added a new subject to my self-study curriculum — Javascript. Thanks to YouTuber mmtuts, he made learning Javascript a …

Continue reading "Random Background Color with Javascript"