node-addon/examples/line-mesh.js

   1  var window= {
   2            x:0,
   3            y:0,
   4            width:1920,
   5            height: 1080,
   6            transparent: false,
   7            name:'line-mesh-app'
   8  };
   9
  10  var viewMode={
  11        'stereoscopic-mode':'mono', // stereo-horizontal, stereo-vertical, stereo-interlaced,
  12        'stereo-base': 65 // Distance in millimeters between left/right cameras typically between (50-70mm)
  13  };
  14
  15  var options= {
  16     'window': window,
  17     'view-mode': viewMode,
  18  }
  19
  20 // desktop
  21 //var dali = require('../build/Release/dali')( options );
  22
  23 // target
  24 var dali = require('dali')( options );
  25
  26 var daliApp = {};
  27
  28 daliApp.createMeshActor = function() {
  29
  30       // Create shader
  31       var vertShader =
  32                "attribute mediump vec2    aPosition1;\
  33                 attribute mediump vec2    aPosition2;\
  34                 uniform   mediump mat4    uMvpMatrix;\
  35                 uniform   mediump vec3    uSize;\
  36                 uniform   mediump float   uMorphAmount;\
  37                 void main()\
  38                 {\
  39                   mediump vec2 morphPosition = mix(aPosition1, aPosition2, uMorphAmount);\
  40                   mediump vec4 vertexPosition = vec4(morphPosition, 0.0, 1.0);\
  41                   vertexPosition.xyz *= uSize;\
  42                   vertexPosition = uMvpMatrix * vertexPosition;\
  43                   gl_Position = vertexPosition;\
  44                 }";
  45
  46       var fragShader =
  47                "uniform lowp  vec4    uColor;\
  48                 uniform sampler2D     sTexture;\
  49                 void main()\
  50                 {\
  51                   gl_FragColor = uColor;\
  52                 }";
  53
  54       var shaderOptions = {
  55               vertexShader : vertShader,
  56               fragmentShader: fragShader
  57           };
  58
  59       var shader = new dali.Shader(shaderOptions);
  60
  61       // Create vertex buffer
  62       var pentagonVertexFormat ={ "aPosition1" : dali.PROPERTY_VECTOR2 };
  63
  64       var pentagonVertexData = [    0,     1,
  65                                 -0.95,  0.31,
  66                                 -0.59, -0.81,
  67                                  0.59, -0.81,
  68                                  0.95,  0.31];
  69
  70       var pentagonVertexDataArray = new Float32Array(pentagonVertexData.length);
  71       pentagonVertexDataArray.set(pentagonVertexData, 0);
  72       var pentagonVertices = new dali.PropertyBuffer(pentagonVertexFormat);
  73       pentagonVertices.setData(pentagonVertexDataArray, 5);
  74
  75       var pentacleVertexFormat ={ "aPosition2" : dali.PROPERTY_VECTOR2};
  76
  77       var pentacleVertexData = [    0,    -1,
  78                                  0.59,  0.81,
  79                                 -0.95, -0.31,
  80                                  0.95, -0.31,
  81                                 -0.59,  0.81];
  82
  83       var pentacleVertexDataArray = new Float32Array(pentacleVertexData.length);
  84       pentacleVertexDataArray.set(pentacleVertexData, 0);
  85       var pentacleVertices = new dali.PropertyBuffer(pentacleVertexFormat);
  86       pentacleVertices.setData(pentacleVertexDataArray, 5);
  87
  88       var indexFormat ={ "indices" : dali.PROPERTY_INTEGER };
  89
  90       var indexData = [0, 1, 1, 2, 2, 3, 3, 4, 4, 0];
  91
  92       var indexDataArray = new Uint32Array(indexData.length);
  93       indexDataArray.set(indexData, 0);
  94       var indices = new dali.PropertyBuffer(indexFormat);
  95       indices.setData(indexDataArray, 10);
  96
  97       // Create geometry
  98       var geometry = new dali.Geometry();
  99       geometry.addVertexBuffer( pentagonVertices );
 100       geometry.addVertexBuffer( pentacleVertices );
 101       geometry.setIndexBuffer( indices );
 102       geometry.setGeometryType( dali.GEOMETRY_LINES );
 103
 104       var renderer = new dali.Renderer(geometry, shader);
 105       renderer.depthIndex = 0;
 106
 107       // Create mesh actor
 108       var meshActor = new dali.Actor();
 109       meshActor.addRenderer( renderer );
 110       meshActor.size = [300, 300, 0];
 111       meshActor.parentOrigin = dali.CENTER;
 112       meshActor.anchorPoint = dali.CENTER;
 113       meshActor.registerAnimatableProperty("uMorphAmount", 0.0);
 114
 115       dali.stage.add( meshActor );
 116
 117       // Animate the mesh actor
 118       var animation = new dali.Animation(5);
 119
 120       var keyFramesIndex = [{progress:0.0, value: 0.0}, {progress:1.0, value:1.0}];
 121       var animOptions = { alpha:dali.ALPHA_FUNCTION_SIN, delay:0, duration:5};
 122
 123       animation.animateBetween( meshActor, "uMorphAmount", keyFramesIndex, animOptions );
 124       animation.setLooping(true);
 125       animation.play();
 126 }
 127
 128 function startup()
 129 {
 130   daliApp.init();
 131 }
 132
 133 daliApp.init = function()
 134 {
 135   daliApp.createMeshActor();
 136 }
 137
 138
 139 startup();
 140