Godot Engine Android testing & publishing

Hey
I am writing these informations as a note. If I forgot the steps, I can look at this page..

Firstly Editor > Manage Export Templates. Download and install, that’s it.

Secondly in Editor > Editor Settings set these values:
– adb (download android studio and set path)
– jarsigner executable (download from version 8 and set jarsigner path)
– debug keystore

Last step is to set window.

Go Project > Project Settings > Display > Window
– Scroll to Strect section
– Set mode 2d(2d because I am working on 2d game)
– Aspect=expand.

So you can test now on your phone and see result.

To run game on your phone, enable usb debugging in your phone and connect usb cable. There will be Android icon next to Play Scene button.

More Godot Engine posts will be came..
<3 Godot Engine Happy coding.

React Native navigation

Firstly

Install react-navigation

npm install react-navigation --save
react-native link

In App.js dont forget to import react-navigation

import React, { Component } from 'react';

import First from './First';
import Second from './Second';

import {
    StackNavigator,
} from 'react-navigation';
  

const App = StackNavigator(
    {
        First: { screen: First},
        Second: { screen: Second},
    },
    {
      initialRouteName: 'First',
    }
);

export default App;

First.js

import React, { Component } from 'react';
import {
  StyleSheet,
  View,
  Button
} from 'react-native';



import { NavigationActions } from 'react-navigation';

class First extends React.Component {
	static navigationOptions = {
	  title: 'First view',
	};
	render() {
	  const { navigate } = this.props.navigation;
	  return (
		<Button
		  title="Go second"
		  onPress={() =>
			navigate('Second', { name: 'test' })
		  }
		/>
	  );
	}
}


export default First;

Second.js

import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View, Button
} from 'react-native';

class Second extends React.Component {
	static navigationOptions = {
	  title: 'Second',
	};
	render() {
	  const { navigate } = this.props.navigation;
	  return (
		<Button
		title="Go back"
		onPress={() => this.props.navigation.goBack()}
		/>
	  );
	}
}


export default Second;

Good luck.

How I start to code CSS

Hello,
Usually I am using these lines to start new project. It makes coding HTML easy.

/* ================== clearfix ================== */
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .c
.cf { display: inline-block; }
* html .cf { height: 1%; }
.cf { display: block; }

/* ================== useful ================== */
.cb {clear:both}
.dib {display: inline-block;}
.db {display: block;}
.fl {float: left;}
.fr {float: right;}

/* ================== box sizing ================== */
*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

*:focus {outline: none;}

Regards.

Unity3d DOTween creating sequence

dotween_logo

DOTween is one of the popular plugins in the Asset Store. It makes easier creating tweens and animations. Besides the Unity’s animation engine, Dotween is simple and useful. You can create tweens both with script or inspector easily.

Here you are sequence example in with DOTween:

Sequence Test_Sequence = DOTween.Sequence();
Test_Sequence.Append(Icon.transform.DOScale (new Vector3 (1.4f, 1.4f, 0), 0.1f));
Test_Sequence.Append(Icon.transform.GetComponent<Image>().DOColor(Color.red, 0.1f));
mySequence.Append(Icon.transform.DOScale (new Vector3 (1f, 1f, 1f), 0.1f));

Test_Sequence.AppendCallback(() => {
	// this is callback
	Debug.Log("Finished");
});
Test_Sequence.Play ();

For more examples click here.

Unity3D debugging on terminal

Sometimes we can need to debug the game on phone. It is best way to see the logs on phone is to watch app/game in terminal. In Unity3D we can do it simple:

Open terminal while your game running and be sure usb cable is plugged. Write these command:

adb logcat -s Unity

Here is the simple screenshot from my terminal:

screen-shot-2016-12-15-at-00-43-51

JavaScript read file from url

function readTextFile(file) {

	var allText
	
    var rawFile = new XMLHttpRequest()
    rawFile.open("GET", file, false)

    rawFile.onreadystatechange = function ()  {
    	
        if(rawFile.readyState === 4) {
            if(rawFile.status === 200 || rawFile.status == 0)  {
                allText = rawFile.responseText;
                
            }
        }
    }
    rawFile.send(null);
    return allText
}

Usage

var file = readTextFile("file.txt")

MongoDB Get Specific Field From Collection in Meteor

Hello, today I wanted to get one field from my collection in meteor.

For this, I created template helper and added two parameters like this.

Template.registerHelper( 'getInfo', (id, field) => {
    return Users.findOne({ _id: id}).[field] 
});

Now I am getting specific information of user by specific id.

Usage in template:
[hmtl]{{getInfo userID “user_name”}}[/html]
or you can use like this:
[hmtl][/html]

Enjoy 🙂