LinkedInTwitterFacebook

Blender 3D – the measurements addon .

By admin | Published 13/08/2017

This addon help us with infos and data about measurements with Blender 3D working and output.
If you have used this addon the you need to delete it from this folders:
\Blender Foundation\Blender\2.78\scripts\addons
\AppData\Roaming\Blender Foundation\Blender\2.78\scripts\addons
The install is easy , just open menu from: File – User Preferences … – Install from File ….
The tool can be fond into the left area of Blender 3D screen on Display tab ( press T key to see the Panel with Display tab).
One simple example is to see the angle of the cube.
So select the Cube object, press Tab key for edit , select with Shift key and right click mouse three vertices .
With all three vertices press Angle button to see the 90 degrees.
If you want to see area then you need to select four vertices and then press Area button.
You can see the distance to origin with Origin button.
The size of the edge can be see with two vertices selected and the using the Segment button.
To put a label , the select just one vertice then add your text and color on MeasureIt Configuration.
Now you can press the Label button.
For rendering the result image is store for UV Editing and can be selected like image for UV;
The last version is 1.70 and come with new features and changes:

  • Redesign of Mesh Debug, Configuration, and N-panel settings layouts ;
  • Added option to rotate text and measurements by angles specified in degrees ;
  • Added option to horizontally align text to left, center, or right ;
  • Added option to expand or collapse all N-panel settings ;
  • Added options to Mesh Debug to display indexes of scene objects and mesh edges ;
  • Added options to Mesh Debug to display object and vertex global locations ;
  • Fixed bug causing NoneType errors when measurments were drawn off screen ;
  • Fixed bug preventing vert locations from displaying unless vert index option was enabled ;
  • Fixed bug preventing mesh position from updating when using MeasureIt’s Render button ;
  • Fixed ensure_lookup_table bug when geometry with measurements was edited ;
  • Hid most/all adjustment options when they would have no affect ;

The addon can be found here.

Posted in All, Blender 3D | Tagged: , , , , . Leave a Comment

HTML5 tags – contenteditable .

By admin | Published 11/08/2017

The The contenteditable tag attribute specifies whether the content of an element is editable or not.
The contenteditable attribute is new in HTML5 and when the contenteditable attribute is not set on an element, the element will inherit it from its parent.
The basic example is this (let you to change the text):

1
2
3
4
5
6
<!DOCTYPE html>
<html>
<body>
<p contenteditable="true">This is a paragraph. It is editable. Try to change this text.</p>
</body>
</html>

Now you can use style to make it more wonderful. See my example from codepen.io account :

Just create one html5 file and add this source of code:

XHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<style contenteditable> style {
  background-color: white;
  border-radius:3px;
  box-shadow:
    0 5px 15px rgba(0,0,0,0.20),
    0 5px 15px rgba(0,0,0,0.30);
  color:#333;
  display: block;
  font-size: 20px;
  line-height 28px;
  margin: auto;
  overflow:auto;
  padding: 18px;
  max-width: 800px;
  white-space: pre;
}
 
style:before {
  content:"Edit the style!";
  border-bottom:2px solid grey;
  display:block;
  font-size:36px;
  font-weight:bold;
  margin-bottom:18px;
  padding-bottom:18px;
}
  
style:focus {
  outline:none;
}
 
body {
  background:grey;
  margin: 0;
  padding: 10px;
}
  
*, *:before {
  box-sizing:border-box;
  transition:all .2s ease-out;
}
</style>

Posted in All, HTML 5, Programming | Tagged: , , , , . Leave a Comment

Opera browser -privacy settings .

By admin | Published 10/08/2017

Opera browser is an exceptional browser.
Today I will show you how to make private settings for browsing the internet.
The first step com with open Settings area:

To make settings for your Opera browser, enable Settings, see:

This will open a Menu into left area of Opera browser.
Click to the wheel icon and will open the setting area into your browser.
Now enable VPN (Virtual Private Network) for Opera browser.

To set another settings for privacy settings , use Search settings from top of this area with word update and select Adblock and Malware settings , see the next image:

Posted in All, web | Tagged: , , , , . Leave a Comment

JavaScript – start with TypeScript .

By admin | Published 09/08/2017

About TypeScript is an open-source language and compiler that runs both in the browser  -through SystemJS  and on NodeJS.
Is developed by Microsoft, like an open-source language and compiler that runs both in the browser through SystemJS and on NodeJS.
Now TypeScript compiles to clean, simple JavaScript code.
You can runs on any browser, in Node.js, or in any JavaScript engine that supports ECMAScript 3 (or newer).
There are two main ways to get the TypeScript tools:

  • using npm (the Node.js package manager)
  • or installing TypeScript’s Visual Studio plugins

The easiest way to get started with TypeScript is through the TypeScript playground found on the TypeScript website play.
The TypeScript version 2.4 has already introduced dynamic import expressions, safer callback parameter checking, weak types, and string enums.
About dynamic import expressions then allows users to asynchronously request a module at any arbitrary point in your program.
The string enums allows enum members to contain string initializers.
Allow to return types as inference targets can now make inferences for the return type of a call.
To get started with the latest stable version of TypeScript, you can grab it through NuGet with:

1
PM> Install-Package Microsoft.TypeScript.Compiler

You can use the following command with npm:

JavaScript
1
npm install -g typescript

Also you can download it from official website.
To compile it use this:

1
tsc helloworld.ts

Now, let’s install it and try it.
First use git command to put into your computer:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
C:\>npm install -g typescript
C:\Users\mythcat\AppData\Roaming\npm\tsc -> C:\Users\mythcat\AppData\Roaming\npm\node_modules\typescript\bin\tsc
C:\Users\mythcat\AppData\Roaming\npm\tsserver -> C:\Users\mythcat\AppData\Roaming\npm\node_modules\typescript\bin\tsserver
C:\Users\mythcat\AppData\Roaming\npm
`-- typescript@2.4.2
C:\>tsc -version
Version 2.4.2
C:\>mkdir ts001
 
C:\>cd ts001
 
C:\ts001>notepad ts_es001.ts
 
C:\ts001>tsc ts_es001.ts
 
C:\ts001>dir
Volume in drive C is free-tutorials
Volume Serial Number is 0EB1-091D
 
Directory of C:\ts001
 
08/09/2017 07:42 PM <dir> .
08/09/2017 07:42 PM <dir> ..
08/09/2017 07:42 PM 54 ts_es001.js
08/09/2017 07:42 PM 51 ts_es001.ts
2 File(s) 105 bytes
2 Dir(s) 771,618,115,584 bytes free

Make a file named ts_es001.ts and use this command:

1
C:\ts001>tsc ts_es001.ts

The result will be : ts_es001.js file.
Create your ts_es001.html file with this content:

XHTML
1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
    <head><title>TypeScript Greeter</title></head>
    <body>
        <script src="ts_es001.js"></script>
    </body>
</html>

This is most simple example of using typescript tool with node.js .

Posted in All, javascript, node.js, Programming | Tagged: , , , , , . Leave a Comment

Test last Android OS with VirtualBox.

By admin | Published 08/08/2017

This tutorial lets you learn how to test applications that require the latest Android operating system.
It’s a compromise solution that requires very good hardware or hardware virtualization to run applications easily.
Applications can then be installed through shared cross-emulator solutions and share sharing application and run on the emulator.
The advantage is that you can have applications that require new versions of Android OS and not only.
TO test this I set 3D acceleration and hardware acceleration with 4 core and 2048 RAM and working well, but a bit slower.
This is a screenshot of instalation with Android-x86 7.1 and VirtualBox version 5.1.26 r117224 (Qt5.6.2):

Posted in All, Windows 10 | Tagged: , , , . Leave a Comment