1. 程式人生 > >Animation cc H5的一些開發Tips

Animation cc H5的一些開發Tips

自動生成的html中,要手工加上viewport屬性:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

否則會出現執行非常卡的情況。

音樂控制

自動生成的playSound方法:

    function playSound(id, loop) {
        return createjs.Sound.play(id, createjs.Sound.INTERRUPT_EARLY, 0
, 0, loop); }

停止音樂:

createjs.Sound.setMute(true); //靜音

幀停止的指令碼

this.stop();

在某一幀觸發事件(可實現動畫結束時執行自己的js)

在自己的js裡定義:

    var model=new createjs.EventDispatcher();
    model.addEventListener("complete",function(){
        //TODO: 自己的程式碼
    });

在幀動作上寫:

if(typeof(model)!='undefined') model.dispatchEvent("complete"
);

自動調整canvas大小

在第一幀的幀動作裡寫:

document.getElementById("canvas").width = document.documentElement.clientWidth;  
document.getElementById("canvas").height = document.documentElement.clientHeight;

新增按鈕事件示例

在放置按鈕的幀上寫:

var btn = this;
btn.addEventListener("mousedown",function(){
    //TODO:自己的程式碼    
});

相關推薦

Animation cc H5一些開發Tips

自動生成的html中,要手工加上viewport屬性: <meta name="viewport" content="width=device-width, initial-scale=1.0,

iOS 圖片推送的一些開發Tips

新版本產品大大要求增加圖文推送的功能。 由於專案中已經集成了推送功能,故本篇只講一下接入圖片推送的相關Tips。 新建NotificationService、NotificationContent的流程 NotificationService的作用 下

wap開發tips

但是 滑動 標簽 無奈 and html 變化 在頂部 oid 1、overflow-x 這真的是一個大坑,一旦你在body或者html上用了這個屬性,對不起,如果你的頁面出現滾動條的話,那就會出現莫名其妙的bug,滑動頁面的時候fix在頂部或者底部的會擋住。 解決辦法:h

H5遊戲開發技術的發展進程

android 遊戲開發 pc瀏覽器 編程語言 遊戲平臺 首先,手機上最常用的兩個瀏覽器Android Chrome和iOS Safari默認支持WebGL。隨著這一飛躍式地發展,PC瀏覽器和手機都支持硬件圖形加速,而這是Web成為可行性遊戲平臺的必要條件。同時,這也使Flash、Silv

Android開發Tips(3)

gem tips hub ets tps 效果 spa cycle platform 歡迎Follow我的GitHub, 關註我的CSDN. 我會介紹關於Android的一些有趣的小知識點. 本文是第三篇, 其余第一篇, 第二篇.

Android開發Tips(2)

ini orien ota demo tex too ret ges pod 歡迎Follow我的GitHub, 關註我的CSDN. 我會介紹關於Android的一些有趣的小知識點. 上一篇. 1. Dagger2的開發順序 M

微信H5支付開發全過程(除內置微信以外的瀏覽器)

app 獲取ip getenv 過程 comm ati psi 初始 cli 前言:網上都是~ 呵呵 自己搞 只要花時間 多問客服總會有的 只說程序不說準備工作 自己ID 或者秘鑰都準備好了 寫的有點兒亂 可以把所有的方法 放在一個文件中調用 public funct

微信H5遊戲開發【私人定制】

聯網 分析 html5 下載安裝 現實 微軟雅黑 app 打開 images 微信H5遊戲指??的是html5標記語言編寫的超文本網頁遊戲,具有無視平臺和系統的通用性。傳統的移動端遊戲要下載安裝以後才可以使用,而H5遊戲則免去了這些步驟,滿足用戶直接在微信中打開、操作,不僅

CDN 邊緣微信h5鬥牛開發規則,三秒部署、支持定制、即時生效,多種規則覆蓋常用業務場景

界面 .net 服務 gen ip 地址 價值 地址 帶寬 好的 CDN 邊緣規則,三秒部署、支持定制、微信h5鬥牛開發h5.super-mans.comQ:2012035031即時生效,多種規則覆蓋常用業務場景 2017年的最後一周,又拍雲進行了一次重要升級,將自定義 R

一些開發資源的下載地址

資源 1.0 dev lib 下載地址 stm32 上下 下載 href 因為51CTO上傳不進去,只好放在百度網盤上供大家下載。 STM32_USB-FS-Device_Lib_V4.1.0庫:這個可以直接去官網上下載免費的,如果想偷懶,就從下面我提供的百度網盤地址下載

iOS開發tips-UITableView、UICollectionView行高/尺寸自適應

row wak 舉例 equal dds nib emp self 約束 UITableView 我們都知道UITableView從iOS 8開始實現行高的自適應相

微信小程序開發tips

tro 綁定 跳轉頁面 div dataset 程序 options 文件 tar 1、wx:for渲染後傳值問題: 用wx:for渲染後,如果想在綁定的事件中獲取點擊項中的數據,則在wx:for的標簽的屬性中要加入data-item屬性,具體如下: a.wml文件 &l

iOS 開發 Tips

部分 IV reac 實現 開發 model mode ive VC 1、MVVM 的優點 MVVM 兼容 MVC,可以先創建一個簡單的 View Model,再慢慢遷移。 MVVM 使得 app 更容易測試,因為 View Model 部分不涉及 UI。 MVVM 最好配

小程序的一些開發問題

級聯 chan dir 查看 中文 標題 完整 更新 名稱 1、小程序名稱可以由中文、數字、英文。長度在3-20個字符之間,一個中文字等於2個字符。 2、小程序名稱不得與公眾平臺已有的訂閱號、服務號重復。如提示重名,請更換名稱進行設置。 3、小程序名稱在帳號信息設置時完成,

h5 app 開發版本更新提示

var wgtVer=null; function plusReady(){ // 獲取本地應用資源版本號 plus.runtime.getProperty(plus.runtime.appid,function(inf){ wgtVer=inf.version; }

spark 基礎開發 Tips總結

本篇部落格主要是 sparksql 從初始開發注意的一些基本點以及力所能及的可優化部分的介紹:   所使用spark版本:2.0.0       scala版本:2.11.8 1. SparkSession的初始化:   val sparkSe

總結Django一些開發經驗

gitignore ger pat pen logging 文件管理 nbu 語言 pro 最喜歡的還是 Django 的 ORM 框架。公司的項目都是前後分離的,使用 Django 做後端接口開發還是很高效的。 特此總結一些 Django 開發的小經驗。先說一些最最基礎的

微信H5支付開發(maven倉庫版)

官方文件:https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=15_1 開發之前確認開通了H5支付功能 一、安裝微信sdk  二、建立config類 package com.xiuchefang.config; impo

android 學習之路h5混合開發專案經歷

  首先需求是要做一個h5呼叫原生去傳送udp mqtt 儲存 tcp 相機之類的功能 第一步在mainActivity 註冊監聽 private void initWebLoad(String url) { Util.synCookies(getApplica

一文讀懂H5移動開發除錯技巧

內容來源:作者 | Jartto,http://jartto.wang/2018/11/01/mobile-debug/ 閱讀字數:4478 | 12分鐘閱讀