?? ??? ??? ?????. ??? ?? ??? ????? ???, ???, ??? ? ???? ?????. ?? ??? ?? ??, Microsoft HoloLens ? Magic Leap? ?? ??? ?? AR? ???? ???? ??????. ? ?? ?? ??? AR ???? ?? ??? ?? ????? ?? ???? ?? ??? ???? ??? ?? ?? ? ????. ???, ??? ???? -

?? ??? JavaScript? ???? ?? ??? ?? ?? ? ??? ????? Google Cardboard? Three.js? JavaScript ? Google Cardboard? ???? VR? ?? ?? ?? ??? itepoint?? itepoint?? Three.js? ??????. ? ????? Awe.js?? JavaScript ?????? ???? ??? ??? ?? ?? ??? ??? ??? ?????. ??? ?? ?? ?? ??? 3D ?? ??? ?? ????. JavaScript HTTP ??? ?? ??? ? ??? ?? ?? ??? ?? ? ? ???? ifttt? ???? Lifx Lightbulb? ??? ????? ??????. ??? ?
• ? ???? ?? ??? ? Google Chrome? ?????. ????? ??? ? Firefox??? ?? ? ? ??? HTC One M9?? ???? ? ?? ???? ????? ???? ?? ?????. ?? ?? ???? ???? (Chrome ? Opera? ? Mac?? ? ?? ?)?? ????? ?? ?????? ??? ?? ?? ??? ????. ?????? ?? ? ? ???? ?? IFTTT ??? HTTP ??? ????? ???? ???? ??? ???? ??? ?? ??? ?????. IFTTT? ?? ???? ??? IFTTT? ???? Lifx ??? IoT? ???? ?? ?? ??? ?? ??? ?? ?????. Maker Channel? ?? ??? ???? ?? IoT ? Node.js? IFTTT? ??? ?? ??????. ?????, ??? ??? ???????. ??? ??? ??? ????? :
  ?? ??? ?? ???? ?? ??? ??? Github?? ?? ??? ? ????. <j> awe.js <j> awe.js? 3.js, ??? ??? ? ?????? ?? ??? ???? ?? ??? ??? ???? JavaScript ????????. Awe.js Github Repo?? ?????? ?? ??? ???? ? ? ????. ??? ? ?? ??? AR ??? ????, ??? ??? Repo?? ?? ?? ?? ???? : <p>. </p> <arar> geo_ar - ??? ?? Compass Points? ?? ? ? ????. <ar> grift_ar - Oculus Rift? ????? <ar ar> leap_ar - ?? ?? ????? ?? <ar> Marker_ar - ?? ?? ??? ??? ??? ?? ? ????. ??? ?? ?? ???? ?? ?? ????. <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173993803013054.png" class="lazy" alt="awe.js??? ????? ?? ??" > <h2> <ed> ??? ?? ?? ?? ?? <code> ??? ?? ??? ??? 300 ? ????? ??? ??? ?? ?? ??? ?????. Demo? Github Repo?? ?? ??? ?????? ??? ??? ??? ?? ??? ??? ?? ????. ?? ?? ??? ?????? ?? ????? ??? ????? ??? ???? ???????. </code></ed> </h2>. <the> ?? ?? ???? ??? ??? ?????. ??? ???? ? ?? ?? AR ??? (????“??”)? ?? ??? ??? ???? ?????. ???? ????. <p> </p> <start> ?? ?? Awe.js ?????? ???? ?????. ????? ?? ?? Window.awe.init () ?? ??? ?????. ??? AR ??? ??? ???? ?????. <h2> <pre class="brush:php;toolbar:false"><span>window.addEventListener('load', function() { </span> <span>var menu_open = false; </span> <span>// Our code continues here </span> <span>});</span>
  device_type - ?? ??? ??? awe.auto_detect_device_type? ???? ??? ???? ????? ?????. ???? ?? ??? ?? ??? ???.
  • ?? - ?? ?? ??? ???? ???? ???? ?? ?? ????. ???? ??? ?????.
  container_id - ??? ?? ??? ???? ?? ? ??? ID. fps - ?? ??? ??? (?? ??) default_camera_position - ??? ? ??? ?? ??? ?? (??? (0,0,0)?? ?????). default_lights - ??? ??? ?? ?? 3.js ??? ??? ???? ??? ID? ???? ?? ??? ??? ?? ? ? ????. ??? ???? ??? ?? 3.js ??? ??? ? ????. ??? ??? ??? ???,? ??? 3.js ?? - '??', '??', '??', '???'? '??'? ?????.
  • • ?? ??? ???? Awe.js? ?????? ??? ? ?? ?????. ?? ?? awe.util.require () ?? ?? ???? ??? ?? JavaScript ??????? ?? ??? ???? ??? ?????. ?? GitHub ??? ??? ??? ???? ??? ?????? AR ?? ?? ?????? ???? ??? ??? ??? ???? ?? ? ??????. ?? ??, ??? ??? ???? ??? ????? '???'??? ????????. ???? ???? ??????? ???? ????. ???? ???? ??? ????? ???? ?????.
    • ?? ? ??? awe.js-lib/awe-standard dependencies.js, lib/awe-standard.js ? lib/awe-standard-window_resized.js? ?? ?? ??? ?????. awe.js ? ?? ? ?? ????? ?? ?? ? ??. ??? ??? ??? ?????. ?? ??? ??? ?? ? ??? ?????.
    ?? ??? ??????? ? ??? Aptly Notion () awe.js ??? ?????. ?? ??? ??? ? ?? ???? ? ?? ??? awe.js ??? ?????.
    awe.js? ?? ??? "?? ??"(POI) ?? ????. ??? ??? ??? ?? ? ? ??? ??? ?? ??? ??? ?? ?????. ??? ?? ???? ??? awe.js ??? pois? ??? ? ????. ??? ?? ?? ??? ??? ?? ?? ? ?? POI? ????. POI? ???? awe.js ??? awe.pois.add (). '??'? ID? ???? ?? ?? POI? ?? ?? ??? ?? ?????? ? ??? ?? ?? ? ????. ??? ?? ??? (0,0,10000)? ???? ??? ??? ? ??? ?? ??? ????. ??? ?? ??? ?? ? ??? ??? ??? ??????.
    ??? POI? ???? ??? awe.js ??? "??"??????. ??? 'Wormhole'??? ??? ??? ?? ? ? ?? ??? ?? ??? ???? ???? ??? ?? ? ????? ?????. POI? ID? ?????, ??? ?? ??? ???? ? POI? ID? ????? ??? ??? ? ????. ?? awe.projections.add ().

    <span>window.addEventListener('load', function() {
    </span>    <span>var menu_open = false;
    </span>    
        <span>// Our code continues here
    </span>  <span>});</span>

    ???? ?? ? ??? ??? ?? ? ?? ??? ???? ??? ???????. ?????? - ?? ? ????? ?? x, y ? z ?? POI? ??? ????. ? poi? id? ?? {poi_id : 'Marker'}? ?????.

    ????? - ??? ????? 3.js ????? ??? ?????. ? ??? ?????? ??? ??? Awe.js? ??? ??? ?????. ?? ??, 3.js? spleygegeometry? awe.js? {shape : 'sphere', radius : 10}?? ?????. ?? ?? ??? Awe.js ???? BoxGeometry? ??? CubeGeometry? ???? ????. ??? ??? ???? {shape : 'cube', x : 20, y : 30, z : 5} ??? ????? (???? ????“??”? ??? ????). ?? - POI? ???? ??? X, Y ? Z ?? ??? ? ????. ?? - POI? ???? x, y ? z ??? ??? ???? ? ????. ?? X ??? ?? ?? 90? ???? ???? ???? z ??? 45?? ?? ? ????? ??? ? (?? ??? ??? ????? ???? ????? ??? ? ???? ????).

    ?? - ??? ????? 3.js ??? ?????. ?? 'Phong'(3.js? MeshphongMaterial)? ???? ?? ????? 'Lambert', 'Shader', 'Sprite'? 'sprite_canvas'? ???? ??? ? ????. ??? ?? ? ??? 16 ?? ?? ? ? ???? ??? - ??? ??? ???? ???? ??? ???? ?? ???? ?????. ???? ????? ???? ???? ? ????.

    <span>window.awe.init({
    </span>    <span>device_type: awe.AUTO_DETECT_DEVICE_TYPE,
    </span>    <span>settings: {
    </span>      <span>container_id: 'container',
    </span>      <span>fps: 30,
    </span>      <span>default_camera_position: { x:0, y:0, z:0 },
    </span>      <span>default_lights: [{
    </span>        <span>id: 'point_light',
    </span>        <span>type: 'point',
    </span>        <span>color: 0xFFFFFF
    </span>      <span>}]
    </span>    <span>},</span>

    ????, ?? 7 ?? ?? ??/??? ??? ????, ??? 30 ?? ???? y ?? 31 ??? ???? ?? ??? ?? ??? ????. ??? ?? ?? ?? ?????. ?? X? Z ??? ?? ??? ???? ?? ?? ????? ??? ??? -5? ?????? 0?? ? ???? ????. y ??? 45? ???? ?? ?? ?? ??? ????????. .

    ?? ???? 'ar_button_ {number}'? ID? ????. ??? ??? ?? ??? ??????. ? ID? IFTTT? ?? HTTP ??? ????? ???? ???? ???? ?? ?????!

    ??? ?? ? ?, ??? AR ??? ?? ??? ?? ? ?? ?? ???? ?????. ??? ??? function awe.events.add ()? ?? ? ??? ?????.

    <span>window.addEventListener('load', function() {
    </span>    <span>var menu_open = false;
    </span>    
        <span>// Our code continues here
    </span>  <span>});</span>

    ??? ??? awe.js ??? ? ????? ???? ?? ???? ????. ???? ??? ???? ?? ??? ID? ?????. ?? ??? 'ar_tracking_marker'?? ?????. ??? ?? ? ??? ??? ??? ?????. ??? ?? awe.js ???? ???? repo?? ???? ???? PC? Android ??? ?? 1?? ?? ?????.

    ?? ?? ??????? ??? ???? ???? ???? ?? register () ? unregister () ??? ????.

    ?? ?? ??? ???? ???? ??? ???? ?????. ???“64”??? ?? ??? ?? ?? ?? ? ?????.
    ??? ?? ?? ?? ?? ???, ??? '??'?? ??? POI? ??? ?? ??? ???? ? ??? ??? ??? ??? ????. ???? ???? ??? ??? ?? ?????.

    <span>window.awe.init({
    </span>    <span>device_type: awe.AUTO_DETECT_DEVICE_TYPE,
    </span>    <span>settings: {
    </span>      <span>container_id: 'container',
    </span>      <span>fps: 30,
    </span>      <span>default_camera_position: { x:0, y:0, z:0 },
    </span>      <span>default_lights: [{
    </span>        <span>id: 'point_light',
    </span>        <span>type: 'point',
    </span>        <span>color: 0xFFFFFF
    </span>      <span>}]
    </span>    <span>},</span>

    ??? ?? ??? '??'??? ??? ??????

    ??? ???? ??? ??? ?? ??? ?? ??? ????? ??? ? ???. ?? ?? ?? ??? ?? ?? ??? ??? ????? ? ??? ????. ??? ??? ???? ?? ?? ??? ??? ??? ?? ????!

    <span>ready: function() {
    </span>    awe<span>.util.require([
    </span>      <span>{
    </span>        <span>capabilities: ['gum','webgl'],</span>

    ????? ??? ?? ?? ??? ?? POI? ??? ????.

    ??? Awe.js?? ??? ??????? ???? ??????

    ??? ??? ?? ??? ??? ??? ?? ??????. ? ?? ?? Object_clicked ??? ?? ????

    <span>files: [ 
    </span>    <span>['lib/awe-standard-dependencies.js', 'lib/awe-standard.js'],
    </span>    <span>'lib/awe-standard-window_resized.js',
    </span>    <span>'lib/awe-standard-object_clicked.js',
    </span>    <span>'lib/awe-jsartoolkit-dependencies.js',
    </span>    <span>'lib/awe.marker_ar.js'
    </span>  <span>],</span>

    ??? ?? ????? e.detail.proeject_id ??? ?? ? ????? ID? ???? ????. ??? ?? ???? ??? ???? ??? ?????. ??? ???? ?? ??? ??? ??? ?? ?? ??? ???? ?? ??? ??????. ? ??? ??? ?? ??? ????? ??? ?? ?????.

    <span>window.addEventListener('load', function() {
    </span>    <span>var menu_open = false;
    </span>    
        <span>// Our code continues here
    </span>  <span>});</span>

    ??? ?? ? ?? ??? ???? menu_open? true?? false?? ??? ?? ??? ?? ????. False ? ?? awe.js awe.projections.update () ??? ???? 1 ? ?? y ?? ? ??? ????????. ??? ?? ???? ??? ?????. ? ????? ???? ??? ???? ? ??? Y ?? ?? ??? ?? ???? ????.

    ??? ??? ??? ?? ??? ?? ??? ?? ??? ?? ???? View?? ??? ????.

    IF IF IF DOSE ? ?, ??? MEN._OPEN? ??? ???? ???? ?????. ??? ??? ??? ??? ??? ?????.

    <span>window.awe.init({
    </span>    <span>device_type: awe.AUTO_DETECT_DEVICE_TYPE,
    </span>    <span>settings: {
    </span>      <span>container_id: 'container',
    </span>      <span>fps: 30,
    </span>      <span>default_camera_position: { x:0, y:0, z:0 },
    </span>      <span>default_lights: [{
    </span>        <span>id: 'point_light',
    </span>        <span>type: 'point',
    </span>        <span>color: 0xFFFFFF
    </span>      <span>}]
    </span>    <span>},</span>

    ?? ?? ??? ??? ??? ??? ID? ??? ???? ???? IFTTT ???? ??????? ?? ???? IFTTT? HTTP ??????. ??? ??? ?? ?? ???? ???? ?? ??? ???? ??? ?????? ?? ??? HTTP ??? ???? IFTTT?? ?????.

    .

    ? ?? ??, ? ??? ??? ?? awe.js????? ??? ?? ???? ???? ?????? ?? ????? ????.

    <span>ready: function() {
    </span>    awe<span>.util.require([
    </span>      <span>{
    </span>        <span>capabilities: ['gum','webgl'],</span>

    https ?? ??? ???? 2015 ? ? -? ??? ???? ??? ??? ???? ??? ??? ???? ????. Chrome? ???? ???? ? ???? HTTPS?? ???????. ???? ??? ???? ?? HTTPS? ?? ???? ???? ??? ??????. ???? ???? ??? ?? ? ??? NGROK??, ?? LocalHost? HTTPS ??? ?? ? ? ????. ??? Sitepoint? ?? ???? LocalHost? ??? ? ??? ???? ????. ??? ?? ??? ??? ?? ??? ??? ???? ??? ???? ??? ???????.
    ??? ???? ?? ??? ??? ???? ??????????.

    <span>files: [ 
    </span>    <span>['lib/awe-standard-dependencies.js', 'lib/awe-standard.js'],
    </span>    <span>'lib/awe-standard-window_resized.js',
    </span>    <span>'lib/awe-standard-object_clicked.js',
    </span>    <span>'lib/awe-jsartoolkit-dependencies.js',
    </span>    <span>'lib/awe.marker_ar.js'
    </span>  <span>],</span>

    ?? ?? ? ??? ????…

    Lifx ??? ??? ???????!

    ?? ??? awe.js? ???? ?????? ?? ??? ???? ?? ??? ? ?? ????. ?? ?? ??? ?? ????? ??? ??? ?? ???? ??? ????! Awe.js ?? ???? ????? ???? ??? ? ??? ? ??? ?? ??? ??????! Google Cardboard? ?????? 3.JS ?? ??? ???? AWE.JS? ?? ??? ???? AR ??? ??? ?? ? ?? ????. ?? ??? ??? ??? ?? ?? ?? ???? ?? ???? ? ??? ?? ?? ??? ??????! ? ??? ???? AR ??? ????? ? ???? ??? ??? ???? ??? (@ThatPatrickGuy)?? ?? ??? ??? ???? ????! awe.js ??? ?????? ?? ??? ?? ?? ?? ?? awe.js? ??? ?? ???? AR.JS? ??? ????

    awe.js? ar.js? ?????? ?? ?? ??? ??? ??? ?????. ??? ??? ?? ?? ???? ????. Awe.js? ?? ? AR ??? ????? ???? ??? ?????? ??? ? ??? ?????. GPS, ??? ? ??? ??? ??? ??? ?? ?? ??? ???? 3D ??? ?????. ??? AR.JS? ?? ?? ??? ? ????? ??? ??? ? ????? ?????. ?????? ????? ? ??? awe.js. Awe.js? ???? AR ? ?? ??? ? ????. Awe.js? ?? ?????? ?????? ?????? ?? AR ??? ?? ? ??? JavaScript ????????. ??? ? ?? AR ?? ????? ????? ?? ?????. ?? ???? ??? 2D ?????? ??? 3D ??? ????? ???? AR ??? ?? ? ????.
    Awe.js? ????? ?????????
    ???? ??????. JS, ?? ?? Github ????? ?????? ?????????. ? ??? ??? JavaScript ??? ???? AR ??? ?? ? ????. awe.js? ?? ??, ??? ?? ? ??? ?? ?? ??? ???? AR ??? ???? ??? ??? ??? ??? API ? ??? ?????. awe.js? ???? ?? ? ??? ??????? ?? ?? ??????
    awe.js? ???? AR ??????? ???? ? ??? ??? ??? ?????. ?? ??,?? ???? AR ?? ??? ?? ?? ? ????. ??? ???? ?? ?? ???? ??? ???? ?? ??? ?? ? ????. ?? ???? ?? ??? ?? ??? ?? ??? ??? AR ??? ??? ? ??? ?? ????. ?? ??? ?? ?????? AR ?? ?, AR ?? ? ?? ????.

    ? ?? ????? ?? ????

    awe.js? ?? ????? ????? ???????. ???. ??? WebGL ? WebRTC? ?? ?? ? ??? ???? ??? ??? ??? ???? ?? ?? ??????? ???? ?? ? ????. ??? ??? ???? Chrome, Firefox ?? Safari? ?? ????? ?? ????? ?? Awe.js? ???? ?? ????.

    ?? JavaScript ????? ?? ??? ??? ?? awe.js? ??? ? ?????

    ?, ?? JavaScript ????? ?? ??? ??? ?? Awe.js? ??? ? ????. Awe.js? ???? ?? ??? ??????? ?? JavaScript ????? ?? ?? ? ? ????. ??? Awe.js? ?? ??? ?? ????? ? ??? ??? ???? ?? ? ???? ??? ??? ????? ?? ?? ?? ?????.

    awe.js? ??? ??? ??? ??? ??????

    awe.js? ????? ?? ??? ?? ??? ? ?? ???? ????. Awe.js? ?? Github ????? ?????? ?? ??? ??? ??? ? ??? ???? ????. Github? ?? ???? ???? ?? ??? ?? ??? ????? ??? ?? ????. ??? ???? ?? ? ??? ?? ???? ?? ?? ??? ??? ????? ?? ??? ??? ? ????.

    ? awe.js ?? ?????? ?? ?? ????. ?, ???? ??? ???? ? ??? ???? ??, ?? ? ?? ? ? ????. awe.js? ?? ??? Github?? ??? ? ???? ?? ???? ????? ??? ??? ????? ??? ??? ???? ????? ??? ?? ????. .js?

    ?? ?? ???? ? Awe.js? ?? ??? ? ??? ?????? ?????. Awe.js? ?? ??? ??? ?? ????? Github ??? ?? ?? ??? ??? ?????? ??? ??? ? ????. Awe.js. awe.js ????? ??? ??? ? ?????
    Awe.js ????? ???? ???? ?? ??? ????. ??? ? ?? ?? ???? ????? ??? ??? ????? ??? ???? ??? ? ????. ???? ?? ?? ??? ????? ????? ????? Awe.js? ?? ??? ???? ? ??? ??? ? ????. ?? ??? ??? ???? Awe.js? ?? ???? ? ?? ??? ??? ? ??????.