Tutorial by Examples: on

In the beginning there were callbacks, and callbacks were ok: const getTemperature = (callback) => { http.get('www.temperature.com/current', (res) => { callback(res.data.temperature) }) } const getAirPollution = (callback) => { http.get('www.pollution.com/current', (res) ...

This example shows how to make an interactive presentation transition with "real-world" physics similar to iOS's notifications screen. To start with, we need a presenting view controller that the shade will appear over. This view controller will also act as our UIViewControllerTransitio...

Another convenient solution for cross compilation is the usage of gox: https://github.com/mitchellh/gox Installation The installation is done very easily by executing go get github.com/mitchellh/gox. The resulting executable gets placed at Go's binary directory, e.g. /golang/bin or ~/golang/bin. E...

In order to load data from a MongoDB database into an R dataframe, use the library MongoLite: # Use MongoLite library: #install.packages("mongolite") library(jsonlite) library(mongolite) # Connect to the database and the desired collection as root: db <- mongo(collection = &quo...

As you would know, Hadoop can be run in the local environment in 3 different modes : Local Mode Pseudo Distributed Mode Fully Distributed Mode (Cluster) Typically you will be running your local hadoop setup in Pseudo Distributed Mode to leverage HDFS and Map Reduce(MR). However you cannot de...

This example shows how to customize the UIDynamicItem protocol to map position changes of a view being dynamically animated to bounds changes to create a UIButton that expands and contracts in a elastic fashion. To start we need to create a new protocol that implements UIDynamicItem but that also...

Numeric values can compared with = and the other numeric comparison operators (/=, <, <=, >, >=) that ignore the difference in the physical representation of the different types of numbers, and perform the comparison of the corresponding mathematical values. For instance: (= 42 42) T ;...

Common Lisp has 12 type specific operators to compare two characters, 6 of them case sensitives and the others case insensitives. Their names have a simple pattern to make easy to remember their meaning: Case SensitiveCase InsensitiveCHAR=CHAR-EQUALCHAR/=CHAR-NOT-EQUALCHAR<CHAR-LESSPCHAR<=CHA...

Foreword This is a detailed example about how to encrypt and decrypt data with Go. The uses code is shorten, e.g. the error handling is not mentioned. The full working project with error handling and user interface could be found on Github here. Encryption Introduction and data This example de...

The core idea is to use GameObjects to represent singletons, which has multiple advantages: Keeps complexity to a minimum but supports concepts like dependency injection Singletons have a normal Unity lifecycle as part of the Entity-Component system Singletons can be lazy loaded and cached loca...

We can use the componentchanged event to listen for changes to the entity: entity.addEventListener('componentchanged', function (evt) { if (evt.detail.name === 'position') { console.log('Entity has moved from', evt.detail.oldData, 'to', evt.detail.newData, '!'); } });

Updating Multi-Property Component Data To update component data for a multi-property component, we can pass the name of a registered component as the componentName, and pass an object of properties as the value. A string is also acceptable (e.g., type: spot; distance: 30), but objects will save A-F...

For example, if we wanted to grab an entity’s three.js camera object or material object, we could reach into its components var camera = document.querySelector('a-entity[camera]').components.camera.camera; var material = document.querySelector('a-entity[material]').components.material.material; ...

Systems can help separate logic and behavior from data if desired. We let systems handle the heavy lifting, and components only worry about managing its data through its lifecycle methods: AFRAME.registerSystem('my-component', { createComplexObject: function (data) { // Do calculations ...

There is no strict API for defining how systems manage components. A common pattern is to have components subscribe themselves to the system. The system then has references to all of its components: AFRAME.registerSystem('my-component', { init: function () { this.entities = []; }, ...

AFRAME.registerComponent (name, definition) Register an A-Frame component. We must register components before we use them anywhere in . Meaning from an HTML file, components should come in order before . {string} name - Component name. The component’s public API as represented through an HTML at...

A component holds a bucket of data in the form of one or more component properties. Components use this data to modify entities. Consider an engine component, we might define properties such as horsepower or cylinders. HTML attributes represent component names and the value of those attributes repr...

Property types primarily define how the schema parses incoming data from the DOM for each property. The parsed data will then be available via the data property on the component's prototype. Below are A-Frame's built-in property types: Property TypeDescriptionDefault ValuearrayParses comma-separ...

A component’s members and methods can be accessed through the entity from the .components object. Look up the component from the entity’s map of components, and we’ll have access to the component’s internals. Consider this example component: AFRAME.registerComponent('foo', { init: function () { ...

Components can be attached to the scene as well as entities. A-Frame ships with a few components to configure the scene: ComponentDetailsembeddedRemove fullscreen styles from the canvas.fogAdd fog.keyboard-shortcutsToggle keyboard shortcuts.inspectorInject the A-Frame Inspector.statsToggle performa...