justbilt.github.io/index.html at master · justbilt/justbilt.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta name="generator" content="Hexo 3.8.0">
    <meta charset="UTF-8">


    <title>Justbilt</title>
    <meta name="author" content="justbilt">
    <meta name="version" content="1.0.0">
    <meta name="keywords" content="">
    <meta name="description" content="A game developer">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">


    <link rel="alternate" href="/atom.xml" title="Justbilt" type="application/atom+xml">


    <link rel="icon" href="/favicon/favicon.png">


    <link rel="stylesheet" href="/css/style.css">
</head>
<body>

    <main class="app">
        <header class="header clearfix">
    <div id="nav" class="nav">
    <div class="nav-mobile">
        <button id="open-panel" class="open-panel nav-mobile-item"><i class="icon-documents"></i></button>
        <h1 class="nav-mobile-title nav-mobile-item">Justbilt</h1>
        <button id="open-menus" class="open-panel nav-mobile-item"><i class="icon-library"></i></button>
    </div>

    <nav id="nav-inner" class="nav-inner">

            <a class="nav-item active" href="/">
                <span class="nav-text">首页</span>
            </a>

            <a class="nav-item" href="/tags/Cocos2d-x/">
                <span class="nav-text">Cocos</span>
            </a>

            <a class="nav-item" href="/tags/年结/">
                <span class="nav-text">年结</span>
            </a>

            <a class="nav-item" href="/tags">
                <span class="nav-text">标签</span>
            </a>

            <a class="nav-item" href="/archives">
                <span class="nav-text">归档</span>
            </a>

            <a class="nav-item" href="/atom.xml">
                <span class="nav-text">订阅</span>
            </a>

            <a class="nav-item" href="/about">
                <span class="nav-text">关于</span>
            </a>

    </nav>
</div>

    <aside id="aside" class="aside">
    <div id="aside-mask" class="aside-mask"></div>
    <div id="aside-inner" class="aside-inner">
        <form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form"><input type="search" name="q" class="search-form-input" placeholder="Search"><button type="submit" class="search-form-submit"><i class="icon-search-stroke"></i></button><input type="hidden" name="sitesearch" value="http://blog.justbilt.com"></form>


        <div class="author-meta">

            <div class="author-avatar">
                <a href="/">
                    <img src="/favicon/slogon.gif" title="Justbilt">
                </a>
            </div>

            <div class="author-name">Justbilt</div>
            <div class="author-work">A Game Developer</div>
            <div class="author-location">
                <i class="icon-location vm"></i>
                <span class="vm">Beijing, China</span>
            </div>

            <div class="author-thread-wrap">
                <div class="author-threads clearfix">

                        <a class="thread-item" href="https://github.com/justbilt" target="_blank" rel="noopener">
                            <!-- Generated by IcoMoon.io -->
<svg viewbox="0 0 1024 1024" width="38" height="38" fill="currentColor">
<path d="M512 32.12c-265.004 0-479.88 220.23-479.88 492.090 0 217.446 137.536 401.684 328.202 466.81 23.994 4.498 32.778-10.712 32.778-23.78 0-11.782-0.428-42.632-0.642-83.764-133.466 29.778-161.744-65.984-161.744-65.984-21.852-56.772-53.344-71.982-53.344-71.982-43.49-30.636 3.214-29.992 3.214-29.992 48.202 3.428 73.482 50.772 73.482 50.772 42.846 75.196 112.258 53.558 139.68 40.918 4.284-31.706 16.71-53.558 30.42-65.77-106.474-12.426-218.516-54.63-218.516-243.152 0-53.772 18.638-97.69 49.274-131.966-4.928-12.426-21.424-62.556 4.714-130.252 0 0 40.276-13.282 131.966 50.344 38.348-10.926 79.266-16.282 120.184-16.496 40.704 0.214 81.836 5.57 120.184 16.496 91.692-63.626 131.752-50.344 131.752-50.344 26.136 67.698 9.64 117.828 4.714 130.252 30.636 34.492 49.274 78.408 49.274 131.966 0 188.952-112.258 230.514-219.16 242.724 17.138 15.21 32.564 45.202 32.564 91.048 0 65.77-0.642 118.898-0.642 134.966 0 13.068 8.57 28.492 32.992 23.566 191.094-64.912 328.418-249.152 328.418-466.382 0-271.86-214.874-492.090-479.88-492.090z"/>
</svg>

                        </a>

                </div>
            </div>

        </div>

    </div>
</aside>

</header>

        <div id="content" class="content">
    <article class="article" itemscope="" itemprop="blogPost">

    <header class="article-header">

        <h1 itemprop="name">
            <a href="/2018/09/02/creator-simple-hotupdate/">Creator 简易热更新</a>
        </h1>

        <div class="article-meta clearfix">
            <a class="article-date" href="http://blog.justbilt.com/index.html">

    <i class="icon-calendar"></i>

    <time datetime="2018-09-02T03:56:43.000Z" itemprop="datePublished">2018-09-02</time>
</a>


<div class="article-tag-list">
    <i class="icon-tag"></i>
    <a class="article-tag-link" href="/tags/CocosCreaor/">CocosCreaor</a>, <a class="article-tag-link" href="/tags/Hotupdate/">Hotupdate</a>
</div>


        </div>
    </header>

    <section class="article-body markdown-body">

        <h1 id="一-官方提供的-AssetsManager"><a href="#一-官方提供的-AssetsManager" class="headerlink" title="一. 官方提供的 AssetsManager"></a>一. 官方提供的 AssetsManager</h1><p>Cocos 官方提供了一套基于 AssetsManager 的热更新方案, 这套方案大致是这样的:</p>
<ol>
<li>每次构建时配合 <a href="https://github.com/cocos-creator/tutorial-hot-update/blob/master/version_generator.js" target="_blank" rel="noopener">version_generator.js</a> 生成清单文件: project.manifest 和 version.manifest</li>
<li>将最新构建好的 <code>代码/资源/清单文件</code> 放到服务器上</li>
<li>启动游戏时使用 AssetsManager 检查更新, 对比差异, 下载更新, 重启游戏</li>
</ol>

        <p class="article-more-link">
            <a href="/2018/09/02/creator-simple-hotupdate/#more">
                <span class="vm">阅读更多</span>
                <i class="icon-arrow-double-right vm"></i>
            </a>
        </p>


    </section>
</article>


    <article class="article" itemscope="" itemprop="blogPost">

    <header class="article-header">

        <h1 itemprop="name">
            <a href="/2018/07/07/protection-pvr-for-untp/">为 untp 添加解密受保护 PVR 功能</a>
        </h1>

        <div class="article-meta clearfix">
            <a class="article-date" href="http://blog.justbilt.com/index.html">

    <i class="icon-calendar"></i>

    <time datetime="2018-07-07T14:03:50.000Z" itemprop="datePublished">2018-07-07</time>
</a>


<div class="article-tag-list">
    <i class="icon-tag"></i>
    <a class="article-tag-link" href="/tags/untp/">untp</a>
</div>


        </div>
    </header>

    <section class="article-body markdown-body">

        <p>前些日志, 有 G友 为 untp 添加了这么一条 <a href="https://github.com/justbilt/untp/issues/16" target="_blank" rel="noopener">issue</a>:</p>
<p><img src="/img/2018-07-07-01.png" alt=""></p>
<p>还是比较有意思的, 早就知道 TexturePacker 提供了加密资源的功能, 但还没有实际使用过, 何不借此机会研究一下 ?</p>

        <p class="article-more-link">
            <a href="/2018/07/07/protection-pvr-for-untp/#more">
                <span class="vm">阅读更多</span>
                <i class="icon-arrow-double-right vm"></i>
            </a>
        </p>


    </section>
</article>


    <article class="article" itemscope="" itemprop="blogPost">

    <header class="article-header">

        <h1 itemprop="name">
            <a href="/2018/03/04/my-2017/">共同进步的 2017</a>
        </h1>

        <div class="article-meta clearfix">
            <a class="article-date" href="http://blog.justbilt.com/index.html">

    <i class="icon-calendar"></i>

    <time datetime="2018-03-04T12:00:10.000Z" itemprop="datePublished">2018-03-04</time>
</a>


<div class="article-tag-list">
    <i class="icon-tag"></i>
    <a class="article-tag-link" href="/tags/年结/">年结</a>
</div>


        </div>
    </header>

    <section class="article-body markdown-body">

        <p>以往的年结大家感兴趣的话可以看这里: <a href="/tags/年结/">我的年结</a>, 这篇是第五篇了. 今年的年结比去年晚了一些, 客观原因有很多, 但其实还是自己比较懒.</p>
<p>这一年发生了很多事情, 工作上变化是重心慢慢的向团队管理方向偏移, 具体业务逻辑不再过多深度参与. 这个转化怎么说呢, 还是挺愉快的, 一个人的精力是有限的, 再努力也只能涉及几个模块. 抛开这些则能从更宏观的角度去看待整个项目, 能观察到整个团队的缺陷, 更好的服务于团队.</p>
<p>但是过于远离业务逻辑, 如果没有强有力的框架做约束的话, 业务逻辑很容易变质, 而你可能得过很久才能发现, 这时这些变质的代码可能已经腐蚀了很多模块, 修改起来很麻烦.</p>
<p>所以如何权衡这两点就是我接下来所要努力的地方, 下面我还是按照以往的套路来总结下过去的这一年的收获.</p>

        <p class="article-more-link">
            <a href="/2018/03/04/my-2017/#more">
                <span class="vm">阅读更多</span>
                <i class="icon-arrow-double-right vm"></i>
            </a>
        </p>


    </section>
</article>


    <article class="article" itemscope="" itemprop="blogPost">

    <header class="article-header">

        <h1 itemprop="name">
            <a href="/2018/02/03/creator-tips/">最近使用 CocosCreaor 遇到的问题及解决方案</a>
        </h1>

        <div class="article-meta clearfix">
            <a class="article-date" href="http://blog.justbilt.com/index.html">

    <i class="icon-calendar"></i>

    <time datetime="2018-02-03T03:01:23.000Z" itemprop="datePublished">2018-02-03</time>
</a>


<div class="article-tag-list">
    <i class="icon-tag"></i>
    <a class="article-tag-link" href="/tags/CocosCreaor/">CocosCreaor</a>
</div>


        </div>
    </header>

    <section class="article-body markdown-body">

        <p>最近两个月, 我们一直在用 CocosCreator 做一个休闲游戏, 在享受 Creator 高效的过程中我们也遇到了这样那样的问题. 有些问题是我们的用法不正确, 有些则是引擎和编辑器的 bug, 好在这些问题基本上都解决了. </p>
<p>今天我和大家分享下我们团队在使用 CocosCreaor 遇到的问题及解决方案.</p>

        <p class="article-more-link">
            <a href="/2018/02/03/creator-tips/#more">
                <span class="vm">阅读更多</span>
                <i class="icon-arrow-double-right vm"></i>
            </a>
        </p>


    </section>
</article>


    <article class="article" itemscope="" itemprop="blogPost">

    <header class="article-header">

        <h1 itemprop="name">
            <a href="/2017/12/24/serialize-typescript-in-pyhton/">将 python 数据转化为 TypeScript 格式</a>
        </h1>

        <div class="article-meta clearfix">
            <a class="article-date" href="http://blog.justbilt.com/index.html">

    <i class="icon-calendar"></i>

    <time datetime="2017-12-24T13:33:03.000Z" itemprop="datePublished">2017-12-24</time>
</a>


        </div>
    </header>

    <section class="article-body markdown-body">

        <p>前段时间写过这篇文章<a href="/2017/09/03/serialize-lua-in-pyhton/">将 python 数据转化为 lua 格式</a>, 这段时间因为新项目改用 <code>Creator + TypeScript</code> 的原因, 需要导出 ts 格式的数据.</p>
<p>当然我们可以选择使用 json/yaml 等格式作为数据文件, 这会简单很多, 但是有两个原因, 使得我们一致认为 ts 格式的数据是更好的选择:</p>
<ol>
<li>访问数据时 VSCode 会根据数据内容给出提示</li>
<li>打包时会被编译加密, 省去自己加密数据文件的工作</li>
</ol>

        <p class="article-more-link">
            <a href="/2017/12/24/serialize-typescript-in-pyhton/#more">
                <span class="vm">阅读更多</span>
                <i class="icon-arrow-double-right vm"></i>
            </a>
        </p>


    </section>
</article>


    <article class="article" itemscope="" itemprop="blogPost">

    <header class="article-header">

        <h1 itemprop="name">
            <a href="/2017/12/17/python-ccbwriter/">用 python 撸一个 ccbwriter</a>
        </h1>

        <div class="article-meta clearfix">
            <a class="article-date" href="http://blog.justbilt.com/index.html">

    <i class="icon-calendar"></i>

    <time datetime="2017-12-17T04:50:25.000Z" itemprop="datePublished">2017-12-17</time>
</a>


<div class="article-tag-list">
    <i class="icon-tag"></i>
    <a class="article-tag-link" href="/tags/CocosBuilder/">CocosBuilder</a>, <a class="article-tag-link" href="/tags/Python/">Python</a>
</div>


        </div>
    </header>

    <section class="article-body markdown-body">

        <p>之前可能和大家说过我们项目的 UI 编辑器是上古神器 <a href="https://github.com/cocos2d/CocosBuilder" target="_blank" rel="noopener">CocosBuilder</a>, 这个编辑器诞生在那个 cocos2d-x 还需手写 ui 代码的年代, 是 cocos 发展史上一个重要转折点. 它标志着触屏手机游戏行业 ui 不再像之前那样只是简单的串联的作用, 而是像端游那样重交互, 可视化编辑的路线.</p>

        <p class="article-more-link">
            <a href="/2017/12/17/python-ccbwriter/#more">
                <span class="vm">阅读更多</span>
                <i class="icon-arrow-double-right vm"></i>
            </a>
        </p>


    </section>
</article>


    <article class="article" itemscope="" itemprop="blogPost">

    <header class="article-header">

        <h1 itemprop="name">
            <a href="/2017/12/10/creator-add-package/">如何为 Creator 添加 js/ts 第三方库支持</a>
        </h1>

        <div class="article-meta clearfix">
            <a class="article-date" href="http://blog.justbilt.com/index.html">

    <i class="icon-calendar"></i>

    <time datetime="2017-12-10T11:57:39.000Z" itemprop="datePublished">2017-12-10</time>
</a>


<div class="article-tag-list">
    <i class="icon-tag"></i>
    <a class="article-tag-link" href="/tags/CocosCreaor/">CocosCreaor</a>
</div>


        </div>
    </header>

    <section class="article-body markdown-body">

        <p>正如知乎<a href="https://www.zhihu.com/question/66819338/answer/259901965" target="_blank" rel="noopener">我的这个回答</a>中所说, 我们开始使用 Cocos Creaor 开发新的项目, 所以以后这个博客会陆续开始更新一些 Creator 相关的文章.</p>
<p>我们在项目开发的过程中, 肯定会遇到一些项目间通用的需求, 比如 <code>压缩/加密</code> 之类的, 我们当然可以自己实现一个, 但更好的做法是找找网上有没有别人实现好的库直接拿来用, 今天我们就来看看如何为 Creator 添加添加 js/ts 第三方库支持.</p>

        <p class="article-more-link">
            <a href="/2017/12/10/creator-add-package/#more">
                <span class="vm">阅读更多</span>
                <i class="icon-arrow-double-right vm"></i>
            </a>
        </p>


    </section>
</article>


    <article class="article" itemscope="" itemprop="blogPost">

    <header class="article-header">

        <h1 itemprop="name">
            <a href="/2017/12/02/xcode9-package-tools/">iOS 打包工具在 XCode9 下的改动</a>
        </h1>

        <div class="article-meta clearfix">
            <a class="article-date" href="http://blog.justbilt.com/index.html">

    <i class="icon-calendar"></i>

    <time datetime="2017-12-02T05:26:04.000Z" itemprop="datePublished">2017-12-02</time>
</a>


        </div>
    </header>

    <section class="article-body markdown-body">

        <p>相信大家都会用到 iOS 的自动打包工具, 而不是每次都是通过 XCode 的 Archive 后手动导出的, 那样效率低下不说还增加出错的可能.</p>
<p>我们团队也是如此, 用 Python 搞了一套打包工具, 这套工具的核心是 XCode 附带的命令行工具 <code>xcodebuild</code>, 网上其他开源的打包工具也都大同小异. 这套工具自诞生以来一直运行的很稳定, 累计为我们打了数百个包, 为团队节省的时间估计也在数千分钟了.</p>

        <p class="article-more-link">
            <a href="/2017/12/02/xcode9-package-tools/#more">
                <span class="vm">阅读更多</span>
                <i class="icon-arrow-double-right vm"></i>
            </a>
        </p>


    </section>
</article>


    <article class="article" itemscope="" itemprop="blogPost">

    <header class="article-header">

        <h1 itemprop="name">
            <a href="/2017/11/19/upgrad-spine-runtime-2/">更新 spine 的 cocos2d-x runtimes (二)</a>
        </h1>

        <div class="article-meta clearfix">
            <a class="article-date" href="http://blog.justbilt.com/index.html">

    <i class="icon-calendar"></i>

    <time datetime="2017-11-19T08:10:54.000Z" itemprop="datePublished">2017-11-19</time>
</a>


<div class="article-tag-list">
    <i class="icon-tag"></i>
    <a class="article-tag-link" href="/tags/cocos2d-x/">cocos2d-x</a>, <a class="article-tag-link" href="/tags/spine/">spine</a>
</div>


        </div>
    </header>

    <section class="article-body markdown-body">

        <p>前段时间一个朋友向我咨询播放 spine 动画时遇到的问题:</p>
<p><img src="https://ws3.sinaimg.cn/large/006tNc79ly1flngumf7luj30ht04mq41.jpg" alt=""></p>
<p>这个问题我们在很久之前也遇到过, 当时是另个一小伙伴负责的. 当时猜测可能是 <code>spine runtimes</code> 需要升级, 但是升级时遇到了技术问题, 恰好项目比较紧, 便让美术同学重新用老版的 Spine 编辑器重新做了一遍.</p>

        <p class="article-more-link">
            <a href="/2017/11/19/upgrad-spine-runtime-2/#more">
                <span class="vm">阅读更多</span>
                <i class="icon-arrow-double-right vm"></i>
            </a>
        </p>


    </section>
</article>


    <article class="article" itemscope="" itemprop="blogPost">

    <header class="article-header">

        <h1 itemprop="name">
            <a href="/2017/11/17/quick-x-mi-mix-support/">Quick-cocos2d-x 小米 Mix 全面屏适配</a>
        </h1>

        <div class="article-meta clearfix">
            <a class="article-date" href="http://blog.justbilt.com/index.html">

    <i class="icon-calendar"></i>

    <time datetime="2017-11-17T03:58:46.000Z" itemprop="datePublished">2017-11-17</time>
</a>


<div class="article-tag-list">
    <i class="icon-tag"></i>
    <a class="article-tag-link" href="/tags/Android/">Android</a>, <a class="article-tag-link" href="/tags/Quick-Cocos2d-x/">Quick-Cocos2d-x</a>
</div>


        </div>
    </header>

    <section class="article-body markdown-body">

        <p>有玩家反馈我们的游戏在 Mix 上面无法全屏显示, 上下会有黑边. 搜索了下, 网上还没有绍如何适配的相关文章, 这里介绍下我们是如何做的.</p>
<p>我们可以在看看小米官方<a href="https://dev.mi.com/doc/p=10083/index.html" target="_blank" rel="noopener">对全面屏适配工作的介绍</a>:</p>
<blockquote>
<p>这些变化也影响了手机软件的设计，最值得开发者关注的，是以下两点：</p>
<ol>
<li>更大的屏幕高宽比</li>
<li>虚拟导航键</li>
</ol>
</blockquote>

        <p class="article-more-link">
            <a href="/2017/11/17/quick-x-mi-mix-support/#more">
                <span class="vm">阅读更多</span>
                <i class="icon-arrow-double-right vm"></i>
            </a>
        </p>


    </section>
</article>


<nav class="page-nav">
    <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><span class="space">&hellip;</span><a class="page-number" href="/page/9/">9</a><a class="extend next" rel="next" href="/page/2/">下一页 &raquo;</a>
</nav>


</div>
        <footer class="footer">
    Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>, Theme by <a href="https://github.com/sanonz/hexo-theme-concise" target="_blank">Concise</a>


        &ensp;
        <span id="cnzz_stat_icon_1271274815" class="vm"></span>
        <script src="//s13.cnzz.com/stat.php?id=1271274815&show=pic" type="text/javascript"></script>

</footer>

    </main>

    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
    <script type="text/javascript">
    $(function() {
        var nodes = {
            nav: $('#nav'),
            aside: $('#aside'),
            asideInner: $('#aside-inner'),
            navInner: $('#nav-inner')
        };

        var doing = false;
        nodes.asideInner.on('webkitAnimationEnd mozAnimationEnd oAnimationEnd oanimationend animationend', function() {
            if (nodes.aside.hasClass('mobile-open')) {
                nodes.aside.removeClass('mobile-open');
            } else {
                nodes.aside.removeClass('mobile-close panel-show');
            }
            doing = false;
        });
        $('#open-panel, #aside-mask').on('click', function() {
            if (doing) {
                return;
            }

            if (nodes.aside.hasClass('panel-show')) {
                nodes.aside.addClass('mobile-close');
            } else {
                nodes.aside.addClass('mobile-open panel-show');
            }
        });
        $('#open-menus').on('click', function() {
            nodes.navInner.slideToggle();
        });

        if (window.innerWidth <= 960) {
            setTimeout(function() {
                nodes.navInner.slideUp();
            }, 3000);
        }
    });
    </script>


</body>
</html>