找到這個網站
覺得還不錯
推薦給各位
http://www.htmleaf.com/
2015年4月6日 星期一
HTML5 教學範例
資料來源
關於 HTML5 教學, 以下30多個資源可幫你開始學習HTML5。
BLOWING UP HTML5 VIDEO AND MAPPING IT INTO 3D
SPACE（將HTML5視訊吹散並組成3D效果）
最近我研究了HTML 5中的Canvas 和Video
標籤，並發現了一些很酷的特性。其中之一就是Canvas.drawImage() api。此為詳細介紹。
標籤，並發現了一些很酷的特性。其中之一就是Canvas.drawImage() api。此為詳細介紹。
CODE A BACKWARDS COMPATIBLE, ONE PAGE PORTFOLIO
WITH HTML5 AND CSS3（用HTML5 和CSS3 打造向下相容的網頁）
HTML5更加語義化，使用HTML5 我們不必在網頁上佈滿沒有意義的div。它引入了有意義的tag，比如 navigations
和 footers 使語法更有意義也更接近自然語言。
和 footers 使語法更有意義也更接近自然語言。
CODING A HTML 5 LAYOUT FROM SCRATCH（HTML 5
佈局）
這篇文章將教你
- 用原有技術將元素放置在特定位置
- 最新的技術潮流
- Microformats與HTML5協同使用
- 介紹HTML5與CSS3的新特性
CODING A CSS3 AND HTML5 ONE PAGE WEBSITE
TEMPLATE（製作CSS3和 HTML5 一頁式網站樣板）
這篇文章介紹了如何利用CSS3 和jQuery的新特性製作HTML5 網頁模版。 HTML5
仍在完善當中，你也可以選擇性的下載XHTML版。
仍在完善當中，你也可以選擇性的下載XHTML版。
COMPREHENSIVE VIDEO TUTORIAL ON
HTML5（全面的HTML5視訊指南）
這是一個叫Brad Neuberg的工程師製作的HTML5教學視訊。
CREATE MODERN WEB SITES USING HTML5 AND
CSS3（用HTML5與CSS3打造時尚網站）
這篇文章介紹了許多HTML5的功能和語法及API，還有CSS3的新的選擇器，效果和特性。最 後，
還將教你如何利用這些新特性開發一個網頁。當你讀完這篇文章，你就能用HTML5和CSS3開發一個自己的網站啦。
還將教你如何利用這些新特性開發一個網頁。當你讀完這篇文章，你就能用HTML5和CSS3開發一個自己的網站啦。
DESIGNING A BLOG WITH HTML5（用HTML5設計部落格）
許多HTML5 特性要結合JavaScript
API一起使用，以增加網頁的互動性。但仍有一些新元素可讓傳統的Web1.0頁面更加語義化。為了學習這些，我們來看怎樣建立一個部落格。
API一起使用，以增加網頁的互動性。但仍有一些新元素可讓傳統的Web1.0頁面更加語義化。為了學習這些，我們來看怎樣建立一個部落格。
DESIGNING FOR THE FUTURE WITH HTML5 AND CSS3 :
TUTORIALS AND BEST PRACTICES（為未來設計：HTML 5 和 CSS3 指南與最佳案例）
這篇文章將介紹用 HTML5和CSS3搭建的幾個最佳網站。
DESIGN AND CODE A COOL IPHONE APP WEBSITE IN
HTML5（用HTML5設計和實現一個超酷 IPHONE APP 網站）
HAVE A FIELD DAY WITH HTML5 FORMS（建立HTML 5表格）
這篇文站將教 你 如果用HTML 5 和進階CSS技術與最新的CSS3技術建立一個漂亮的表格。
HOW TO CREATE A NICE BLOG DESIGN TOUCHING THE
FUTURE(不用PHOTOSHOP，完成網頁設計)
HOW TO MAKE ALL BROWSERS RENDER HTML5 MARK-UP
CORRECTLY – EVEN IE6（怎樣讓所有瀏覽器都渲染HTML5標記——即使是IE6）
這篇文章將教你如何用JavaScript和CSS，使 HTML5頁面向下相容，即使是IE6也不例外。
HOW TO MAKE AN HTML5 IPHONE APP（製作HTML5 IPHONE
應用）
這是 一篇針對iPhone的指導，但是許多技術也可用在相容HTML5的手機瀏覽器上。
HTML 5 AND CSS 3: THE TECHNIQUES YOU』LL SOON BE
USING（HTML 5 和CSS 3：你將用到的技術）
這篇文章使用HTML 5和CSS 3 搭建部落格頁面。如果你已經熟悉html 和CSS，將很容易跟上。
HTML5 FOR BEGINNERS. USE IT NOW, ITS EASY!（HTML
5初學指南）
給所有具有基礎HTML知識的初學者的HTML 5 入門指南
HTML5
PRESENTATION
這篇文章介紹了HTML5 的發展歷史和它的基本特性
HTML5 TUTORIAL – GETTING STARTED（HTML 5 入門指導）
HOW TO BUILD WEB PAGES WITH HTML 5（怎樣建立HTML
5網頁）
SIMPLE WEBSITE LAYOUT TUTORIAL USING HTML 5 AND
CSS 3（HTML5和CSS3佈局指南）
HTML5最令人期待的新標籤包括HTML5最令人期待的新標籤包括header, footer, aside,
nav,audio，同時它還包括畫圖，線下存儲資料，拖放等API。頁面佈局將會更易理解。這裡將介紹一個最簡單的HTML 5
佈局頁面，用CSS3 設定樣式。最終結果如下
nav,audio，同時它還包括畫圖，線下存儲資料，拖放等API。頁面佈局將會更易理解。這裡將介紹一個最簡單的HTML 5
佈局頁面，用CSS3 設定樣式。最終結果如下
STRUCTURAL TAGS IN HTML5（HTML 5 結構標籤）
HTML5 有許多標籤幫助網頁結構化，這能省去以網頁中許多div
HTML5 BOILERPLATES（HTML 5樣板）
此文介紹了一些你能拿來就用的HTML5 樣板檔案
HTML 5 CANVAS – THE BASICS（HTML 5 基礎——CANVAS）
對HTML 5 Canvas使用方法的全面指導
HTML 5 TUTORIALS（HTML 5 指南）
IMPLEMENTING HTML5 DRAG AND DROP: NEW PREMIUM
TUTORIAL（HTML 5 拖放）
HTML5 的一個新特性就是拖放，不過IE早在5.5時代就支援拖放了，而HTML 5
的拖放也是基於IE的。本例將教你如果用拖放實現一個簡單的購物車界面。
的拖放也是基於IE的。本例將教你如果用拖放實現一個簡單的購物車界面。
PREVIEW OF HTML 5
這是一篇比較老的文章，介紹了HTML5的特性和優點。
THE HTML 5 CANVAS FOR FLASH DEVELOPERS :
DRAWING（HTML 5 CANVAS 的畫圖功能）
THE POWER OF HTML 5 AND CSS 3
介紹了HTML 5 與CSS3能創造的各種效果。
VIEW SOURCE TUTORIAL: STICKY NOTES WITH HTML5 AND
CSS3（HTML5 和CSS3 打造便利貼效果）
WEBOS HTML5 DATABASE STORAGE TUTORIAL（WEBOS HTML5
資料存儲指南）
HTML5 的本機存儲功能將使資料存儲十分簡便。
YES, YOU CAN USE HTML 5 TODAY!
本文介紹了一些現已被支援的HTML 5 特性，對初學者十分有用。
2014年2月17日 星期一
如何决定选择快速e-learning
20分钟内你将了解：
- 哪些因素使得快速e-learning成为一个特定培训的正确选择
- 如何正确地运用这些因素满足您的需求
快速E-learning能给您的组织带来巨大好处，相比其他形式的培训，市场投放速度之快以及开发成本之低是其最明显的优势所在。
在选择e-learning解决方案之前,最重要的是评估快速e-learning是否满足一个特定的培训需求。
本指南概述了一些关键因素,帮助您确定快速e-learning是否适合您。
您具备使用快速e-learning条件吗? 请考虑以下5个关键因素
从以下几个因素考虑您是否满足快速e-learning需求
1．时间
2．预算
3．内部技能水平
4．内容
5．目标受众规模
决定是否采取快速e-learning时考虑的关键因素
快速e-learning适用性列表
打印下来，用这个简单的列表审查您的情况，并确定有哪些因素最有可能决定您的培训需求是否需要使用快速e-learning.
根据您自己的情况在每个因素下选择A、B或C 。
在选择e-learning解决方案之前,最重要的是评估快速e-learning是否满足一个特定的培训需求。
本指南概述了一些关键因素,帮助您确定快速e-learning是否适合您。
您具备使用快速e-learning条件吗? 请考虑以下5个关键因素
从以下几个因素考虑您是否满足快速e-learning需求
1．时间
2．预算
3．内部技能水平
4．内容
5．目标受众规模
决定是否采取快速e-learning时考虑的关键因素
快速e-learning适用性列表
打印下来，用这个简单的列表审查您的情况，并确定有哪些因素最有可能决定您的培训需求是否需要使用快速e-learning.
根据您自己的情况在每个因素下选择A、B或C 。
因素
|
A
|
B
|
C
|
时间
|
短期：少于6周
|
中期：6-12周
|
长期：多于12周
|
预算
|
低：少于4000英镑/小时
|
中：4000-8000英镑/小时
|
高：多于10000英镑/小时
|
内部技能
|
高
|
中
|
低
|
内容
|
初级：知识和信息
|
中级：过程/ 人际技巧
|
高级：态度/行为
|
受众
|
少：少于200
|
中：200-500
|
多：500以上
|
如果大部分选A: 快速e-learning特别适合您的需求。
如果大部分选B: 快速e-learning对您来说有很多好处——但您也可以考虑一些外包/备选的组成部分,例如一些虚拟教室的组成部分或直播课堂组件。
如果大部分选C: 快速e-learning肯定对您的解决方案有帮助, 但是具有其他元素的混合式解决方案更能让您受益。
注:这些因素并未加权——如果某些特定因素对您的情况更为重要,您应该对应地进行权衡。
这个方法能非常快速地评估快速e-learning的适用性。让我们更深入研究一下每一个因素，看看这些因素如何影响您来决定是否采取快速e-learning来满足你的需求的。1.时间
正如其名，快速e-learning的一大优势就是它的开发速度 。快速e-learning开发的周期可以是三到四个星期, 而一些定制的e-learning则需要花上3到4个月。
在其它因素相同的情况下，开发时间越短，快速e-learning就越具备吸引力。
但是，也应牢记以下几点：
1.您的团队拥有在规定时间表内开发快速e-learning的技术吗?
2.这是您的团队首次使用快速e-learning进行一个重要项目吗?您的组织能够承受这样的风险吗?
3.您的团队有能力在规定时间表内开发快速e-learning吗?
4.如果没有,您是否有一个后备方案(如外包给一个快速e-learning开发商或考虑一个混合其他快速部件的方式)。
快速视角：时间或紧或松
一个紧凑的时间表, 如三个星期内完成产品发布或一个月内制订新立法都可以促成一个经典的快速e-learning商务案例。但是您不必非得等到时间如此紧急，再来尝试快速e-learning。在时间允许的情况下，您可以给您和您的团队预留更多的时间来熟悉其所涉及的工具和工作方式。
因此在两种情况下，时间都在你的掌控之中。2.预算
在组织内部开发快速e-learning时会产生一些由工具购置和持续认证带来的初始成本。此后所发生的成本主要是团队内部的劳动力成本以及SME的时间成本。
同定制的e-learning相比，这些成本还是非常低的。传统的定制e-learning每小时开发费用从10000英镑/小时到最多25000英镑/小时。快速e-learning开发成本 从2000英镑/小时到4000英镑/小时不等——并且根据不同的内部劳动力成本计算方法，可能会更低。如需最新的成本信息，请联系info@kineo.com.cn。
所以显而易见,如果成本是一个关键的推动因素，那么快速e-learning将变得更有吸引力。
同课堂培训引起的大量传输成本(讲师费用,房租,差旅和食宿)相比, 快速e-learning和传统e-learning都具有很高的性价比，特别是在受众特别多的时候，每个学习者的边际成本实际为零。
此外，还需考虑一下额外因素：
1．解决方案的复杂性:您期待一个大量使用视频，复杂分支和定制动画的解决方案吗？如果是, 将快速e-learning解决方案中的一部分进行外包会比内部开发具有更高的性价比。
2. 维护成本:因为您的团队已经知道如何使用快速e-learning编辑工具，所以通常一个快速e-learning 解决方案比传统的定制e-learning解决方案的维护成本低
3. SME成本:因为放弃的收入机会和薪资成本，您的每小时SME成本是否变的很高?如果是这样的话,您可能要寻求节省SME时间成本的解决方案-可能还是会选择快速e-learning.3.内部技能水平
快速e-learning对于一个特定培训需求的适合程度也是您的团队所应具备的技能因素之一。
快速e-learning非常需要组织内部有足够的学习发展资源来培养设计师和开发人员。这些需求会让你对e-learning技能提升有很大的成本优势和控制优势。但是,如果在开发时,您的团队还不完全具备这些技能，您需要考虑是否适合使用快速e-learning。因为您需要投资来提升员工的技能，并且需要员工愿意提升他们的技能承担更多工作。
这些工作可能包括教学设计、内容开发、平面设计、工具使用、测试及扩展技能，如需求分析、营销和部署技巧等。
如果您的团队现在并不完全具备这些技能,那您将需要一些时间来提升技能。这些技能中最基础的是您选择的开发工具的使用，也包括快速e-learning设计和开发模型方面的技能。或者,您也可以外包一些非核心部分。
快速视角: 外包一些非核心部分
您不必让你的团队具有快速e-learning开发的全部技能。 除非您是大批量制作快速e-learning，否则性价比不高。
相反,一小部分一小部分的进行外包的确是有可能的,比如为您的快速e-learning外包定制动画、视频，旁白，甚至是模板化的外观。这样您才可以选择一些核心技能进行投资，来培养您的快速e-learning开发团队。在www.kineo.com.cn，您也可以找到Kineo的注册承包商列表。4.内容范围及规模
培训的时候需要考虑的内容是什么？这个问题的答案在一定程度上可以影响您决定是采取一个快速e-learning 的解决方案，还是其他方案或者一个混合式的解决方案。
这里有一个通用指南：
初级内容(如基本事实、信息和知识的传输)非常适合快速e-learning
中级内容(介绍过程,简单的交际技能,一定程度的实践和疑难问题) 相当适合快速e-learning。但如果想用快速e-learning编辑工具实现预期效果，需要一定的努力。
高级内容(不断改变的态度和行为,更深入更复杂的交际技能)可能部分适合快速 e-learning。但不论是在讨论会或虚拟教室中, 因为可能涉及到更复杂的模拟以及协作的一些元素，通常都需要付出更多的努力。
一个项目的已开发内容越少，这个项目就更适合采用快速e-learning解决方案，而不是传统的外包定制e-learning解决方案。 因为传统的e-learning公司不会降低收费去开发小型项目（例如30分钟或者时长更少的开发内容）。
快速视角: 不仅仅为了事实
一些评论者认为快速e-learning只适合形式较为初级的内容，例如，介绍一种新产品的功能和优势或遵守新规定的关键措施。
快速e-learning确实非常适合这类内容,但并不意味着您不能考虑一些简单的模拟和更有吸引力的内容。在其他的一些快速指南中你可以了解如何嵌入模拟及制作有吸引力的内容来丰富你的快速e-learning。5.目标受众规模
通常来说,如果您的目标受众少于500, 就很难证明定制e-learning开发成本更低。因为这种情况下不一定存在规模经济效益，e-learning 解决方案也不比教室学习模式更有吸引力。
随着快速e-learning的开发成本大幅降低。面向更少更专业的受众时就可以考虑快速e-learning，并且还可证明其比课堂模式成本更低。
总体来说，很显然，有更多的受众, e-learning方式就更具有吸引力。具体说来,如果能够满足其他因素 (时间、成本、内容、内部技能)，快速e-learning更适合受众较多的情况。
快速视角: 对快速e-learning，您也许已经做好准备了-您的受众准备好了吗?
您快速e-learning的全面成功一定程度上取决于受众的准备程度。他们对于培训和学习的期望是什么? 一个二十分钟的模块会脱颖而出吗?
通过规划市场和沟通来确保目标受众的准备程度是非常重要的—— 方法之一就是让目标受众的代表都参与到试验性培训中去 。
关键措施
如何决定选择快速e-learning：
如果大部分选B: 快速e-learning对您来说有很多好处——但您也可以考虑一些外包/备选的组成部分,例如一些虚拟教室的组成部分或直播课堂组件。
如果大部分选C: 快速e-learning肯定对您的解决方案有帮助, 但是具有其他元素的混合式解决方案更能让您受益。
注:这些因素并未加权——如果某些特定因素对您的情况更为重要,您应该对应地进行权衡。
这个方法能非常快速地评估快速e-learning的适用性。让我们更深入研究一下每一个因素，看看这些因素如何影响您来决定是否采取快速e-learning来满足你的需求的。1.时间
正如其名，快速e-learning的一大优势就是它的开发速度 。快速e-learning开发的周期可以是三到四个星期, 而一些定制的e-learning则需要花上3到4个月。
在其它因素相同的情况下，开发时间越短，快速e-learning就越具备吸引力。
但是，也应牢记以下几点：
1.您的团队拥有在规定时间表内开发快速e-learning的技术吗?
2.这是您的团队首次使用快速e-learning进行一个重要项目吗?您的组织能够承受这样的风险吗?
3.您的团队有能力在规定时间表内开发快速e-learning吗?
4.如果没有,您是否有一个后备方案(如外包给一个快速e-learning开发商或考虑一个混合其他快速部件的方式)。
快速视角：时间或紧或松
一个紧凑的时间表, 如三个星期内完成产品发布或一个月内制订新立法都可以促成一个经典的快速e-learning商务案例。但是您不必非得等到时间如此紧急，再来尝试快速e-learning。在时间允许的情况下，您可以给您和您的团队预留更多的时间来熟悉其所涉及的工具和工作方式。
因此在两种情况下，时间都在你的掌控之中。2.预算
在组织内部开发快速e-learning时会产生一些由工具购置和持续认证带来的初始成本。此后所发生的成本主要是团队内部的劳动力成本以及SME的时间成本。
同定制的e-learning相比，这些成本还是非常低的。传统的定制e-learning每小时开发费用从10000英镑/小时到最多25000英镑/小时。快速e-learning开发成本 从2000英镑/小时到4000英镑/小时不等——并且根据不同的内部劳动力成本计算方法，可能会更低。如需最新的成本信息，请联系info@kineo.com.cn。
所以显而易见,如果成本是一个关键的推动因素，那么快速e-learning将变得更有吸引力。
同课堂培训引起的大量传输成本(讲师费用,房租,差旅和食宿)相比, 快速e-learning和传统e-learning都具有很高的性价比，特别是在受众特别多的时候，每个学习者的边际成本实际为零。
此外，还需考虑一下额外因素：
1．解决方案的复杂性:您期待一个大量使用视频，复杂分支和定制动画的解决方案吗？如果是, 将快速e-learning解决方案中的一部分进行外包会比内部开发具有更高的性价比。
2. 维护成本:因为您的团队已经知道如何使用快速e-learning编辑工具，所以通常一个快速e-learning 解决方案比传统的定制e-learning解决方案的维护成本低
3. SME成本:因为放弃的收入机会和薪资成本，您的每小时SME成本是否变的很高?如果是这样的话,您可能要寻求节省SME时间成本的解决方案-可能还是会选择快速e-learning.3.内部技能水平
快速e-learning对于一个特定培训需求的适合程度也是您的团队所应具备的技能因素之一。
快速e-learning非常需要组织内部有足够的学习发展资源来培养设计师和开发人员。这些需求会让你对e-learning技能提升有很大的成本优势和控制优势。但是,如果在开发时,您的团队还不完全具备这些技能，您需要考虑是否适合使用快速e-learning。因为您需要投资来提升员工的技能，并且需要员工愿意提升他们的技能承担更多工作。
这些工作可能包括教学设计、内容开发、平面设计、工具使用、测试及扩展技能，如需求分析、营销和部署技巧等。
如果您的团队现在并不完全具备这些技能,那您将需要一些时间来提升技能。这些技能中最基础的是您选择的开发工具的使用，也包括快速e-learning设计和开发模型方面的技能。或者,您也可以外包一些非核心部分。
快速视角: 外包一些非核心部分
您不必让你的团队具有快速e-learning开发的全部技能。 除非您是大批量制作快速e-learning，否则性价比不高。
相反,一小部分一小部分的进行外包的确是有可能的,比如为您的快速e-learning外包定制动画、视频，旁白，甚至是模板化的外观。这样您才可以选择一些核心技能进行投资，来培养您的快速e-learning开发团队。在www.kineo.com.cn，您也可以找到Kineo的注册承包商列表。4.内容范围及规模
培训的时候需要考虑的内容是什么？这个问题的答案在一定程度上可以影响您决定是采取一个快速e-learning 的解决方案，还是其他方案或者一个混合式的解决方案。
这里有一个通用指南：
初级内容(如基本事实、信息和知识的传输)非常适合快速e-learning
中级内容(介绍过程,简单的交际技能,一定程度的实践和疑难问题) 相当适合快速e-learning。但如果想用快速e-learning编辑工具实现预期效果，需要一定的努力。
高级内容(不断改变的态度和行为,更深入更复杂的交际技能)可能部分适合快速 e-learning。但不论是在讨论会或虚拟教室中, 因为可能涉及到更复杂的模拟以及协作的一些元素，通常都需要付出更多的努力。
一个项目的已开发内容越少，这个项目就更适合采用快速e-learning解决方案，而不是传统的外包定制e-learning解决方案。 因为传统的e-learning公司不会降低收费去开发小型项目（例如30分钟或者时长更少的开发内容）。
快速视角: 不仅仅为了事实
一些评论者认为快速e-learning只适合形式较为初级的内容，例如，介绍一种新产品的功能和优势或遵守新规定的关键措施。
快速e-learning确实非常适合这类内容,但并不意味着您不能考虑一些简单的模拟和更有吸引力的内容。在其他的一些快速指南中你可以了解如何嵌入模拟及制作有吸引力的内容来丰富你的快速e-learning。5.目标受众规模
通常来说,如果您的目标受众少于500, 就很难证明定制e-learning开发成本更低。因为这种情况下不一定存在规模经济效益，e-learning 解决方案也不比教室学习模式更有吸引力。
随着快速e-learning的开发成本大幅降低。面向更少更专业的受众时就可以考虑快速e-learning，并且还可证明其比课堂模式成本更低。
总体来说，很显然，有更多的受众, e-learning方式就更具有吸引力。具体说来,如果能够满足其他因素 (时间、成本、内容、内部技能)，快速e-learning更适合受众较多的情况。
快速视角: 对快速e-learning，您也许已经做好准备了-您的受众准备好了吗?
您快速e-learning的全面成功一定程度上取决于受众的准备程度。他们对于培训和学习的期望是什么? 一个二十分钟的模块会脱颖而出吗?
通过规划市场和沟通来确保目标受众的准备程度是非常重要的—— 方法之一就是让目标受众的代表都参与到试验性培训中去 。
关键措施
如何决定选择快速e-learning：
- 考虑可以影响您决定是否采取快速e-learning的五大因素: 时间、成本、技能、内容和受众
- 确定对您的组织来说最关键的因素
- 记住这里没有非此即彼: 一个混合式或部分外包的选择可能会产生最佳效果
深入了解更多信息
你想做什么?
|
参看以下快速指南
|
同快速e-learning相比较，研究不同选择的投资回报率
|
快速e-learning投资回报率工具
如何计算快速e-learning的成本和预算
|
检查建立快速e-learning团队所需的技能
|
快速e-learning团队的技能
|
探索如何使您的快速 e-learning 具有吸引力
|
如何编写快速e-learning
如何在快速e-learning中嵌入模拟
|
2013年6月15日 星期六
Stencyl：不懂程式也能寫 iOS 智慧型手機遊戲！
如果是要探討「不會寫程式也能寫遊戲」這種主題的話，像是 RPG 遊戲製作大師、 GAME MAKER 等軟體都可做到。但是如果說製作好的遊戲，不但可以發布成 Flash 的 .swf 檔，甚至還可以發布到 iOS 平台上，那就是 Stencyl 的強項了，未來也可以支援 Android 與 Html5 版本呢！
Stencyl 網址：
Stencyl 強調可輕鬆的製作 iOS 與 Flash 遊戲（未來將會支援 Android 與 html5），甚至不需要會寫程式也能製作遊戲。目前支援在 OS X、Windows 以及 Ubuntu 平台上製作，免費版僅能產生 Flash 的 .swf 檔，如果要產生一般的桌面程式檔案就得付費了，一年的授權是 79 美金（大約 2100 台幣），而如果你要能夠產生能在 iOS 平台上架的話，一年的授權是 149 美金（大約 4500 台幣左右）。以下為筆者簡單的試玩心得。
▲ 網站首頁標明了特色，輕鬆的製作 iOS 與 Flash 遊戲！（未來將會支援 Android 與 html5）
▲ 免費版僅能產生 Flash 的 .swf 檔，如果要產生一般的桌面程式檔案就得付費了，一年的授權是 79 美金（大約 2100 台幣），而如果你要能夠產生能在 iOS 平台上架的話，一年的授權是 149 美金（大約 4500 台幣左右）。
▲ 將程式免費下載及安裝好後，可以看到在程式的首頁有許多內建的範例與一些已經幫你做好的行為模組。
▲ 這邊是內建的一些範例
▲ 亦有內建好的一些行為模組，可以讓你直接套用不需自己重新刻。
▲ 你也可以點進行為模組，可以看到完整的程式碼，也可以讓你自己調整，或是自己重新設計一個，Scratch-like 的積木設計十分友善。
▲ 場景編輯器有圖層、元件，也可以用內建的場景編輯器自己畫一個。（以下都用內建的 Crash Course Kit 這個來示範。）
▲ 也有兩個角色讓你用，當然也可以自訂，輸入圖像。
▲ 要將行為模組掛上角色也非常方便，直接在行為模組上點右鍵選「Attach Behavior to Actor」，在這邊我們用 Walking 作個示範。
▲ 點了「Attach Behavior to Actor」後就可以選擇你要掛上這個行為模組的角色。
▲ 點擊後就進入設定畫面，首先要設定在「Walking」中有定義的向左走與向右走的按鍵。
▲ 接著設定在 Walking 模組中程式定義的圖像，在這個範例中有左、右、行動中往左、行動中往右。
▲ 製作完畢後在場景中新增角色，然後按「Ctrl+ENTER」就可以測試一番了，試試看往左往右吧！想要輸出選上方「Publish」後選擇 Flash（免費版僅能如此）
製作完成的範例：點我下載
玩了一會，覺得 Stencyl 使用起來較 GameMaker 等軟體來說更為進階，可以設計更深的行為與事件，也可以自己全部重刻。當然最大的賣點還是只要製作好後可以輸出多個平台的功能，期待日後支援 Android 與 HTML5 的到來，那時才更方便測試多平台的支援度。
2011年12月13日 星期二
Adobe放棄行動版Flash，轉進HTML 5
Adobe互動開發部門總經理Danny Winokur在官方部落格宣布這項產品調整策略，他表示，未來只提供安全更新，不再針對個別裝置推出新版Flash Player。
Adobe將停止開發行動版Flash Player，將資源轉投入HTML 5工具的研發。Adobe互動開發部門總經理Danny Winokur在官方部落格宣布這項產品調整策略，他表示，未來只提供安全更新，不再針對個別裝置推出新版Flash Player。
Adobe首席產品經理Mike Chambers也在部落格上坦言，Flash未獲主流行動平臺蘋果iOS的支援，導致Flash在行動裝置的普及率遠低於桌面裝置，因此，Adobe改將研發資源投入目前獲得行動裝置普遍支援的HTML 5技術。
不過，Adobe並未撤出行動市場，Danny Winokur表示，未來將集中資源來協助開發者，運用Adobe AIR技術封裝Flash應用，以發布成行動裝置上的原生應用程式。另外，Adobe也已投入Flash Player 12的開發，現已完成CSS著色功能，未來也會推出Flash和HTML 5的轉換機制。文⊙王宏仁
2011-11-21
詳見
Adobe將停止開發行動版Flash Player，將資源轉投入HTML 5工具的研發。Adobe互動開發部門總經理Danny Winokur在官方部落格宣布這項產品調整策略，他表示，未來只提供安全更新，不再針對個別裝置推出新版Flash Player。
Adobe首席產品經理Mike Chambers也在部落格上坦言，Flash未獲主流行動平臺蘋果iOS的支援，導致Flash在行動裝置的普及率遠低於桌面裝置，因此，Adobe改將研發資源投入目前獲得行動裝置普遍支援的HTML 5技術。
不過，Adobe並未撤出行動市場，Danny Winokur表示，未來將集中資源來協助開發者，運用Adobe AIR技術封裝Flash應用，以發布成行動裝置上的原生應用程式。另外，Adobe也已投入Flash Player 12的開發，現已完成CSS著色功能，未來也會推出Flash和HTML 5的轉換機制。文⊙王宏仁
2011-11-21
詳見
2011年11月27日 星期日
Adobe擁抱HTML5？ 「Wallaby」工具可將Flash轉成HTML5
T.S./ 編譯 – 2011/03/09
Adobe推出實驗性軟體，可供開發人員將Flash轉換為非專屬性之網頁內容，但這目前仍在持續發展當中，未來還有一段路要走。
2010年，Adobe技術長Kevin Lynch批評蘋果(Apple)，其拒絕讓搭載iOS的平台裝置支援Flash的做法，是一種違反公平競爭的行為。
該公司並且信誓誓旦旦地表示，將設計一套軟體，允許開發人員採用HTML5格式來編寫網頁內容。HTML是一種新興網頁開發語言，蘋果甚至向Adobe喊話，應該放開心胸來接納。
即使是蘋果這樣的大廠，面對來自監理機關與開發商的壓力，該公司也只能改變做法，不再堅持原本的限制，甚至允許採用Adobe的Flash Package，將Flash應用程式轉換為iOS平台能夠支援之內容。但儘管如此，Adobe仍持續加強其產品對HTML5的支援。
最新的進展，是本週二（3月8日）時Adobe宣佈，推出名為「袋鼠」(Wallaby)的軟體，這套軟體是Adobe實驗室所提供之實驗性測試產品，做為Flash轉換成HTML5的工具。
透過這套軟體，使用者可以把Flash Professional檔案轉換為HTML5編碼格式，之後還可以使用任何文字編輯器，或諸如Dreamwaver之類的創作開發工具進行編寫。
Adobe產品經理John Nack表示，該公司避免陷入與蘋果公司的意氣之爭，那已經變成一種糾結不清的辯論：一方是免費、開放工具的擁護者，另一方則是認定應該要採取收費、獨佔模式支持者。
但是，對Adobe來說，該公司的工作是協助客戶解決問題，而不是成為政治角力的競技場。
John Nack在部落格中貼文指出，長期以來，已有數百萬人透過Flash來磨鍊他們的網頁動畫製作能力，這些都是Adobe的客戶，而這些人現在需要的，是希望讓自己製作的網頁內容能夠在任何裝置上呈現，即使該裝置本身並不支援Flash。
不過，「Wallaby」目前仍有一些限制。許多Flash功能，像是動態遮罩、3D轉換、濾鏡與圖層混合等功能，這套軟體就無法支援。最主要的原因，在於目前和HTML5格式尚未能完全對應。
其中，捨棄Flash的ActionScript編碼，而非轉譯為JavaScript，這也就意味著必須創建一個新的編程邏輯。
而對於動畫的編譯，將會採用CSS語法，而非JavaScript或其它類似的跨瀏覽器框架，但這套語法適用於Chrome或Safari瀏覽器，但在微軟的IE瀏覽器卻無法使用。
另外，圖形部分，也是會轉換成SVG向量圖形或JPEG位元圖形，而不是轉成HTML5的Canvas格式。Canvas是另一種SDVG格式，Google和Mozilla均已在推廣HTML5的遊戲。
Adobe推出實驗性軟體，可供開發人員將Flash轉換為非專屬性之網頁內容，但這目前仍在持續發展當中，未來還有一段路要走。
2010年，Adobe技術長Kevin Lynch批評蘋果(Apple)，其拒絕讓搭載iOS的平台裝置支援Flash的做法，是一種違反公平競爭的行為。
該公司並且信誓誓旦旦地表示，將設計一套軟體，允許開發人員採用HTML5格式來編寫網頁內容。HTML是一種新興網頁開發語言，蘋果甚至向Adobe喊話，應該放開心胸來接納。
即使是蘋果這樣的大廠，面對來自監理機關與開發商的壓力，該公司也只能改變做法，不再堅持原本的限制，甚至允許採用Adobe的Flash Package，將Flash應用程式轉換為iOS平台能夠支援之內容。但儘管如此，Adobe仍持續加強其產品對HTML5的支援。
最新的進展，是本週二（3月8日）時Adobe宣佈，推出名為「袋鼠」(Wallaby)的軟體，這套軟體是Adobe實驗室所提供之實驗性測試產品，做為Flash轉換成HTML5的工具。
透過這套軟體，使用者可以把Flash Professional檔案轉換為HTML5編碼格式，之後還可以使用任何文字編輯器，或諸如Dreamwaver之類的創作開發工具進行編寫。
Adobe產品經理John Nack表示，該公司避免陷入與蘋果公司的意氣之爭，那已經變成一種糾結不清的辯論：一方是免費、開放工具的擁護者，另一方則是認定應該要採取收費、獨佔模式支持者。
但是，對Adobe來說，該公司的工作是協助客戶解決問題，而不是成為政治角力的競技場。
John Nack在部落格中貼文指出，長期以來，已有數百萬人透過Flash來磨鍊他們的網頁動畫製作能力，這些都是Adobe的客戶，而這些人現在需要的，是希望讓自己製作的網頁內容能夠在任何裝置上呈現，即使該裝置本身並不支援Flash。
不過，「Wallaby」目前仍有一些限制。許多Flash功能，像是動態遮罩、3D轉換、濾鏡與圖層混合等功能，這套軟體就無法支援。最主要的原因，在於目前和HTML5格式尚未能完全對應。
其中，捨棄Flash的ActionScript編碼，而非轉譯為JavaScript，這也就意味著必須創建一個新的編程邏輯。
而對於動畫的編譯，將會採用CSS語法，而非JavaScript或其它類似的跨瀏覽器框架，但這套語法適用於Chrome或Safari瀏覽器，但在微軟的IE瀏覽器卻無法使用。
另外，圖形部分，也是會轉換成SVG向量圖形或JPEG位元圖形，而不是轉成HTML5的Canvas格式。Canvas是另一種SDVG格式，Google和Mozilla均已在推廣HTML5的遊戲。
Google Swiffy 讓你的 Flash 投入 HTML5 懷抱
由 Bin Chen 於 5 days 之前發表
文章分類: 網際網路
FLASH 已經慢慢離開舞台，但是 Flash 還是有精彩的地方，是時候讓他們繼續發揮餘熱。在今年 6 月份的時候，Google Swiffy 就可以將用戶的 SWF 文件轉換為 HTML5 ，並且支援大多數的 ActionScript 交互型Flash。這次 Google Swiffy 再接再厲，發布了一個 Flash Plugin，可以配合你的 Flash Professional 軟件直接使用，你可以在 Commands 選單裡一鍵將你的 Flash 文件快速轉換為 HTML 5 。所以你如果正在玩 Flash CS4 以上的版本，那麼可以到引用來源裡下載這個應用，讓你的 FLASH 投入到 HTML5 的懷抱中去吧。是的，HTML5 相對於 FLASH ，現在就如同冬天裡的一把火，很暖和。
http://chinese.engadget.com/2011/11/21/google-swiffy-extension-exports-flash-to-html5-actionscript-fan/
文章分類: 網際網路
FLASH 已經慢慢離開舞台，但是 Flash 還是有精彩的地方，是時候讓他們繼續發揮餘熱。在今年 6 月份的時候，Google Swiffy 就可以將用戶的 SWF 文件轉換為 HTML5 ，並且支援大多數的 ActionScript 交互型Flash。這次 Google Swiffy 再接再厲，發布了一個 Flash Plugin，可以配合你的 Flash Professional 軟件直接使用，你可以在 Commands 選單裡一鍵將你的 Flash 文件快速轉換為 HTML 5 。所以你如果正在玩 Flash CS4 以上的版本，那麼可以到引用來源裡下載這個應用，讓你的 FLASH 投入到 HTML5 的懷抱中去吧。是的，HTML5 相對於 FLASH ，現在就如同冬天裡的一把火，很暖和。
http://chinese.engadget.com/2011/11/21/google-swiffy-extension-exports-flash-to-html5-actionscript-fan/
HTML5火力展示！九個讓你驚奇的HTML5應用
筆者在近日寫了數篇文章談論HTML5在影片播放的優勢、以及其對於Flash所產生的威脅，但對於大多數的讀者來講仍然感受不到 HTML5的威力，在這一篇文章中，筆者將介紹十個精選的HTML5應用，請各位讀者一同體驗HTML5的魅力！
瀏覽器需求
目前IE的HTML5支援仍然相當有限，無論是6/7/8均只提供了有限的HTML5及CSS3支援。而對於其他的瀏覽器而言，各家目前的實做進度不一，因此若是讀者有興趣試玩以下介紹的網站，還請安裝Google Chrome或是Mozilla Firefox等對新的網頁標準支援較佳的瀏覽器，並且根據網站上的建議瀏覽器進行瀏覽，這樣才能確保得到完整的效果。
Sketchpad
Sketchpad是一個完全建構在HTML5的canvas功能上的線上繪圖軟體，雖然與一般桌面上的Photoshop等繪圖軟體還具備一定程度的差異，但是與使用Flash的Photoshop線上版比起來，執行時明顯順暢很多。
另外值得注意的一點是，在最後儲存的時候也是使用canvas中的toDataUrl()函式，即時的將畫面在瀏覽器即時轉換成為一般可以下載的png檔。
http://www.inside.com.tw/2010/05/06/9-amazing-html5-applications
瀏覽器需求
目前IE的HTML5支援仍然相當有限，無論是6/7/8均只提供了有限的HTML5及CSS3支援。而對於其他的瀏覽器而言，各家目前的實做進度不一，因此若是讀者有興趣試玩以下介紹的網站，還請安裝Google Chrome或是Mozilla Firefox等對新的網頁標準支援較佳的瀏覽器，並且根據網站上的建議瀏覽器進行瀏覽，這樣才能確保得到完整的效果。
Sketchpad
Sketchpad是一個完全建構在HTML5的canvas功能上的線上繪圖軟體，雖然與一般桌面上的Photoshop等繪圖軟體還具備一定程度的差異，但是與使用Flash的Photoshop線上版比起來，執行時明顯順暢很多。
另外值得注意的一點是，在最後儲存的時候也是使用canvas中的toDataUrl()函式，即時的將畫面在瀏覽器即時轉換成為一般可以下載的png檔。
http://www.inside.com.tw/2010/05/06/9-amazing-html5-applications
訂閱：
文章 (Atom)