Skip to content

Instantly share code, notes, and snippets.

View adriancmiranda's full-sized avatar
🌱
Today, what did you do for you tomorrow?

Adrian Miranda adriancmiranda

🌱
Today, what did you do for you tomorrow?
View GitHub Profile
@adriancmiranda
adriancmiranda / gist:077661b461899aff00733666608f10b5
Created November 22, 2019 08:55 — forked from alisterlf/gist:3490957
JAVASCRIPT:Remove Accents
function RemoveAccents(strAccents) {
var strAccents = strAccents.split('');
var strAccentsOut = new Array();
var strAccentsLen = strAccents.length;
var accents = 'ÀÁÂÃÄÅàáâãäåÒÓÔÕÕÖØòóôõöøÈÉÊËèéêëðÇçÐÌÍÎÏìíîïÙÚÛÜùúûüÑñŠšŸÿýŽž';
var accentsOut = "AAAAAAaaaaaaOOOOOOOooooooEEEEeeeeeCcDIIIIiiiiUUUUuuuuNnSsYyyZz";
for (var y = 0; y < strAccentsLen; y++) {
if (accents.indexOf(strAccents[y]) != -1) {
strAccentsOut[y] = accentsOut.substr(accents.indexOf(strAccents[y]), 1);
} else
@adriancmiranda
adriancmiranda / usage.js
Last active September 19, 2024 21:49
Hook for canvas rendering in react | useCanvas.js | useWindowSize.js
import React from 'react';
import useCanvas from './useCanvas';
import useWindowSize from './useWindowSize';
const Canvas = (props) => {
const [canvasRef, tracer] = useCanvas('2d');
const [width, height] = useWindowSize();
const draw = tracer((gl) => {
gl.clearRect(0, 0, width, height);
@adriancmiranda
adriancmiranda / animated-3d-globe-webgl-three-js.markdown
Created September 19, 2019 02:36
Animated 3D Globe (WebGL/three.js)
@adriancmiranda
adriancmiranda / anime-js-v2-0-logo-animation.markdown
Created September 19, 2019 02:24
Anime.js v2.0 logo animation
@adriancmiranda
adriancmiranda / index.html
Created September 15, 2019 23:05
Text Clock
<!--
DOWNLOAD ME HERE:
https://chrome.google.com/webstore/detail/text-clock/caacmmeopdailkdlgkimndodjipilaha
-->
<div id="text-clock">
<!-- line 1 -->
<p id="line-1">
<span id="it" class="active">IT</span>L<span id="is" class="active">IS</span>AS<span id="tgif">GTFI</span>
</p>
<!-- line 2 -->
@adriancmiranda
adriancmiranda / index.html
Created September 14, 2019 20:15
Repellers
<canvas id="canvas"></canvas>
<h2>Move the mouse!</h2>
@adriancmiranda
adriancmiranda / displacement-scroll.markdown
Created September 14, 2019 20:14
Displacement Scroll
@adriancmiranda
adriancmiranda / bubble-layout.markdown
Created September 14, 2019 17:49
·•● Bubble • Layout ●•·

·•● Bubble • Layout ●•·

This is the second demo for my motion graphics library mo·js with v0.119.0.

My intention was to create a gallery of demos. Each bubble should have an icon to make the ability to interact with it obvious. Also content for each bubble should represent some project and not to be the dummy placeholder.

Thanks for watching! :D

git repo for this demo: https://github.com/legomushroom/port git repo for mo·js library: https://github.com/legomushroom/mojs

@adriancmiranda
adriancmiranda / index.html
Created February 27, 2019 18:37
React Animated Page Transitions
<div id="container"></div>
@adriancmiranda
adriancmiranda / .gitconfig
Created January 28, 2019 12:57 — forked from pksunkara/config
Sample of git config file (Example .gitconfig)
[user]
name = Pavan Kumar Sunkara
email = [email protected]
username = pksunkara
[core]
editor = vim
whitespace = fix,-indent-with-non-tab,trailing-space,cr-at-eol
excludesfile = ~/.gitignore
[sendemail]
smtpencryption = tls