pano2vr教程 | pano2vr从会走到飞跑
有些时候我们需要在场景中做一些标注，标注的可以是场景中的任何物体，比如室内的家具、摆设，室外的楼房、设施，航拍的道路、分区等等。
标注在分类上大致可分为静态指示标注和交互指示标注。
静态指示标注，一般就是在场景中添加指示图片，动态热点图标，或者提示热区。交互指示标注，是指通过按钮提示，点击后，显示标注指示，比如建筑的分区和道路的分类。
静态的指示标注，我们就不深入介绍了，就是场景中添加图片，添加热点和热区的应用。
只不过添加的图片是制作好的指示图片。
热点特指动态热点，静态热点在静态指示标注这里意义不大。
热区就是多边形热点，可以设置“显示当前的”，即鼠标经过后显示区域，热区的颜色可以更换。
下面说一下交互指示标注，也就是下面这个例子。
实现起来比较简单，就是应用的热区（多边形热点），并在此基础上加了对热区的交互操作。
这个动作的作用就是，显示和隐藏热区Poly01。
本篇文章是一篇铺垫文章，让大家真正的了解一下手机屏幕。为摆摊贴膜打好基础，为制作适配手机端的皮肤打好基础。
首先，我们学习几个名词。
屏幕尺寸，这个最好理解，就是手机屏幕的大小，计量的是手机屏幕的对角线，以英寸（in）为单位，1英寸等于2.54厘米。电视机也是一样的。
像素，图像或显示的最小单位（px），就是一个“点”。每个“点”记录颜色信息，很多“点”就能构成一张图了。像素是没有大小这一说法的，它可以压缩至很小，小到我们肉眼看不到，也可拉大到很大，比如一个灯珠那么大。
分辨率，我们从听说到的进行分类，也就两类，一个是屏幕分辨率，一个是图像分辨率。
屏幕分辨率，是指屏幕中的像素点多少，即屏幕能发光的像素点单位。比如iPhone4.7英寸机型，水平750像素点，垂直1334像素点，所以屏幕内有750×1334个像素点。但是通常我们叫法上，习惯称手机屏幕750×1334的分辨率。
图像分辨率，一般默认就是指单位1英寸内像素点数，可以理解1英寸横或纵直线上n个像素点数，也可以理解1×1英寸面积内是n×n像素点数，n就是图像分辨率的值。
常规描述分辨率的的单位是 PPI 或 DPI 。
PPI，Pixels Per Inch，每寸容纳多少个像素。
DPI，Dots Per Inch，每寸容纳多少个点。
这两各单位，在使用上比较混乱，这就怪很多混移动互联行业的编辑们还不如手机贴膜的明白。显像领域使用PPI这个单位是正确的，也就是说手机电脑的显示上描述分辨率应该是PPI，而非DPI，DPI是用在印刷行业里的单位，最早是描述打印机的性能的，可以理解为1英寸打多少个墨点。
所以，我们手机知道了手机尺寸，也知道了屏幕分辨率，就知道了手机的PPI是多少。PPI=像素÷英寸，或者这么表示，PPI=(√宽像素²+高像素²)/屏幕尺寸，4.7英寸的iPhone的PPI是约326PPI。所以我们可以简单地把PPI理解成像素密度，显然PPI值越大，表示密度越大，显示就越细腻。
同样也就弄明白了图片分辨率，我们通常说图片清晰是图片的分辨率高，模糊是分辨率低，这里的分辨率就是指的DPI。比如一张图是由水平7200个像素，垂直7200个像素组成的。上面已经说过了，像素是没有大小的，可压缩到很小，也可以拉大到很大，我们把这张7200×7200像素的图，设为72dpi分辨率，打出来就是100×100英寸，但是如果设成144dpi分辨率，就只能打出来50×50英寸的图，显然，50英寸方的图更清晰，因为分辨率高。
以上我们说了半天的“像素”，都是物理像素。
物理像素：就是硬件的像素，屏幕的发光点，打印的墨点。
与物理像素相对应需要我们了解的是逻辑像素。
逻辑像素，即CSS像素，最开始等于物理像素的，即单位逻辑像素等于单位设备像素，对PC端来说，现在还是成立的。对移动端，随着硬件发展了视网膜屏，物理像素变小了，逻辑像素就不等于物理像素了。
讲到这里，才真正到为制作手机端皮肤铺垫的关键内容。
先贴一个iPhone手机的物理像素与逻辑像素对照表。
| 型号 | iPhone3GS | iPhone4/4s | iPhone5/5s | iPhone678s | iPhone678s Plus |
| 屏幕尺寸（inch） | 3.5 | 3.5 | 4 | 4.7 | 5.5 |
| 像素密度（PPI） | 163 | 326 | 326 | 326 | 401 |
| 物理分辨率（pixel） | 320 × 480 | 640 × 960 | 640 × 1136 | 750 × 1334 | 1242 × 2208 |
| 逻辑分辨率（point） | 320 × 480 | 320 × 480 | 320 × 568 | 375 × 667 | 414 × 736 |
| 缩放因子（scale factor） | 1x | 2x | 2x | 2x | 3x |
逻辑分辨率，就是在web设计中元素的尺寸大小，也就是说，一个网页中的375×667大小的元素，就会铺满4.7寸的iPhone了。
再贴一个Android设备的物理像素与逻辑像素对照表。
| 屏幕类型 | 720p | 1080P | 2k |
| 物理像素 | 720×1280 | 1080×1920 | 1440×2560 |
| 逻辑像素 | 360×640 | 360×640 | 360×640 |
| 缩放因子 | 2× | 3× | 4× |
网页设计中360×640大小的元素，就会铺满Android设备屏幕。
为了制作适配手机端皮肤的铺垫文章就到这里结束，再多的一些概念，那是UI设计需要了解的了。
