TwitterFacebook

Google Shutting Down Google+ Photos !

Google announced in a post on its social network site, it will begin winding down Google+ Photos:

on August 1st we’ll start to shut down Google+ Photos — initially on Android, and soon thereafter on the Web and iOS.

How to fix that … ?

So you need to download the new Google Photos today for uninterrupted access to all your photos, videos and albums.  To do that use android.apps.photos.

With the new app you’ll still be able to backup, edit, and share your photos and videos, with unlimited storage, automatic organization, and more.

The biggest difference is that :

  • Google+ users had to actually visit the network on the web to access photos;
  • Google Photos has its own dedicated web interface.

Also your photos and video will still remain available for download through Google Takeout – a program that allows users to download a copy of their data stored within Google products.

GoJS with random function example.

This is a simple example with GoJS API.
If you want to use into website the you need to buy the API.
Also you can make a try with this example but will have this text:
test

<!DOCTYPE html>
<html>
<head>
<script src=”go-debug.js”></script>
<script id=”code” type=”text/javascript”>
function init(){
var $ = go.GraphObject.make;
var myDiagram =
$(go.Diagram, “myDiagram”,
{
initialContentAlignment: go.Spot.Center, // center Diagram contents
“undoManager.isEnabled”: true,// enable Ctrl-Z to undo and Ctrl-Y to redo
initialContentAlignment: go.Spot.Center,
allowZoom: true,

“grid.gridCellSize”: new go.Size(20, 20),

});

var myModel = $(go.Model);
// in our model data, each node is represented by a JavaScript object:
myModel.nodeDataArray = [
{ key: getRandomColor() },
];

myDiagram.model = myModel;
myPalette =
$(go.Palette, “myPalette”,  // must name or refer to the DIV HTML element
{
nodeTemplate: myDiagram.nodeTemplate,
model: new go.GraphLinksModel([  // specify the contents of the Palette
{ key: “Alpha” },
{ key: “Beta” },
{ key: “Gamma” },
{ key: “Delta” }
])
});
} //init

function getRandomColor() {
var letters = ‘0123456789ABCDEF’.split(”);
var color = ‘#';
for (var i = 0; i < 6; i++ ) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}

</script>
</head>
<body onload=”init()”>
<div style=”width:100%; white-space:nowrap;”>
<span style=”display: inline-block; vertical-align: top; padding: 5px; width:80px”>
<div id=”myPalette” style=”border: solid 1px gray; height: 400px; background-color:#CCCCCC;”></div>
</span>

<span style=”display: inline-block; vertical-align: top; padding: 5px; width:80%”>
<div id=”myDiagram” style=”border: solid 1px gray; height: 400px; background-color:#CCCCCC;”></div>
</span>
</div>
</body>
</html>
The source code will make two areas with four text and the next area will have output of random javascript random function. See this image:
test2

WebGL – sound test example with Three.js .

This is the result of my example : webgl test sound .

And this it’s the source code :

<!DOCTYPE html>
<html lang=”en”>
<head>
<title>three.js misc – sound</title>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0″>
<style>
body {
background-color: #000000;
margin: 0px;
overflow: hidden;
font-family:Monospace;
font-size:13px;
text-align:center;
font-weight: bold;
text-align:center;
}
</style>
</head>
<body>
<div id=”container”></div>
<script src=”../js/three.min.js”></script>
<script src=”../js/controls/FirstPersonControls.js”></script>
<script src=”../js/Detector.js”></script>
<script>

if ( ! Detector.webgl ) Detector.addGetWebGLMessage();

var container;
var camera, controls, scene, renderer;
var light, pointLight;

var mesh;
var material_sphere1, material_sphere2;

var clock = new THREE.Clock();

init();
animate();

function init() {

container = document.getElementById( ‘container’ );

camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 10000 );
camera.position.set( 0, 25, 0 );

var listener = new THREE.AudioListener();
camera.add( listener );

controls = new THREE.FirstPersonControls( camera );

controls.movementSpeed = 70;
controls.lookSpeed = 0.05;
controls.noFly = true;
controls.lookVertical = false;

scene = new THREE.Scene();
scene.fog = new THREE.FogExp2( 0x000000, 0.0035 );

light = new THREE.DirectionalLight( 0xffffff );
light.position.set( 0, 0.5, 1 ).normalize();
scene.add( light );

var sound1 = new THREE.Audio( listener );
sound1.load( ‘../sounds/sound.wav’ );
sound1.setRefDistance( 20 );
sound1.autoplay = true;
scene.add( sound1 );

var helper = new THREE.GridHelper( 500, 10 );
helper.color1.setHex( 0x444444 );
helper.color2.setHex( 0x444444 );
helper.position.y = 0.1
scene.add( helper );

renderer = new THREE.WebGLRenderer( { antialias: true } );
renderer.setPixelRatio( window.devicePixelRatio );
renderer.setSize( window.innerWidth, window.innerHeight );
container.innerHTML = “”;
container.appendChild( renderer.domElement );
window.addEventListener( ‘resize’, onWindowResize, false );

}

function onWindowResize() {

camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize( window.innerWidth, window.innerHeight );
controls.handleResize();
}

function animate() {
requestAnimationFrame( animate );
render();
}

function render() {

var delta = clock.getDelta(),
time = clock.getElapsedTime() * 5;
controls.update( delta );
renderer.render( scene, camera );
}
</script>
</body>
</html>

Fix error: These are not actually errors !

Many users can got one of this system messages:

  • There was a problem sending the command to the program.

not_error

  • Windows cannot find the file, Make sure you typed the name correctly, and then try again.
  • Cannot find the file (or one of its components). Make sure the path and filename are correct and that all required libraries are available.

These are not actually errors …
This problem occurs due to Dynamic Data Exchange (DDE) feature. DDE is a type of communication protocols which is used by Windows to open certain filetypes which require this protocol for communication between source and target programs.
DDE mechanism is used to prevent unnecessary opening of multiple instances of a program if one instance of that program is already running in background. So basically DDE helps Windows in saving computer resources so that you get better performance from your computer.
In my case the error message is shown only once and you’ll be able to open the file in second attempt or each time you try to open the file.

Introduction about online jsFiddle website .

This website named jsFiddle it’s a great web tool.
You can allow you to test your javascript scripts, CSS, HTML … over internet.
The site is made by Piotr Zalewa.
One great article about Piotr Zalewa can be found here.
You can read the documentation for jsFiddle.
What I used this website tool?
First, I can used to write javascript, CSS, HTML and test all over internet.
Also this website come with some features like:

  • I can used the Codereview / kata;
  • Debugging my scripts;
  • Collaboration with users can sign up and work on the same fiddle simultaneously;
  • Unit testing with for example QUnit and Jasmine;
  • clean up the code – “tidy it” and run jslint;
  • Working on that CSS easy and provide examples for forums, blogs;
  • I can testing new frameworks like WebGL…

Now let’s see how to do it. Create your account and take a first look of the website.

jsfiddle_net

You will see four areas / panels:

  • HTML  – will type your html code;
  • JavaScript – your javascript testing example;
  • CSS – the css area of source code;
  • … and tha result / output.

In the top of the webpage you will have:

  • Run – this button will run your example;
  • Save – this will save your example and will come after with few buttons:
    • Update – will update your run example and you will see it into result /output area;
    • Fork – this button is used to create a new fiddle from the existing one;
    • Base – user who created the first version may change the base version;
  • TidyUp – his button will help format your code and cleaning up JavaScript formatting;
  • JSHint – this will help verify that your JavaScript is valid;
  • Collaboration – is a service for your website that makes it easy to collaborate in real-time on – need to : Edit fiddle – JSFiddle to use mail, chat, microphone ;
  • Share – will share your work.

The left side of this website tool will come with one menu.
Most used is the External Resources where you can put the link of the javascript and used with your source code. for example add this: https://cdnjs.cloudflare.com/ajax/libs/three.js/r71/three.js.
The Languages let you to set the JavaScript / CoffeeScript and also the CSS / SCSS.
I will come with some tutorials about WebGL and some usefull javascript scripts.
Thank’s .