Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

Juan David Nicholls Cardona jdnichollsc

🏠
Working from home
View GitHub Profile
View teoría.md
  • Colocación: ubicación general de las estructuras vocales que producen un sonido (laringue, lengua, mandibula, labios, paladar).
  • Articulación: ubicación específica de las estructuras vocales para generar un fonema.
  • Resonancia:
View ROADMAP.md

TODO

  • Inicio, qué es Proyecto 26?
  • Dibujando en WebGL/Canvas (IonPhaser)
  • Animaciones en React Native (Newbies)
  • SQLite en mobile (Ionic, React Native, etc)
  • Code sharing (Ionic, NativeScript) for Web, PWA, Mobile
  • Requests HTTP en Unity (RestClient)
  • REST APIs para juegos
  • Requests http, observables, cancelación, etc
@jdnichollsc
jdnichollsc / storage.ts
Last active Dec 30, 2019
Upload Base64/Blob files to Google Cloud Storage
View storage.ts
import { join } from 'path'
import { get } from 'lodash'
import { Storage } from '@google-cloud/storage'
import { BUCKET_NAME } from '../constants'
import { base64MimeType } from '../utils'
const gcloudPathKey = join(__dirname, '../gcloud-key.json')
const storage = new Storage({
projectId: 'my-project-id',
View AnimatableComponents.tsx
import { Component, h } from '@stencil/core';
import { createAnimatableComponent } from '@proyecto26/animatable-component'
const HelloWorldButton = (props) => {
const { iconName, ...rest } = props
return (
<ion-fab-button onClick={() => alert('Hello World')} {...rest}>
<ion-icon name={iconName || 'home'} />
</ion-fab-button>
)
@jdnichollsc
jdnichollsc / easing-functions.md
Created Nov 25, 2019
Default Easing Functions in <animatable/> Web Component - https://proyecto26.github.io/animatable-component
View easing-functions.md
Easing Functions
"linear" "ease" "ease-in" "ease-out" "ease-in-out"
"ease-in-cubic" "ease-out-cubic" "ease-in-out-cubic"
"ease-in-circ" "ease-out-circ" "ease-in-out-circ"
"ease-in-expo" "ease-out-expo" "ease-in-out-expo"
"ease-in-quad" "ease-out-quad" "ease-in-out-quad"
"ease-in-quart" "ease-out-quart" "ease-in-out-quart"
"ease-in-quint" "ease-out-quint" "ease-in-out-quint"
"ease-in-sine" "ease-out-sine" "ease-in-out-sine"
@jdnichollsc
jdnichollsc / animations.md
Last active Nov 25, 2019
Default Animations in <animatable/> Web Component - https://proyecto26.github.io/animatable-component
View animations.md
Animations
"bounce" "flash" "jello" "pulse" "rotate"
"shake" "swing" "rubberBand" "tada" "wobble"
"heartBeat"
"bounceIn" "bounceInUp" "bounceInDown" "bounceInRight" "bounceInLeft"
"bounceOut" "bounceOutUp" "bounceOutDown" "bounceOutRight" "bounceOutLeft"
"fadeIn" "fadeInUp" "fadeInUpBig" "fadeInDown" "fadeInDownBig"
"fadeInRight" "fadeInRightBig" "fadeInLeft" "fadeInLeftBig"
"fadeOut" "fadeOutUp" "fadeOutUpBig" "fadeOutDown" "fadeOutDownBig"
@jdnichollsc
jdnichollsc / animatable-element.html
Last active Nov 25, 2019
<animatable/> with VanillaJS (Proof that Tony Stark has a heart ✵) - https://proyecto26.github.io/animatable-component
View animatable-element.html
<!-- Add Web Animations Polyfill :) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.2/web-animations.min.js"></script>
<script type="module" src="https://unpkg.com/@proyecto26/animatable-component@1.0.0/dist/animatable-component/animatable-component.esm.js"></script>
<script nomodule="" src="https://unpkg.com/@proyecto26/animatable-component@1.0.0/dist/animatable-component/animatable-component.js"></script>
<animatable-component autoplay iterations="3" animation="heartBeat" easing="ease-in" duration="1000">
<h1>Proof that Tony Stark has a heart ✵</h1>
</animatable-component>
You can’t perform that action at this time.