Tutorial by Examples: n

Custom Camera Control - Mouse-based Sliding

Here's an example of a custom camera controller. This reads the position of the mouse within the client window, and then slides the camera around as if it were following the mouse on the window. index.html <html> <head> <title>Three.js Custom Mouse Camera Control Ex...

three.js • Camera Controls in Three.js

Spinning Cube

var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 ); var renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); var geo...

three.js • Render Loops for Animation: Dynamically updating objects

Discarding slow/outdated rest calls

A common usecase is to discard certain rest-calls, that are not needed any more after certain user-inputs. The most prominent example would be, when a user uses some search-function, makes a request, makes another request and for some reason the first request arrives after the second request and the...

rxjs • Common recipes

Locate a file on your system

Using bash you can easily locate a file with the locate command. For example say you are looking for the file mykey.pem: locate mykey.pem Sometimes files have strange names for example you might have a file like random7897_mykey_0fidw.pem. Let's say you're looking for this file but you only reme...

GNU/Linux • Shell

Decimal Integer literals

Integer literals provide values that can be used where you need a byte, short, int, long or char instance. (This example focuses on the simple decimal forms. Other examples explain how to literals in octal, hexadecimal and binary, and the use of underscores to improve readability.) Ordinary integ...

Java Language • Literals

Canvas Serilization

<canvas id = "canvas" height='400' width='500'></canvas> var canvas = new fabric.Canvas(document.getElementById('canvas')); console.log(JSON.stringify(canvas)); // '{"objects":[],"background":""}' canvas.add(new fabric.Rect({ left: 10, ...

fabricjs • FabricJS canvas Serialization

Using Packages to create classes with the same name

First Test.class: package foo.bar public class Test { } Also Test.class in another package package foo.bar.baz public class Test { } The above is fine because the two classes exist in different packages.

Java Language • Packages

Using Package Protected Scope

In Java if you don't provide an access modifier the default scope for variables is package-protected level. This means that classes can access the variables of other classes within the same package as if those variables were publicly available. package foo.bar public class ExampleClass { do...

Java Language • Packages

NSInvocation Objective-C

Refer to this original Post by e.James According to Apple's NSInvocation class reference: An NSInvocation is an Objective-C message rendered static, that is, it is an action turned into an object. And, in a little more detail: The concept of messages is central to the objective-c philosophy....

iOS • NSInvocation

Installation or Setup

jQuery plugins are typically installed via NPM or Yarn (if hosted there), or referencing an external script file containing the plugin, whether from a relative directory or a CDN. <script type="text/javascript" src="/path/to/plugin.jquery.js"></script>

jquery-plugins • Getting started with jquery-plugins

Component

For an easier transition to Angular 2, it's recommended to use Component, available since Angular 1.5.8 myModule.ts import { MyModuleComponent } from "./components/myModuleComponent"; import { MyModuleService } from "./services/MyModuleService"; angular .module("m...

TypeScript • TypeScript with AngularJS

Navigator component

Navigator works for both IOS and android. import React, { Component } from 'react'; import { Text, Navigator, TouchableHighlight } from 'react-native'; export default class NavAllDay extends Component { render() { return ( <Navigator initialRoute={{ title: 'Awesome Sc...

react-native • Routing

What is Grand central dispatch.

What is Concurrency? Doing multiple things at the same time. Taking advantage of number of cores available in multicore CPUs. Running multiple programs in parallel. Objectives of Concurrency Running program in background without hogging CPU. Define Tasks, Define Rules and let...

Objective-C Language • Grand Central Dispatch

Basic plugin which change color of text to green.

// plugin initialization $.fn.greenify = function() { // within the function you can use any of the jQuery methods // and `this` context refers to jQuery object this.css( "color", "green" ); }; // apply plugin $( "a" ).greenify();

jquery-plugins • Getting started with jquery-plugins

Chaining

This works, but there are a couple of things we need to do for our plugin to survive in the real world. One of jQuery's features is chaining, when you link five or six actions onto one selector. This is accomplished by having all jQuery object methods return the original jQuery object again (there a...

jquery-plugins • Getting started with jquery-plugins

Unit testing with jest

Jest is a javascript testing framework widely used for testing react applications. Its supported by facebook Here's a test import 'react-native'; import React from 'react'; import Index from '../index.android.js'; import renderer from 'react-test-renderer'; it('renders correctly', () =>...

react-native • Unit Testing

Sending Downstream Messages using Postman

To do this in Postman, you simply have to set the following: Set request type to POST In the Headers, set the following: Content-Type = application/json Authorization = < Your FCM Server Key > (See your Firebase Console's Cloud Messaging Tab) Set the payload parameters in the Body...

firebase-cloud-messaging • Firebase Cloud Messaging

Saving this for use in nested functions / objects

One common pitfall is to try and use this in a nested function or an object, where the context has been lost. document.getElementById('myAJAXButton').onclick = function(){ makeAJAXRequest(function(result){ if (result) { // success this.className = 'success'; } }) }...

JavaScript • Context (this)

Binding function context

5.1 Every function has a bind method, which will create a wrapped function that will call it with the correct context. See here for more information. var monitor = { threshold: 5, check: function(value) { if (value > this.threshold) { this.display("Value is too high!&quot...

JavaScript • Context (this)

this in constructor functions

When using a function as a constructor, it has a special this binding, which refers to the newly created object: function Cat(name) { this.name = name; this.sound = "Meow"; } var cat = new Cat("Tom"); // is a Cat object cat.sound; // Returns "Meow" var ca...

JavaScript • Context (this)