这篇文章是从微软的Web开发系列的一部分。 感谢您支持谁使SitePoint可能的合作伙伴。
由于释放babylon.js ,WebGL的开源游戏框架,几年前,我们(与来自社会的帮助)都在不断探索如何使其更好。 我绝对乐意,我们决定一年多前就切换到打字稿。 欲了解更多关于该决定,读,为什么我们决定从普通的JavaScript移动到打字稿的Babylon.js
由于打字稿,我们已经能够提高我们的代码质量 , 提高我们的生产力和创造我们的神话般的游乐场我们很自豪: http://www.babylonjs-playground.com/ ,它提供自动完成在浏览器中! 我们还能够欢迎一些新的团队成员来自一个C#背景的,很少JS技术具有无痛苦。 但由于打字稿编译器,我们还可以测试未来无需重写的一行代码!
我们仍然编码使用Visual Studio TFS babylon.js,虽然有规则地我们的代码推到GitHub库 。 通过我们的项目升级到Visual Studio的2015年RTM ,我们已经能够将它升级到1.5打字原稿 。
一旦这样做,让我告诉你有多快我已经升级Babylon.js从ES5到ES6。 在你的项目上右键单击,定位到“ 打字稿构建 ”和切换“ 的ECMAScript版本 ”从ES5到ES6:
就是这样!
重新编译解决方案,你可以今天测试ES6的未来。
我已经发表babylonjs.com的ES6版本在这里 ,让你玩它。
微软Edge和ES6
如果你有兴趣在ES6,我建议您观看这个BUILD会议: 什么在JavaScript中的新功能快速可扩展应用程序 。
你会注意到你需要一个非常新的现代的浏览器,如微软的边缘,以便能够执行此演示和代码。 微软边缘和Firefox 41是目前在ES6支持最先进的浏览器。 您可以检查您当前的浏览器ES6支持这里 。
在发起这一微软边缘在Windows 10(构建10240) ,你就会有相应的结果:
ES6的67%功能支持MS边缘和在Firefox 41 68%开箱。 这些结果是令人印象深刻!
不过,如果你要创办的Babylon.js的ES6版本的MS边缘,你会看到在F12的一些错误:
让我们浏览到babylon.math.js检查错误。 我们在这里落下:
“ 类 ”关键字不用于生产尚不支持。 这是因为规范最近已改变,因此所有的浏览器都将是一个标志后面。
要启用它,定位到“ 约:标志 ”在MS Edge和“ 启用实验性JavaScript功能 ”
如果你现在再次运行ES6兼容性工具: http://kangax.github.io/compat-table/es6/ ,你现在看到MS边缘跳跃到ES6的81%功能的支持。 它现在支持类,超及发电机:
要在Firefox或Chrome这个演示作品,你可能需要每晚构建。
上市时间F12用它玩
现在,微软边缘配置正确,定位到: http://www.babylonjs.com/indexES6.html/和开放F12在单独的窗口。 在“ 调试 ”选项卡,打开“babylon.gamepadCamera.js”,并设置代码的“超级”行断点 :
推出的“ 大厦 ”的演示和相机切换到“ 游戏手柄相机 “:
你会正确地打入代码预期:
按F11跳入扩展类(BABYLON.FreeCamera):
您目前正在调试ES6代码! 是不是很酷? :-)
在“ 调试器 ”选项卡,打开“babylon.virtualJoystick.js”,并设置上的箭头函数内部线78断点:
相机切换到“ 虚拟操纵杆摄像头 “,触摸屏或左点击它,你就可以调试箭头功能:
现在,想象一下你想编辑您的ECMAScript 6的代码 ,以改善你的调试体验。 转到“ 实验 ”选项卡,并启用“ 编辑的JavaScript”选项:
重新启动浏览器。 现在,加入这行代码上一手柄“ let foo = 'test' ’ ”,并再次做前面的动作:
好吧,让我们来回顾一下。 这个演示使用:ECMAScript的6类,超和箭头的功能,WebGL的,网络音频,游戏手柄API和指针事件 。 谢谢Babylon.js,谢谢打字稿及谢谢微软边缘! ;-)
如果您有兴趣了解我们在做F12其他改进,看看这篇文章: 公布的F12开发工具的最新改进在Windows 10
多动手用JavaScript
这篇文章是由微软技术传道者的web开发一系列实用的JavaScript学习,开源项目,和互操作性的最佳实践,包括一部分微软边缘浏览器和新的EdgeHTML渲染引擎 。
我们鼓励您跨浏览器和设备,包括微软边缘测试-适用于Windows 10的默认浏览器-与免费工具dev.modern.IE :
深入微软边缘,距离我们的工程师和传道者的Web平台技术的学习:
- 微软边缘网络峰会2015年 (期待与新的浏览器,支持新的网络平台标准,并从JavaScript社区演讲嘉宾什么的)
- 哇,我可以在Mac和Linux上测试边及IE浏览器! (从雷伊邦戈)
- 推进的JavaScript不破坏网络 (基督教海尔曼)
- 边缘渲染引擎,使网页只是工作 (从雅各布·罗西)
- 释放出的3D WebGL的渲染 (从大卫Catuhe包括vorlon.JS和babylonJS项目)
- 托管Web应用程序和网络平台的创新 (从凯文·希尔和基里尔Seksenov包括manifold.JS项目)
http://dev.modern.ie/tools/vms/windows/?utm_source=SitePoint&utm_medium=article50&utm_campaign=SitePoint
更多免费的跨平台工具和资源,为网络平台:
From: https://www.sitepoint.com//experiment-ecmascript-6-babylon-js-typescript-1-5/