Foto del autor Osledy Bazo

Plantilla para hacer un buen README.md

Como siempre el gran Andrés Villanueva dando aportes a la comunidad de programadores en Venezuela.

Andrés Villanueva ha creado un Readme.md Basico para que agregues a tus proyectos, el mismo tiene los datos básicos que debería tener cualquier proyecto o libreria, para guiar al usuarios en su uso. Si eres muy [email protected] para inventarte algo, sigue este template y listo.

https://gist.github.com/Villanuevand/6386899f70346d4580c723232524d35a

Foto del autor Osledy Bazo

Evento - Caracas Game Jam 2018

¡Hola a todos! Finalmente hemos abierto las inscripciones del Caracas Game Jam 2018. Éste año es particularmente especial, ya que marca nuestro décimo aniversario.

Para este año contamos nuevamente con el apoyo de Wayra, quienes prestarán sus espacios para el evento que será del 26 al 28 de Enero.

La inscripción es sencilla y consiste en 4 pasos:

1. Completar el formulario de registro (link al final del post)
2. Realizar la transferencia bancaria.
3. Enviar el comprobante de pago por correo.
4. Recibir nuestra confirmación.

Este año el costo de la inscripción será de BsF. 120.000.

Contamos con ustedes para reunirnos nuevamente y celebrar de la mejor manera que podemos: ¡Creando Juegos en un fin de semana!

Comienza tu inscripción aquí: https://goo.gl/forms/ZVzM0ITubBB2cV1A3

Más información aqui

Foto del autor Osledy Bazo

React Native y AirBnB Google Maps

En este post explicare como integrar Google Maps a tus aplicaciones React Native, ya que me he encontrado que la instalación por defecto genera muchos errores y react-native no termina de reconocer la librería de Google Maps.

Después de estar aproximadamente 1 semana intentando integrar la librería de AirBnB de Google Maps a una aplicación he llegado a una serie de pasos fáciles de seguir.

Creación del proyecto React Native e instalación de librería AirBnB Google Maps

Primero creamos nuestra app en React Native, nuestra app se llamará myMapApp

                    > react-native init myMapApp
                    > cd myMapApp

Ahora instalamos la librería para Google Maps de AirBnB

                    > npm install --save react-native-maps

Enlazamos la librería con React Native

                    > npm install
                    > react-native link react-native-maps

En teoría ya nuestra app debería funcionar con los mapas por defecto de cada plataforma Maps en iOS y Maps en Android. Pero si queremos usar Google Maps en ambas plataformas tendremos que hacer algunos pasos adicionales:

Antes de comenzar a trabajar en la app vamos a generar la clave de Api (Api Key) de Google Maps para que usemos en nuestro proyecto

Crear la clave API de Google Maps

Iremos a la consola de Google para desarrolladores

Crearemos un nuevo proyecto

Y agregaremos una api en nuestro caso Google Maps SDK for iOS y Google Maps SDK for Android

Ahora nos iremos al menú de la izquierda en Credenciales. Y crearemos nuestra API Key, la guardaremos para mas adelante

Enlace de AirBnB Google Maps para iOS

Instalar Cocoapods (si lo tenemos podemos saltar este paso)

                      sudo gem install cocoapods

Configurar el proyecto para iOS

                      cd ios
                      pod init

Esto genera un archivo Podfile en nuestra, lo abriremos y editaremos su contenido

                      # Uncomment the next line to define a global platform for your project
                      platform :ios, '9.0'
                
                      target 'myMapApp' do
                        # Uncomment the next line if you're using Swift or would like to use dynamic frameworks
                        # use_frameworks!
                
                        # Pods for myMapApp
                
                        target 'myMapApp-tvOSTests' do
                          inherit! :search_paths
                          # Pods for testing
                        end
                
                        target 'myMapAppTests' do
                          inherit! :search_paths
                          # Pods for testing
                        end
                
                        react_native_path = "../node_modules/react-native"
                        pod "yoga", :path => "#{react_native_path}/ReactCommon/yoga"
                        pod "React", :path => react_native_path
                
                        pod 'GoogleMaps'
                
                      end

Recuerda reemplazar el nombre de tu aplicación donde dice target

Y no te olvides de especificar la plataforma de iOS que utilizaras

Si recibes este error:

                      [!] The name of the given podspec `yoga` doesn't match the expected one `Yoga`

Cambia la linea de este modo (yoga en minúscula):

                      pod "yoga", :path => "#{react_native_path}/ReactCommon/yoga"

Ahora en la terminal

                      pod install

Al hacer esto se generara un nuevo proyecto en nuestra carpeta de iOS, lo abriremos con XCode

                      open myMapApp.xcworkspace

Y copiamos la carpeta AirGoogleMaps que se encuentra dentro de /node_modules/react-native-maps/lib/ios al proyecto xcworkspace que tenemos abierto en el Xcode.

Quedando de esta forma

Para usar las credenciales API abrimos el archivo AppDelegate.m en Xcode

                    #import "AppDelegate.h"
                
                    #import <React/RCTBundleURLProvider.h>
                    #import <React/RCTRootView.h>
                    @import GoogleMaps;
                    @implementation AppDelegate
                
                    - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
                    {
                      NSURL *jsCodeLocation;
                      [GMSServices provideAPIKey:@"YOUR_GOOGLE_API_KEY"];
                      jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
                
                      RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                                          moduleName:@"myMapApp"
                                                                  initialProperties:nil
                                                                      launchOptions:launchOptions];
                      rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
                
                      self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
                      UIViewController *rootViewController = [UIViewController new];
                      rootViewController.view = rootView;
                      self.window.rootViewController = rootViewController;
                      [self.window makeKeyAndVisible];
                      return YES;
                    }
                
                    @end

Ahora iremos a Product -> Clean y luego Product -> Build para ejecutar nuestra aplicación.

Enlace de AirBnB Google Maps para Android

En nuestro proyecto debemos editar el archivo android/app/build.gradle

                    dependencies {
                      ...
                      // Paste these line
                      compile(project(':react-native-maps')){
                          exclude group: 'com.google.android.gms', module: 'play-services-base'
                          exclude group: 'com.google.android.gms', module: 'play-services-maps'
                      }
                      compile 'com.google.android.gms:play-services-base:10.0.1'
                      compile 'com.google.android.gms:play-services-maps:10.0.1'
                    }

Y también debemos agregar nuestra Api Key en Android/app/src/AndroidManifest.xml

                    <application>
                        <!-- You will only need to add this meta-data tag, but make sure it's a child of application -->
                        <meta-data
                          android:name="com.google.android.geo.API_KEY"
                          android:value="YOUR GOOGLE MAPS API KEY HERE"/>
                    </application>

Con esto ya tenemos nuestro proyecto React Native configurado en iOS y Android con Google Maps, ahora actualizamos el archivo App.js en nuestro proyecto React Native para incluir el Mapa

                  import React, { Component } from 'react';
                  import {
                    StyleSheet,
                    Text,
                    View
                  } from 'react-native';
                  import MapView, {PROVIDER_GOOGLE} from 'react-native-maps';
                
                  const styles = StyleSheet.create({
                    container: {
                      ...StyleSheet.absoluteFillObject,
                      height: 400,
                      width: 400,
                      justifyContent: 'flex-end',
                      alignItems: 'center',
                    },
                    map: {
                      ...StyleSheet.absoluteFillObject,
                    },
                  });
                
                  export default class App extends Component {
                    render() {
                      const { region } = this.props;
                      console.log(region);
                
                      return (
                        <View style ={styles.container}>
                          <MapView
                            provider={PROVIDER_GOOGLE}
                            style={styles.map}
                            region={{
                              latitude: 37.78825,
                              longitude: -122.4324,
                              latitudeDelta: 0.015,
                              longitudeDelta: 0.0121,
                            }}
                          >
                          </MapView>
                        </View>
                      );
                    }
                  }
Foto del autor Osledy Bazo

Evento Industrias Creativas 2017

Seis especialistas venezolanos + un británico te contarán cómo se iniciaron en el mundo de los videojuegos y el desarrollo de aplicaciones, cuáles son las mejores prácticas en el área y te aconsejarán sobre cómo iniciarte en esta industria en crecimiento.

Manténte alerta, que la segunda semana de noviembre enviaremos en enlace a la planilla de inscripción para que asegures tu cupo, TOTALMENTE GRATIS. Te animamos a compartir esta información con tus amigos y compañeros.

Mas información: http://industrias-creativas.com

Foto del autor Osledy Bazo

La violencia en los videojuegos, los sistemas de censura (ESRB, PEGI y CERO) y su situación en Venezuela

Por Alejandro José Perdomo Portillo, compartido en el grupo de Facebook Venezuela Game Developers / Desarrolladores venezolanos de videojuegos

Es indiscutible la presencia, o incluso la cierta dependencia, de la violencia en el medio de entretenimiento digital. Ya sea la inocente y moderada con los personajes de caricaturas o animados, la ligera pero siempre presente en algunos juegos de rol, la desmesurada aunque necesaria en los juegos sobre la guerra, o la excesiva y a veces molesta que encontramos en el género de suspenso; siempre ha estado ahí presente en el medio incluso desde los sesentas con títulos como Spacewar!, y estamos hablando de los años donde apenas los videojuegos eran simples experimentos académicos en monitores de osciloscopios y computadores mainframe (o centrales en español). No digo que el medio esté ligado enteramente a la necesidad de la violencia para ser funcional, pero fue, es y será un tema muy recurrente que es simple de entender, pero que a veces tiende a ser razón de rechazo. Es necesario ahondar un poco al tema y su historia para entender la tan incomprendida asosiación que los adultos, sobre todo los padres y maestros, y las malinterpretaciones comunes productos de ella... "Los videojuegos son violentos".

Leer mas ... http://dgamerven.blogspot.com.es/2017/05/la-violencia-en-los-videojuegos-los.html

Foto del autor Osledy Bazo

Coders Venezuela Newsletter #1

Hola! Hola! Coders, esta es la newsletter de Coders Venezuela, tenemos mas de 1800 suscriptores al momento, unos cuantos ¿no?.

Esta lista está en modo de pruebas, queremos ver cuales son los enlaces y temas que mas les interesa, por favor, corran la voz sobre la lista ya que pronto tendremos una encuesta sobre Programadores en Venezuela, queremos saber donde están y sus intereses para hacer una mejor comunidad.

Recuerda que puedes enviarnos enlaces de recomendaciones, proyectos o saludos a [email protected]

Puedes suscribirte dejando tu email en la barra de arriba de nuestra página

LINKS

EVENTOS

Seminario Industrias Creativas Videojuegos y Apps
Junio 29-30, 2017
Torre BOD La Castellana, Caracas

COMUNIDADES