free-tutorials.org

Using bpy – changing colors .

By admin | Published 19/05/2017

This tutorial show you a simple example of python scripting into Blender 3D software.
You need to select the window for scripting and to test with python scripting shell.
First you need to add one object : cube.
The default script and most common python script, start with this :

>>> import bpy
>>> import math 
>>> from bpy import context 
>>> from math import sin, cos, radians
>>> cubeobject = bpy.ops.mesh.primitive_cube_add
>>> cursor = context.scene.cursor_location
>>> print(cursor)
...

>>> import bpy

>>> import math

>>> from bpy import context

>>> from math import sin, cos, radians

>>> cubeobject = bpy.ops.mesh.primitive_cube_add

>>> cursor = context.scene.cursor_location

>>> print(cursor)

...

You need to see the print python function because will use python ver. 3.
Also the cube object and cursor vars will take the all you need to use it.
Now , this myvar variable show you hou to deal with python 3.

>>> myvar=22
>>> print(myvar)
22

>>> myvar=22

>>> print(myvar)

The next two python script will make editable or not the object : your cube.

>>> bpy.ops.object.editmode_toggle()
{'FINISHED'}

1 2	>>> bpy.ops.object.editmode_toggle() {'FINISHED'}

… now the next line will change it into Object Mode ( can also use TAB key).

>>> bpy.ops.object.editmode_toggle()
{'FINISHED'}

1 2	>>> bpy.ops.object.editmode_toggle() {'FINISHED'}

The goal of the edit mode_toggle function can be when you will use vertices.
The changing color of the cube can be done with this functions:

>>> bpy.context.object.active_material.diffuse_
                                               color
                                               fresnel
                                               fresnel_factor
                                               intensity
                                               ramp
                                               ramp_blend
                                               ramp_factor
                                               ramp_input
                                               shader
                                               toon_size
                                               toon_smooth
>>> bpy.context.object.active_material.diffuse_color=(0.7,0.4,0.8)
...

>>> bpy.context.object.active_material.diffuse_

color

fresnel

fresnel_factor

intensity

ramp

ramp_blend

ramp_factor

ramp_input

shader

toon_size

toon_smooth

>>> bpy.context.object.active_material.diffuse_color=(0.7,0.4,0.8)

...

Now the cube will show you with a new diffuse color.

Posted in All, Blender 3D, Programming, Python | Tagged: 2014, 3D, Blender 3D, programming, scripting, source code. Leave a Comment

A simple sphere with Three.js .

By admin | Published 19/05/2017

This tutorial is about how to add a simple wireframe sphere into your webpage using the a javascript 3D library named three.js .
This 3D library and some demo and examples can be found here.
The tutorial for today is let you to know how to deal with a simple object.
First you need to make a folder named project.
Into this folder create two folder named js and css.
Into the project create a index.html file and add this content:

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Three.js Start</title>
      <link rel="stylesheet" href="css/style.css">
</head>

<body>

<script src='https://cdnjs.cloudflare.com/ajax/libs/three.js/r79/three.min.js'></script>

    <script src="js/index.js"></script>

</body>
</html>

<!DOCTYPE html>

<html >

<head>

<title>Three.js Start</title>

</head>

<body>

</body>

</html>

Make a file named style.css into css folder and add this:

canvas {
  background-color: white;
  position: relative;
}

canvas {

background-color: white;

position: relative;

}

This wi
Into js folder create a file named index.js and add this source code:

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 geometry = new THREE.SphereGeometry(9, 12, 12);
var material = new THREE.MeshBasicMaterial ({color: 0x0011ff});
var sphere = new THREE.Mesh(geometry, wireframe);
var wireframe = new THREE.WireframeGeometry( geometry );

var line = new THREE.LineSegments( wireframe );
line.material.depthTest = false;
//line.material.opacity = 0.25;
line.material.transparent = false;

scene.add( line );

camera.position.z= 35;
//camera.position.x= 10;

function render(){
  requestAnimationFrame (render);

  line.rotation.x += 0.01;
	line.rotation.y -= 0.01;
  //line.rotation.z -= 0.01;
  sphere.rotation.x += 0.02;
	sphere.rotation.y += 0.02;
  renderer.render (scene, camera);
}
render();

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 geometry = new THREE.SphereGeometry(9, 12, 12);

var material = new THREE.MeshBasicMaterial ({color: 0x0011ff});

var sphere = new THREE.Mesh(geometry, wireframe);

var wireframe = new THREE.WireframeGeometry( geometry );

var line = new THREE.LineSegments( wireframe );

line.material.depthTest = false;

//line.material.opacity = 0.25;

line.material.transparent = false;

scene.add( line );

camera.position.z= 35;

//camera.position.x= 10;

function render(){

requestAnimationFrame (render);

line.rotation.x += 0.01;

line.rotation.y -= 0.01;

//line.rotation.z -= 0.01;

sphere.rotation.x += 0.02;

sphere.rotation.y += 0.02;

renderer.render (scene, camera);

}

render();

This java script file follow some steps to make the wireframe sphere:

make the scene;
set the camera;
create the renderer space;
add the renderer space to HTML document;
create sphere
add one material ;
make a wireframe from geometry variable;
create wireframe object;
create a line like wireframe object;
deal with line material;
add line to the scene;
set the position of camera;
create the render function to animate the content;
run all with render function.

The result is something like this:

Some changes can be used into this example to see how is working.
You can remove the css folder and style file but you need to remove this line from index.html file:

<link rel="stylesheet" href="css/style.css">

1	<link rel="stylesheet" href="css/style.css">

The sphere variable can be added into java script source code:

//scene.add( line );
scene.add( sphere );
camera.position.z= 35;

//scene.add( line );

scene.add( sphere );

camera.position.z= 35;

This will make some change into the render canvas.

Posted in All, HTML 5, javascript, Programming, web, WebGL | Tagged: 2017, HTML 5, javascript, programming, tutorial, web, WebGL. Leave a Comment

Programming with FASM – Calendar Control.

By admin | Published 18/05/2017

I have not done a tutorial about the assembler programming language for a while, so today I had a good reason to write this tutorial.
The tutorial focuses on using Calendar Control (MSAA UI Element Reference).

The source code of the window made in fasm is used into this tutorial.
I added the window class name for a month calendar which is defined as SysMonthCal32.
The file if.inc is used for message selection.
When we close the program, a closing dialog is displayed.
To run the Go to today click is displayed but I did not implement execution code.
The IDD_DLG parameter is random and I put the year of my birth to be more fun.
The program contains comments to understand the source code.
For execution, you need to add it to the FASM editor and run it with the F9 key.
You also have the executable version in the Downloads section of the main page menu.

format PE GUI 5.0
entry start

  include 'win32a.inc'
  include 'macro\if.inc'

; start the program
section '.code' code readable executable

 start:
    ; get handle of program
    ; ------------------------------
    invoke GetModuleHandle,NULL
    mov [hInstance],eax

    ; An instance of the structure carrying information used to load common
    ; control classes.
    mov [iccex.dwSize],sizeof.INITCOMMONCONTROLSEX
    mov [iccex.dwICC],ICC_DATE_CLASSES
    invoke InitCommonControlsEx,iccex

    ;start dialogue
    invoke DialogBoxParam,[hInstance],IDD_DLG,NULL,DialogProc,NULL

    ;stop the program
    invoke ExitProcess,0

proc DialogProc uses ebx esi edi, @hDlg , @uMsg , @wParam , @lParam

    .if [@uMsg] = WM_CLOSE
        ; show the end message
        invoke MessageBox,[@hDlg],MsgEnd,ClassName,MB_OK+MB_ICONINFORMATION

        ; stop the program
        invoke EndDialog,[@hDlg],0

    .elseif [@uMsg] = WM_INITDIALOG

        invoke SendMessage,[@hDlg],WM_SETICON,ICON_SMALL,eax

    .else
        mov eax,0
        ret
    .endif

    mov eax,1
    ret
endp

; data
section '.data' data readable writeable

  ClassName db ' Exit calendar 2017',0
  MsgEnd    db ' free-tutorial.org @2017  ',0
  align 4

  hInstance dd ?

  iccex     INITCOMMONCONTROLSEX

;include files
section '.idata' import data readable writeable

  library kernel32,'KERNEL32.DLL',\
            user32,'USER32.DLL',\
          comctl32,'COMCTL32.DLL'

  ; Apis Windows dans fichiers dlls
  ; -------------------------------
  include 'api/kernel32.inc'
  include 'api/user32.inc'
  include 'api/comctl32.inc'

; include resources ( like icons dialogs )
section '.rsrc' resource data readable

  directory  RT_DIALOG,dialogs
  IDD_DLG    = 1976

  resource dialogs,\
           IDD_DLG,LANG_ENGLISH+SUBLANG_DEFAULT,dlg

  dialog dlg,'Calendar 2017',0,0,139,106,WS_SYSMENU+WS_VISIBLE+DS_CENTER+WS_CAPTION+\
                                                                   WS_MINIMIZEBOX
  ;The window class name for a month calendar control is MONTHCAL_CLASS,
  ;which is defined as "SysMonthCal32" in Commctrl.h.
  dialogitem 'SysMonthCal32','',0,3,0,132,103,WS_VISIBLE,WS_EX_CLIENTEDGE

  enddialog
;end the source code

format PE GUI 5.0

entry start

include 'win32a.inc'

include 'macro\if.inc'

; start the program

section '.code' code readable executable

start:

; get handle of program

; ------------------------------

invoke GetModuleHandle,NULL

mov [hInstance],eax

; An instance of the structure carrying information used to load common

; control classes.

mov [iccex.dwSize],sizeof.INITCOMMONCONTROLSEX

mov [iccex.dwICC],ICC_DATE_CLASSES

invoke InitCommonControlsEx,iccex

;start dialogue

invoke DialogBoxParam,[hInstance],IDD_DLG,NULL,DialogProc,NULL

;stop the program

invoke ExitProcess,0

proc DialogProc uses ebx esi edi, @hDlg , @uMsg , @wParam , @lParam

.if [@uMsg] = WM_CLOSE

; show the end message

invoke MessageBox,[@hDlg],MsgEnd,ClassName,MB_OK+MB_ICONINFORMATION

; stop the program

invoke EndDialog,[@hDlg],0

.elseif [@uMsg] = WM_INITDIALOG

invoke SendMessage,[@hDlg],WM_SETICON,ICON_SMALL,eax

.else

mov eax,0

ret

.endif

mov eax,1

ret

endp

; data

section '.data' data readable writeable

ClassName db ' Exit calendar 2017',0

MsgEnd db ' free-tutorial.org @2017 ',0

align 4

hInstance dd ?

iccex INITCOMMONCONTROLSEX

;include files

section '.idata' import data readable writeable

library kernel32,'KERNEL32.DLL',\

user32,'USER32.DLL',\

comctl32,'COMCTL32.DLL'

; Apis Windows dans fichiers dlls

; -------------------------------

include 'api/kernel32.inc'

include 'api/user32.inc'

include 'api/comctl32.inc'

; include resources ( like icons dialogs )

section '.rsrc' resource data readable

directory RT_DIALOG,dialogs

IDD_DLG = 1976

resource dialogs,\

IDD_DLG,LANG_ENGLISH+SUBLANG_DEFAULT,dlg

dialog dlg,'Calendar 2017',0,0,139,106,WS_SYSMENU+WS_VISIBLE+DS_CENTER+WS_CAPTION+\

WS_MINIMIZEBOX

;The window class name for a month calendar control is MONTHCAL_CLASS,

;which is defined as "SysMonthCal32" in Commctrl.h.

dialogitem 'SysMonthCal32','',0,3,0,132,103,WS_VISIBLE,WS_EX_CLIENTEDGE

enddialog

;end the source code

Posted in All, Assembler, Programming, Windows 10, Windows 7, Windows 8 | Tagged: 2017, assembler, programming, source code, tutorial, Windows 10. Leave a Comment

How to build and improve our web pages.

By admin | Published 17/05/2017

An important element in building and improving our web pages is the content to be added.
The basic element is the language we use, which at the end is transformed into HTML, CSS and scripting.
The average user wants to be attracted by improving content.
So the administrator, designer and content writer – the author has to attract visitors, so adding content is strictly necessary on time unit.
The basic issue of the three people is basically content participation and methods of changing the web page.
Another problem occurs when the one who makes changes will have to store vast knowledge about these methods.
Today I will show you a simpler way of modifying web content by using so-called cheatsheets.
You will need to see these two links: htmlcheatsheet.com and html-css-js.com – icons.
Navigating through the two links will provide you with important help for web page building, as well as an important database for future content editing.
Let’s see one example with icons:
🍎🍏📗📚📈📉📊📋
The math signs with icons:
∇ ∫ ∬ ∭ ∮
Another example with some geometric icons:
▦▧▨▩

Posted in All, HTML 5, javascript, Programming, web | Tagged: 2017, CSS, HTML 5, javascript, programming, tutorial, web. Leave a Comment

Android UI – SeekBar example.

By admin | Published 15/05/2017

Today I will tell you how to make a user interface element called the seekbar with the Android Studio I.D.E.
On Android Studio select a new Empty Activity project, named it uiseekbar001.
You need to add the SeekBar UI and TextView UI into activity_main.xml file.
The textView, seekBar are variable for id into user interface elements and call by java file.
See the result:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="org.free_tutorials.catafest.uiseekbar001.MainActivity">

    <GridLayout
        android:layout_width="368dp"
        android:layout_height="495dp"
        tools:layout_editor_absoluteX="8dp"
        tools:layout_editor_absoluteY="8dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <EditText
                android:id="@+id/textView"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:ems="10"
                android:inputType="textPersonName"
                tools:layout_editor_absoluteX="85dp"
                tools:layout_editor_absoluteY="313dp" />

            <SeekBar
                android:id="@+id/seekBar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                tools:layout_editor_absoluteX="8dp"
                tools:layout_editor_absoluteY="-78dp" />

        </LinearLayout>

    </GridLayout>

</android.support.constraint.ConstraintLayout>

<?xml version="1.0" encoding="utf-8"?>

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="org.free_tutorials.catafest.uiseekbar001.MainActivity">

<GridLayout

android:layout_width="368dp"

android:layout_height="495dp"

tools:layout_editor_absoluteX="8dp"

tools:layout_editor_absoluteY="8dp">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

<EditText

android:id="@+id/textView"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:ems="10"

android:inputType="textPersonName"

tools:layout_editor_absoluteX="85dp"

tools:layout_editor_absoluteY="313dp" />

<SeekBar

android:id="@+id/seekBar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

tools:layout_editor_absoluteX="8dp"

tools:layout_editor_absoluteY="-78dp" />

</LinearLayout>

</GridLayout>

</android.support.constraint.ConstraintLayout>

You must interact with the user interface through the java file called MainActivity.java.
The
See this file:

package org.free_tutorials.catafest.uiseekbar001;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.SeekBar;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    // the vars for SeekBar , TextView , progress and i 
    SeekBar seekbar;
    TextView textView;
    int progress = 24;
    private int i;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // set the seekbar
        seekbar = (SeekBar) findViewById(R.id.seekBar);
        seekbar.setMax(100);
        seekbar.setProgress(progress);
        // set the textView
        textView = (TextView) findViewById(R.id.textView);
        textView.setText(" "+progress);
        textView.setTextSize(progress);
        // make new OnSeekBarChangeListener with metods and chenge size with i and progress vars
        seekbar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int i, boolean fromUser) {
                progress = i;
                textView.setText(" "+progress);
                textView.setTextSize(progress);
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {

            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {

            }

        });
    }
}

package org.free_tutorials.catafest.uiseekbar001;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.widget.SeekBar;

import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

// the vars for SeekBar , TextView , progress and i

SeekBar seekbar;

TextView textView;

int progress = 24;

private int i;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

// set the seekbar

seekbar = (SeekBar) findViewById(R.id.seekBar);

seekbar.setMax(100);

seekbar.setProgress(progress);

// set the textView

textView = (TextView) findViewById(R.id.textView);

textView.setText(" "+progress);

textView.setTextSize(progress);

// make new OnSeekBarChangeListener with metods and chenge size with i and progress vars

seekbar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {

@Override

public void onProgressChanged(SeekBar seekBar, int i, boolean fromUser) {

progress = i;

textView.setText(" "+progress);

textView.setTextSize(progress);

}

@Override

public void onStartTrackingTouch(SeekBar seekBar) {

}

@Override

public void onStopTrackingTouch(SeekBar seekBar) {

}

});

}

The output will be a number text with value 24 sized by SeekBar up to value 100.

Posted in All, Android, Programming | Tagged: 2017, Android, programming, tutorial, Windows 10, Windows 7, Windows 8. Leave a Comment