Samurai zlash!

Mount Komaki and Komaki Castle

Fri, 04 May 2012 00:00:00 +0900

I walked and got GPS log by iPhone 4S + EveryTrail for iPhone.

Screenshot on EveryTrail:

⇒ Komaki Castle - Hiking trip | EveryTrail

Mount Komaki (Komakiyama) is an 86 m (282 ft) high mountain located in the city of Komaki, Aichi Prefecture, Japan. At one point, the mountain was topped with the original Komakiyama Castle, built by Oda Nobunaga. However, in modern days, the entire mountain has become a historical park, well-known for its sakura trees. The current castle was built in 1967, as a recreation of Nobunaga's castle.

Mount Komaki - Wikipedia, the free encyclopedia

Komaki Castle

EveryTrail - Find the best hikes in California and beyond

GPS log files:
- KML: 1559060.kmz
- GPX: 1559060.gpx

I posted the kmz file to LatLongLab's RouteLab (in Japanese).

Screenshot on RouteLab:

⇒ Mount Komaki and Komaki Castle (Komaki Castle) - RouteLab - LatLongLab

I took photos when I got GPS log.

Ref. Komaki Castle - Hiking trip | EveryTrail

Tiger is dancing! Intel's Ultrabook TV CM in Japan

Tue, 27 Mar 2012 00:00:00 +0900

Tiger dances at TV CM of Intel's Ultrabook in Japan :-)

"Ultrabook" has "tra". "tra" is "tora" pronounced in Japanese.

"Tiger" is "Tora" in Japanese. "tora" is pronounced in Japanese.

Intel's newest TV CM 30 seconds edition - YouTube (in Japanese)

I remembered a old TV CM, Intel's Centrino.

"Centrino" has "tri". "tri" is "tori" pronounced in Japanese.

Bird is "tori" pronounced in Japanese.

A bird appeared at Centrino TV CM in Japan.

Ref. Intel - Ultrabook™ (in Japanese)

Java donut polygon (polygon with holes)

Mon, 16 Jan 2012 00:00:00 +0900

Using a class java.awt.geom.Area.

I make this shape.

souce code:


import java.awt.*;
import java.awt.geom.*;
import java.awt.image.*;
import java.io.*;
import javax.imageio.*;
 
public class DonutPolygon {
 
  public static void main(String[] args) throws Exception {
    
    Polygon out1 = new Polygon(new int[]{60,180,240,180,30}, new int[]{60,30,90,240,150}, 5);
    Polygon in1 = new Polygon(new int[]{120,150,180,150,120}, new int[]{60,60,90,120,90}, 5);
    Polygon in2 = new Polygon(new int[]{60,120,120,150,150,90,90,60}, new int[]{120,120,150,150,180,180,150,150}, 8);
 
    Area area = new Area();
    area.add(new Area(out1));
    area.subtract(new Area(in1));
    area.subtract(new Area(in2));
 
    // print PathIterator
    printPathIterator(area.getPathIterator(new AffineTransform()));
 
    BufferedImage image = new BufferedImage(300, 300, BufferedImage.TYPE_INT_ARGB);
    Graphics2D g = image.createGraphics();
    g.setPaint(Color.BLUE);
    g.fill(area);
    g.setStroke(new BasicStroke(5.0f));
    g.setPaint(Color.RED);
    g.draw(area);
    g.dispose();
    
    ImageIO.write(image, "png", new File("donut_polygon.png"));
  }
 
  private static void printPathIterator(PathIterator pi) {
 
    switch (pi.getWindingRule()) {
    case PathIterator.WIND_EVEN_ODD:
      System.out.println("WindingRule: WIND_EVEN_ODD");
      break;
    case PathIterator.WIND_NON_ZERO:
      System.out.println("WindingRule: WIND_NON_ZERO");
      break;
    }
 
    while (!pi.isDone()) {
      double coords[] = new double[6];
      int type = pi.currentSegment(coords);
      switch (type) {
      case PathIterator.SEG_MOVETO:
        System.out.print("SEG_MOVETO: ");
        break;
      case PathIterator.SEG_CLOSE:
        System.out.print("SEG_CLOSE: ");
        break;
      case PathIterator.SEG_LINETO:
        System.out.print("SEG_LINETO: ");
        break;
      case PathIterator.SEG_CUBICTO:
        System.out.print("SEG_CUBICTO: ");
        break;
      case PathIterator.SEG_QUADTO:
        System.out.print("SEG_QUADTO: ");
        break;
      }
      System.out.println(
        "(" + coords[0] + "," + coords[1] + ") " +
        "(" + coords[2] + "," + coords[3] + ") " +
        "(" + coords[4] + "," + coords[5] + ")");
      pi.next();
    }
  }
}

This image is output. This is donut polygon.

PathIterator infomation:


WindingRule: WIND_NON_ZERO
SEG_MOVETO: (150.0,60.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (180.0,90.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (150.0,120.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (120.0,90.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (120.0,60.0) (0.0,0.0) (0.0,0.0)
SEG_CLOSE: (0.0,0.0) (0.0,0.0) (0.0,0.0)
SEG_MOVETO: (120.0,120.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (120.0,150.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (150.0,150.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (150.0,180.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (90.0,180.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (90.0,150.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (60.0,150.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (60.0,120.0) (0.0,0.0) (0.0,0.0)
SEG_CLOSE: (0.0,0.0) (0.0,0.0) (0.0,0.0)
SEG_MOVETO: (180.0,30.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (60.0,60.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (30.0,150.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (180.0,240.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (240.0,90.0) (0.0,0.0) (0.0,0.0)
SEG_LINETO: (180.0,30.0) (0.0,0.0) (0.0,0.0)
SEG_CLOSE: (0.0,0.0) (0.0,0.0) (0.0,0.0)

Daiso Japan sells reasonable notebooks (a.k.a. Daiskine) look-alike Moleskine's one

Sun, 13 Nov 2011 00:00:00 +0900

Daiso Japan is a Japanese "100 yen shop". Each item is priced at precisely 100 yen.

Daiso Japan sells a notebook (a.k.a. Daiskine) for 100 yen in Japan.

Moleskine sells a notebook for $12 (about 900 yen) in US. -> Moleskine Classic Pocket Ruled Notebook (3.5 x 5.5), MoleskineUS

Moleskine sells a notebook for 1890 yen in Japan. -> MOLESKINE Ruled Pocket (in Japaanese)

100 yen vs 1890 yen!

Daiskine: A6 Leather type notebook with elastic band-Ruled 96 sheets

Daiskine's number of pages is the same number of pages as moleskine's.

Daiskine is made in China.
Moleskine is designed in Italy, manufactured in China.

Daiskine: A7 Leather type notebook with elastic band-Ruled 96 sheets

I opened notebooks.

These are back covers.

Three Moleskine's notebooks and two Daiskines.

Moleskine's notebook have a pocket. Daiskine don't have a pocket.

Moleskine's notebook have a carved seal "MOLESKINE®" in back cover. Daiskine don't have it.

⇒ A Daiso' imitation of Moleskine' notebook - YouTube (in Japanese)

Ref.
- Moleskine - Legendary notebooks
- DAISO JAPAN
- Moleskine - Wikipedia, the free encyclopedia
- Daiso - Wikipedia, the free encyclopedia

The Japanese word "bucchake" doesn't mean "only tea bukkake".

Fri, 14 Oct 2011 00:00:00 +0900

The Google Translate made mistake.
It translated "bucchake" to "only tea bukkake".

The word "bucchake" meas "honestly", "truthfully", "frankly" or "really".

The word "bucchake" sources "bucchakeruto".
The word "bucchakeruto" sources "uchiakeruto".
The word "uchiakeruto" meas "honestly", "truthfully", "frankly" or "really".

This word "bucchake" became very popular word by Kimura Takuya who is a member of SAMP, Japanese boy band.
He said many "bucchake" in a TV drama.

Maps and Photos of Okinotorishima (Okinotori Islands), most southern islands in Japan

Mon, 10 Oct 2011 00:00:00 +0900

Okinotorishima is most south islands in Japan.
Is Okinotorishima islands or rocks?

Google Maps don't have maps of Okinotorishima.

Google Maps

Mapion have maps of Okinotorishima.

Mapion

A image (Okinotorishima2.png) is wrong in a page of Wikipedia.

I draw right image.

Higashi-kojima (eastern islet) is eastest in Okinotorishima.

Kita-kojima (northern islet) is westest in Okinotorishima. This island is westest, but this name is Kita-kojima (northern islet).

Base Station (left) and Stasion (right)

Higashi-kojima (eastern islet)

3D objects on Google Earth:

Okinotorishima Kita-kojima by kazu. - Google 3D Warehouse

Okinotorishima Base Station by kazu. - Google 3D Warehouse

Okinotorishima Station by kazu. - Google 3D Warehouse

Okinotorishima Higashi-kojima by kazu. - Google 3D Warehouse

Okinotorishima have '04998' Japanese telephone area code.
But Okinotorishima don't have phones...

Okinotorishima's zip code is '100-2100'
Letters probably cannot reach.

Maps of Colosseo

Mon, 10 Oct 2011 00:00:00 +0900

The Colosseum, or the Coliseum, originally the Flavian Amphitheatre (Latin: Amphitheatrum Flavium, Italian Anfiteatro Flavio or Colosseo), is an elliptical amphitheatre in the centre of the city of Rome, Italy, the largest ever built in the Roman Empire. It is considered one of the greatest works of Roman architecture and Roman engineering.

Colosseum - Wikipedia, the free encyclopedia

Colosseum, Laz., Italy - Bing Maps

Google Maps

Yahoo! Loco

Nagoya in flood

Fri, 23 Sep 2011 00:00:00 +0900

Great rains came to Nagoya city in Japan before a typhoon at September 20, 2011.

Kouzouji station, Chuou line, JR Tokai on Twitpic:

Ref.
- NAVER matome: Nagoya city and Tenpaku river (in Japanese)
- NAVER matome: Great rains in Nagoya (in Japanese)
- Typhoon passes Japan tsunami zone, heads north | ajc.com

TOSHIBA REGZA 37Z3500 crashed!

Thu, 15 Sep 2011 00:00:00 +0900

My TV crashed!

routemap mashup : Google Maps JavaScript API x Yahoo! Open Local Platform Route Map API

Sat, 10 Sep 2011 00:00:00 +0900

I made a mashup site using Google Maps API and Yahoo! Japan Route Map API.

Route Map API can create route map image. These route are accentuated.

Asakusa:

To Sanjusangendo:

To Itsukushima Shinto Shrine:

Kyoto Inari:

Ref.
- The Google Maps Javascript API V3 - Google Maps JavaScript API V3 - Google Code
- Yahoo! Developer Network - Map - Route Map API (in Japanese)
- routemap : Google Maps JavaScript API x Yahoo! Open Local Platform Route Map API

Talas, the 12th typhoon in this year

Sun, 04 Sep 2011 00:00:00 +0900

raincloud - Yahoo! JAPAN

typhoon - Yahoo! JAPAN

lineart by canvas, lineart by inline svg

Fri, 19 Aug 2011 00:00:00 +0900

I am learning HTML 5 Canvas and SVG.

Ref.
- lineart by canvas
- lineart by svg

Baidu 3D Map is so cool

Thu, 16 Jun 2011 00:00:00 +0900

Baidu Map's 3D map is so cool.

Does the Baidu Map have Web APIs?

-> Baidu Map API (in Chinese)

Ref. Baidu Map (in Chinese)

Lunar eclipse

Thu, 16 Jun 2011 00:00:00 +0900

-> Nagoya City Science Museum (in Japanese)

Dubai

Cyprus

Google's logo is a intaractive lunar eclipse.

Next lunar eclipse is going to appear at 10th December.

Ref.
- SLOOH - Total Lunar Eclipse LIVE - June 15, 2011
- Google

My son loves songs in YouTube

Sat, 14 May 2011 00:00:00 +0900

YouTube - "Alphabet Song" (Vol.1) http://www.TOONBO.com

YouTube - 10 Little Numbers

YouTube - Phonics Song

YouTube - Phonics Song 2

YouTube - Alphabet Sounds from Sounds Like Fun CD.mpg

YouTube - Apple apple Aaa from Sounds Like Learning CD

YouTube - ABC Song with Cute Ending

YouTube - ABC Song

And two movies.

- YouTube - Letters A-P
- YouTube - Letters Q-Z

Mori no Ki-koto: a movie of the NTT docomo TOUCH WOOD SH-08C

Sun, 17 Apr 2011 00:00:00 +0900

PLAY WOOD (Mori no Ki-koto):

YouTube - Mesmerizing Touch Wood SH-08C ad showcases Japan's beauty and mankind's ingenuity

XYLOPHONE Behind-the-scenes:

YouTube - New mobile phone TOUCH WOOD SH-08C part 2 Making

Ref. TOUCH WOOD SH-08C | NTT docomo (in Japanese)

I added a blog parts FeedWind show my RSS feed

Sun, 17 Apr 2011 00:00:00 +0900

screen shot:

HTML code:


<!-- start feedwind code -->
<script type="text/javascript">
<!--
rssmikle_url="http://www.nilab.info/zlash/";
rssmikle_frame_width="200";
rssmikle_frame_height="500";
rssmikle_target="_top";
rssmikle_font_size="12";
rssmikle_border="off";
rssmikle_css_url="";
rssmikle_title="off";
rssmikle_title_bgcolor="#800080";
rssmikle_title_color="#FFFFFF";
rssmikle_title_bgimage="";
rssmikle_item_bgcolor="#FFFF99";
rssmikle_item_bgimage="";
rssmikle_item_title_length="500";
rssmikle_item_title_color="#666666";
rssmikle_item_border_bottom="on";
rssmikle_item_description="off";
rssmikle_item_description_length="40";
rssmikle_item_description_color="#666666";
rssmikle_item_description_tag="off";
rssmikle_item_podcast="off";
//-->
</script>
<script type="text/javascript" src="http://feed.mikle.com/js/rssmikle.js"></script>
<div style="font-size:10px; text-align:right;">
<a href="http://feed.mikle.com/" target="_blank" style="color:#CCCCCC;">FeedWind</a>
</div>
<!-- end feedwind code -->

Ref. FeedWind: the Free Online Feed Widget

I got Android 3.0 au MOTOROLA XOOM Wi-Fi TBi11M

Fri, 08 Apr 2011 00:00:00 +0900

I bought a MOTOROLA XOOM Wi-Fi TBi11M.
KDDI au began saling today in Japan.

OpenStreetMap Japan 2008 vs 2011 (Japanese Maps)

Fri, 08 Apr 2011 00:00:00 +0900

The OpenStreetMap Japan began at 2008-03-09.

2011: Japanese Map

2008: Japanese Map

2011: Osaka, Nagoya, Tokyo

2008: Osaka, Nagoya, Tokyo

2011: Tokyo Station and Imperial Palace

2008: Tokyo Station and Imperial Palace

2011: Nagoya, Aichi

2008: Nagoya, Aichi

OpenStreetMap is growning.

2011: Nagoya Station

2011: Nagoya Castle

2011: Nagoya city and Kiyosu city

2011: Kita-Nagoya city and Iwakura city

topic:
Yahoo! JAPAN will provide its map data.

Ref.
- OpenStreetMap
- OpenStreetMap Japan

flatten Learning WebGL Lesson 1

Thu, 07 Apr 2011 00:00:00 +0900

I flatted WebGL Lesson 1 – A triangle and a square | Learning WebGL.
Google Chrome could run. -> flatten learning WebGL lesson 1

I am studying WebGL.
"Learning WebGL" is a good teaching material :-)

source codes:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>flatten learning WebGL lesson 1</title>
<!--
glmatrix - High performance matrix and vector operations for WebGL - Google Project Hosting
http://code.google.com/p/glmatrix/
 
vec3 - 3 Dimensional Vector
mat3 - 3x3 Matrix
mat4 - 4x4 Matrix
quat4 - Quaternions
-->
<script type="text/javascript" src="glMatrix.js"></script>
<script id="my-fragment-shader-source" type="x-shader/x-fragment">
  #ifdef GL_ES
  precision highp float;
  #endif
  void main(void){
    gl_FragColor = vec4(1.0, 0.5, 1.0, 1.0); // triangle color, RGB
  }
</script>
<script id="my-vertex-shader-source" type="x-shader/x-vertex">
  // attribute: read only value in shader source
  attribute vec3 myVertexPosition;
  // uniform: read only value in shader source
  uniform mat4 myPerspectiveMatrix;
  uniform mat4 myMoveMatrix;
  void main(void){
    gl_Position = myPerspectiveMatrix * myMoveMatrix * vec4(myVertexPosition, 1.0);
  }
</script>
</head>
<script type="text/javascript">
 
  var gl;
  var myViewportWidth;
  var myViewportHeight;
  var myVertexPositionBuffer;
  var myVertexPositionAttribute;
  var myPerspectiveMatrixUniform;
  var myMoveMatrixUniform;
  var myItemSize;
  var myNumItems;
  var intervalId;
  var x = 0.0;
  var y = 0.0;
  var z = 0.0;
 
  function webGLStart(){
    // get webgl context
    var canvas = document.getElementById("my-canvas");
    try{
      var contentIds = ["webgl", "experimental-webgl", "webkit-3d", "moz-webgl"];
      for(var i=0; i<contentIds.length; i++){
        gl = canvas.getContext(contentIds[i]); // ex. experimental-webgl
        if(gl){
          break;
        }
      }
      myViewportWidth = canvas.width;
      myViewportHeight = canvas.height;
    }catch(e){
      alert(e);
    }
    if(!gl){
      alert("Could not initialize WebGL.");
    }
 
    // initialize fragment shader
    var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);
    gl.shaderSource(fragmentShader, document.getElementById("my-fragment-shader-source").innerText);
    gl.compileShader(fragmentShader);
    if(!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)){
      alert(gl.getShaderInfoLog(fragmentShader));
    }
 
    // initialize vertex shader
    var vertexShader = gl.createShader(gl.VERTEX_SHADER);
    gl.shaderSource(vertexShader, document.getElementById("my-vertex-shader-source").innerText);
    gl.compileShader(vertexShader);
    if(!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)){
      alert(gl.getShaderInfoLog(vertexShader));
    }
 
    // create program
    var shaderProgram = gl.createProgram();
 
    // attach shaders
    gl.attachShader(shaderProgram, fragmentShader);
    gl.attachShader(shaderProgram, vertexShader);
 
    // link frament and vertex shaders
    gl.linkProgram(shaderProgram);
    if(!gl.getProgramParameter(shaderProgram, gl.LINK_STATUS)){
      alert("Could not initialize shaders.");
    }
 
    // use
    gl.useProgram(shaderProgram);
 
    // get values of my-vertex-shader-source
    myVertexPositionAttribute = gl.getAttribLocation(shaderProgram, "myVertexPosition");
    gl.enableVertexAttribArray(myVertexPositionAttribute);
    myPerspectiveMatrixUniform = gl.getUniformLocation(shaderProgram, "myPerspectiveMatrix");
    myMoveMatrixUniform = gl.getUniformLocation(shaderProgram, "myMoveMatrix");
 
    // create buffer
    myVertexPositionBuffer = gl.createBuffer();
    gl.bindBuffer(gl.ARRAY_BUFFER, myVertexPositionBuffer);
    myItemSize = 3; // 3 = x, y, z
    myNumItems = 3; // 3 = top, bottom left, bottom right
    var vertices = [
       0.0,  1.0,  0.0, // top
      -1.0, -1.0,  0.0, // bottom left
       1.0, -1.0,  0.0  // bottom right
    ];
    // Float32Array (old: WebGLFloatArray)
    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.STATIC_DRAW);
 
    // set color and then
    gl.clearColor(0.0, 0.0, 0.5, 1.0); // background color, RGBA
    gl.enable(gl.DEPTH_TEST);
 
    // begin animation :-)
    intervalId = setInterval(animation, 1000);
  }
 
  function animation(){
    x += 0.1;
    y += 0.2;
    z -= 1.0;
    drawScene(x, y, z);
  }
 
  function drawScene(x, y, z){
    try{
      gl.viewport(0, 0, myViewportWidth, myViewportHeight);
      gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
      // vertical field of view 45 degrees
      // 0.1 - 100
      // using mat4 of glmatrix
      var perspectivMatrix = mat4.create();
      var moveMatrix = mat4.create();// using mat4 of glmatrix
      mat4.perspective(45, myViewportWidth / myViewportHeight, 0.1, 100.0, perspectivMatrix);
      mat4.identity(moveMatrix);
      mat4.translate(moveMatrix, [x, y, z]); // ex. [x, y, z] = [-1.5, 0.0, -7.0]
      //gl.bindBuffer(gl.ARRAY_BUFFER, myVertexPositionBuffer);
      gl.vertexAttribPointer(myVertexPositionAttribute, myItemSize, gl.FLOAT, false, 0, 0)
      // matrix to WebGL
      gl.uniformMatrix4fv(myPerspectiveMatrixUniform, false, perspectivMatrix);
      gl.uniformMatrix4fv(myMoveMatrixUniform, false, moveMatrix);
      gl.drawArrays(gl.TRIANGLES, 0, myNumItems);
    }catch(e){
      alert(e);
    }
  }
</script>
 
<body onload="webGLStart();">
<canvas id="my-canvas" width="300" height="300"></canvas>
</body>
</html>

Ref.
- WebGL Lesson 1 – A triangle and a square | Learning WebGL
- flatten learning WebGL lesson 1