Category Archives: Programming

JavaScript – Processing.js 2D library – part 003.

In this tutorial I will show you how to use images with processing.js.
You can use image from your computer or from url.
Let’s see one simple code example:

You can see same example on openprocessing web tool.
The openprocessing web tool allow you to use Processing.js and P5.js .

Posted in All, HTML 5, javascript, Programming. Tagged with , , , , , , .

JavaScript – FlipClock .

Another tutorial about javascript and HTML5 .
The FlipClock is a javascript source code and tool to let you to make a flip clock .
As you know :
A flip clock is an electromechanical, digital time keeping device with the time indicated by numbers that are sequentially revealed by a split-flap display.
This javascript come with many options and feature to set your flip clock:

  • Hourly Counter
  • Minute Counter
  • Daily Counter
  • 12hr Clock
  • 24hr Clock
  • General Counter

You need to download it and then you can try the examples from examples folder.
The next example come with the base of the css file and the flipclock.js .
I just set the clockFace setting to TwentyFourHourClock.
You can used this javascript to show: counter, countdown or interval.

Posted in All, HTML 5, javascript, Programming. Tagged with , , , , , , .

JavaScript – Thunderforest Maps API .

The Thunderforest Maps let you to use map styles in your apps and on your websites.
You can have a free account see: Hobby Project
You can also buy it:

  • Solo Developer
  • Small Business
  • Large Business

The maps come with this map layers:

  • OpenCycleMap
  • Transport
  • Landscape
  • Outdoors
  • Transport Dark
  • Spinal Map
  • Pioneer
  • Mobile Atlas
  • Neighbourhood

This is one example using the Pioneer layer map into old style , see the next image:

This is the source code to test it with your API key:

Posted in All, HTML 5, javascript, Programming. Tagged with , , , , , , .

Blender 3D – script to show python code under console.

To run this script yo need to select the render to Cycles Render.
Then go to Compositing from Screen layout ( in the top of the screen) and select Use Nodes from Material.
This will make a default material with a Diffuse BSDF .
The next step is to select Scripting from Screen layout.
This will allow you to make a script.
Create a new text and add this source code:

Press keys Alt+P or run the script from Text – Run Script.
When you click on tabs or select something the print function will print the python code into Console output area.
This can be used to see parts of python code from addons or Blender API.
Example with Archimesh addon :
You need to have this addon install and press the books button.
The result of this source code is show into console output and can be used with console shell to add books into your Scene:

Posted in 3D, All, Blender 3D, Programming, Python. Tagged with , , , , , , , .

HTML5 tags – contenteditable .

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):

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:

Posted in All, HTML 5, Programming. Tagged with , , , , .