Parkeeers
Parkeeers

CreateJS神坑之旅

本文章记录自己使用createjs遇到的各种神坑，将持续更新！

神坑汇总

  • SoundJS中，Chrome控制板中Network能看到音频文件已经加载，但是无法使用play对音频进行播放

    • 原因：没熟读fileload事件的定义，在未加载音频时，就操作音频而报错！

  • 实现一个遮罩的效果，未成功

    • 原因：1. 遮罩只能使用shape，不能让bitmap成为遮罩。2.对显示对象使用遮罩，不管你这个遮罩属于哪个容器的，换句话说，不管遮罩的父元素是谁，其真正遮挡的"隐形显示对象"父元素会立马修改为当前使用遮罩的哪个显示对象的父元素，总结：真正遮罩的部分与被遮罩对象同用被遮罩对象的父元素。

你可能感兴趣的:(createjs)

  • web可视化学习----tween.js前端动画库 弹簧马男爵 前端可视化-框架tween-js
    web可视化学习—-tween.js前端动画库tween.js是一个强大的js动画库一般来说，使用tweenJS一般是结合EaselJS一同使用，Easel是用来绘图的工具库，再利用TweenJS完成动画。tweenjs调用链接，当然你也可以下到本地引用我们用一个小demo来开始functioninit(){//利用easel画圆varstage=newcreatejs.Stage("demoCa
  • 直播App中酷炫礼物动画实现方案 svgadesiner
    SVGA-Format介绍SVGA是一种动画格式SVGA类似于Dragonbones/CreateJS格式规范1.x1.x使用JSON描述动画，JSON是一种易于扩展的、强大的描述语言，但是，JSON也有一个致命的缺点，当动画极度复杂时，JSON文件会变得非常大，解析耗时以及内存开销会增大。因此，JSON方案已于2.0开始，被弃用。2.x2.x使用ProtoBuf描述动画，相关的Proto协议可以
  • 游戏框架列举 依耳私语
    由于目前做h5课件小游戏开发快一年之久，所以想要自己总结写目前流行的框架，我们的框架是早起程序开发的一个不开源的框架，也就是底层canvas、再加上通信这块用的websocket。以下是我找的游戏框架列举：1、createJS是比较小型的一种框架可以用来做网页小游戏http://www.createjs.cc/2、PixiJSv4用最快，最灵活的2DWebGL渲染器创建精美的数字内容http://
  • 【QT】Qt使用QJson生成json文件并保存 Cappuccino-jay QTqtjson
    Sample1:#include#include#include#include#include#include#includevoidcreateJson(){QVariantHashdata;QVariantHashsubData1;subData1.insert("name","apple");subData1.insert("icon","appleIcon");subData1.inse
  • https://www.cnblogs.com/cheemon/p/5960679.html Volcaner
    createjs入门之EaselJs绘制图片Bitmaphttps://www.cnblogs.com/cheemon/p/5960679.htmlbitmap.getBounds().widthbitmap.getBounds().heightbitmap.scaleXbitmap.scaleY
  • [H5动画制作系列] 路径引导动画 Demo gCode Teacher 格码致知 createjs
    代码参考1：路径引导动画Demo1varstage;functioninit(){stage=newcreatejs.Stage("canvas");createjs.Ticker.addEventListener("tick",tickFn);createjs.Ticker.framerate=8;createjs.MotionGuidePlugin.install();start();}fun
  • MySQL 5.7 JSON函数学习 johnny233 数据库mysql
    概述MySQL在5.7版本中引入JSON支持，并在后续版本中持续增强。官方文档：JSONJSON-Functions介绍NameDescriptionJSON_APPEND()AppenddatatoJSONdocumentJSON_ARRAY()CreateJSONarrayJSON_ARRAY_APPEND()AppenddatatoJSONdocumentJSON_ARRAY_INSERT(
  • [H5动画制作系列] Sprite及Text Demo gCode Teacher 格码致知 AnimatecreatejsH5html前端
    参考代码:sprite.js:varcanvas,stage,container;canvas=document.getElementById("mainView");functioninit(){stage=newcreatejs.Stage(canvas);createjs.Touch.enable(stage);varloader=newcreatejs.LoadQueue(false);l
  • createJS--learn 依耳私语
    createJS主要包含四个类库EaselJS：简化处理HTML5画布，显示列表的顶级容器Stage来处理画布，包含了很多Graphics（绘图）类，处理图形相关操作，通常不直接使用Graphics，而是用Shape类来处理。画图片用Bitmap，画图形：比如矩形，圆形等用（shape）【类似于改变坐标x，y，增加阴影shadow，透明度alpha，缩小放大scaleX/scaleY都可以做到】，
  • 画布跨域像素错误(canvas cross domain pixel error) 前端小菜花
    我们项目组基于createJS做了一个有意思的红包雨活动（createJS，canvas），项目快结束的时候，我们开始了生产环境的部署，我们把所有的静态资源都放到了七牛CDN上，本以为能够使我们的canvas加载图片得更快，结果意外发生了，在生产环境上，报了这个错屏幕快照2018-08-24上午10.57.21.png========================================
  • nlohmann json：通过items遍历object/array 风静如云 C/C++json
    //官方的例子#include#includeusingjson=nlohmann::json;intmain(){//createJSONvaluesjsonj_object={{"one",1},{"two",2}};jsonj_array={1,2,4,8,16};//exampleforanobjectfor(auto&x:j_object.items()){std::cout<<"key
  • 【java】json字符串转json文件 王佑辉 javajava
    代码示例publicstaticbooleancreateJsonFile(StringjsonString,StringfilePath,StringfileName){//标记文件生成是否成功booleanflag=true;//拼接文件完整路径StringfullPath=filePath+File.separator+fileName+".json";//生成json格式文件try{//保
  • java生成json格式的文件 _风_云_ javajavajson开发语言
    /***生成.json格式文件*/publicstaticbooleancreateJsonFile(StringjsonString,StringfilePath,StringfileName){//标记文件生成是否成功booleanflag=true;//拼接文件完整路径StringfullPath=filePath+File.separator+fileName+".json";//生成js
  • Vue项目引入CreateJS的方法（亲测） xrkffgg
    1前言1.1CreateJS介绍imageCreateJS是基于HTML5开发的一套模块化的库和工具。基于这些库，可以非常快捷地开发出基于HTML5的游戏、动画和交互应用。Asuiteofmodularlibrariesandtoolswhichworktogetherorindependentlytoenablerichinteractivecontentonopenwebtechnologie
  • 【H5游戏】-使用CreateJS实现一个【拯救球员】小游戏，快@你的小伙伴一起来玩儿吧 不要喷香水 H5游戏动画css3javascript
    专栏简介个人主页专栏目录点击上方查看更多内容心灵鸡汤积极人生看到的世界是一片阳光，消极人生看到的世界是一片黑暗;积极人生感受到的生活是无比快乐，消极人生心里感觉到的仅是一丝丝悲凉不定时分享各种H5小游戏，欢迎订阅！收藏！拯救球员游戏需求核心玩法界面原型成品演示游戏开发1.游戏素材准备2.代码实现1.创建index.html页面2.首页转场动画实现3.添加分数倒计时4.卡片排序展示5.游戏结束  世
  • 可以引用的前端js常见效果 pengpengcoder JqueryjsJS
    http://www.iampua.com/pui/基于antd的react管理平台-添加了D3.js结合使用[HOT]Createjs游戏引擎制作《办公室零食大作战小游戏》[NEW]红包雨2.0小游戏[HOT]Canvas学习实例教程之简单动画[NEW]Javascript自定义缓动函数EasingCanvas学习实例教程之图形变化[NEW]Canvas学习实例教程[NEW]D3.js实战例子八
  • 【第二届青训营-寒假前端场】- 「小游戏开发」笔记 余cos 笔记前端游戏开发游戏引擎
    前端场景下的游戏开发开发角色和链路为什么要用游戏引擎前端过渡到游戏开发游戏引擎市面上常见游戏引擎特定类型的客户端游戏引擎TheNVLMaker**RPGMaker**Web游戏引擎CocosLayaEgretCreateJS&Phaser功能引擎2D游戏引擎的技术架构Web游戏引擎的渲染原理游戏开发的技能树PixiJS+Web开发Pixi简介在web项目中加载一个游戏玩法CocosCreator编
  • 手撕前端面试题【javascript】 不良使 前端之牛客启航javascript前端原型模式
    前端的那些基本标签instanceofArray.mapArray.filterArray.reduce_objectCreatejs中哪些操作会造成内存泄漏?html页面的骨架，相当于人的骨头，只有骨头是不是看着有点瘆人，只有HTML也是如此。css,相当于把骨架修饰起来，相当于人的皮肉。js(javascripts),动起来，相当于人的血液，大脑等一切能使人动起来的器官或者其他的。在刷题之前先
  • js笔记三十三之原型链模式基础 uplyw
    原型链模式//构造函数模式functionCreateJsPerson(name,age){this.name=name;this.age=age;this.writeJs=function(){console.log("mynameis"+this.name+",Icanwritejs!")}}varp1=newCreateJsPerson("lilei",18);varp2=newCreate
  • H5案例分析 | 大禹三过家门而不入 40_N
    一、基本信息1、主题：大禹三过家门而不入2、来源：方太3、类型：展示型（图文+视频）4、技术实现：CreateJS+Video二、内容策划大禹三过家门而不入的故事我们听了很多遍，在这个H5中，将大禹治水和现代生活结合起来，重新演绎了“大禹治水”的故事。H5共分为了三个部分，分别是大禹第一次、第二次、第三次路过家门为何没进去的场景。最后一部分设置问题：为何大禹13年不回家，夫妻关系却没有受影响？用户
  • Flutter Unable to create JsDialog without an Activity 爱静静真好
    webview_flutter在运行在Android上，当前端同学调用alert的时候会报UnabletocreateJsDialogwithoutanActivity的错误，解决办法：在启动webview之前执行if(Platform.isAndroid)WebView.platform=SurfaceAndroidWebView();该方法还可解决诸多奇怪的问题，比如软键盘点击input外部区
  • wx-share 微信分享 泠泉
    需要注意的是签名的url需要与当前url一致。分享的url，即link可以是当前域名下任意链接api获取签名importaxiosfrom'common/js/axios'constpath='/woa'///web-authexportconstcreateJsSignature=()=>{returnaxios.post(`${path}/web-auth/create-js-signatur
  • canvas 动画库 CreateJs 之 EaselJS（下篇） yijian2595
    本文来自网易云社区作者：田亚楠继承对应原文：Inheritance我们可以继承已有的「显示对象」，创建新的自定义类。实现方法有很多种，下面介绍其中之一。举例：实现一个继承于Container类的自定义类Button：共分4步：自定义构造器继承父类，获得父类的功能重写已有方法，扩展自身方法promote继承来的方法，返回自定义类(function () {    // 自定义构造器    //  -
  • jQuery遇到的问题 简单coder
    1.position:relative;相对布局的功能2.box.eq(0)eq这个功能3.varminBoxHeight=Math.min.apply(null,boxArr);这个函数4.box.last().get(0).offsetTopget(0)是指获取当前对象?5.createjs.Shape.call(this);为什么有的时候加(),有的时候不加,而且这是个什么方法
  • android 获取 webview html 三步搞定 iyifei
    step1:createjsinterfaceclassclassgetHtmlListener{@JavascriptInterfacepublicvoidgetHtml(Stringhtml){LogUtil.e("result",html);}}step2:addJavascriptInterfacewebview.addJavascriptInterface(newgetHtmlListe
  • MySQL处理JSON常见函数的使用
    官方文档：JSONFunctionsNameDescriptionJSON_APPEND()AppenddatatoJSONdocumentJSON_ARRAY()CreateJSONarrayJSON_ARRAY_APPEND()AppenddatatoJSONdocumentJSON_ARRAY_INSERT()InsertintoJSONarray->ReturnvaluefromJSONc
  • 正经地图，数一数二的实用艺术 Nora Taki CreateJsjscanvas
    ※编码思路来源于CreateJs官方Project地图来源自然资源部地图技术审查中心承办的标准地图服务网站《中国地势图1:1600万8开》审图号：GS(2016)1609号想要了解和下载更多关于标准地图的内容，欢迎访问中国地图出版集团官网和中国地图出版集团官方微博文章目录效果展示代码分释全部代码效果展示代码分释整体思路通过调整定义在Bitmap层的Filter参数，来调整图层的亮度、对比度、饱和度
  • 说我死宅？看我在标准世界地图上来回摩擦！ Nora Taki CreateJsjscanvas
    ※图片资源来源于CreateJs官方Project地图来源自然资源部地图技术审查中心承办的标准地图服务网站世界地图小8开审图号：GS(2016)1663号想要了解和下载更多关于标准地图的内容，欢迎访问中国地图出版集团官网和中国地图出版集团官方微博文章目录效果演示代码分释全部代码效果演示代码分释整体思路通过SpriteSheet构建一个可操作的动画，利用Ticker进行计时的事件触发，通过鼠标事件控
  • 一个基于HTML，Javascript的消除游戏 海拥✘ HTML好玩的简单项目好玩游戏游戏
    消除游戏-消消乐一个基于HTML，Javascript的消除游戏。使用了createjs框架。->viewonlinedemoscreenshot:Example1:Example“hint()”:Example[col&row]:{col:20,//set20columnsrow:16,//set16rows}usage:varxxl=newXiaoXiaoLe("js-game","img",
  • JAVA 格式化JSON数据并保存到json文件中的实例
    使用fastjson格式化json数据并保存到文件/***将JSON数据格式化并保存到文件中*@paramjsonData需要输出的json数*@paramfilePath输出的文件地址*@return*/publicstaticbooleancreateJsonFile(ObjectjsonData,StringfilePath){Stringcontent=JSON.toJSONString(
  • java数字签名三种方式 知了ing javajdk
    以下3钟数字签名都是基于jdk7的 1，RSA String password="test"; // 1.初始化密钥 KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA"); keyPairGenerator.initialize(51
  • Hibernate学习笔记 caoyong Hibernate
    1>、Hibernate是数据访问层框架，是一个ORM(Object Relation Mapping)框架，作者为:Gavin King 2>、搭建Hibernate的开发环境      a>、添加jar包:      aa>、hibernatte开发包中/lib/required/所
  • 设计模式之装饰器模式Decorator（结构型） 漂泊一剑客 Decorator
    1. 概述        若你从事过面向对象开发，实现给一个类或对象增加行为，使用继承机制，这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法，或者须要给方法添加更多的功能（魅力），你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。      
  • 读取磁盘文件txt，并输入String 一炮送你回车库 String
    public static void main(String[] args) throws IOException {    String fileContent = readFileContent("d:/aaa.txt");    System.out.println(fileContent);   
  • js三级联动下拉框 3213213333332132 三级联动
    //三级联动 省/直辖市<select id="province"></select> 市/省直辖<select id="city"></select> 县/区 <select id="area"></select>
  • erlang之parse_transform编译选项的应用 616050468 parse_transform游戏服务器属性同步abstract_code
             最近使用erlang重构了游戏服务器的所有代码，之前看过C++/lua写的服务器引擎代码，引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能，这也是现在很多游戏服务器的优化方向，在引擎层面去解决数据同步和数据持久化，数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
  • JAVA JSON的解析 darkranger java
    // { // “Total”：“条数”， // Code: 1, // // “PaymentItems”:[ // { // “PaymentItemID”:”支款单ID”, // “PaymentCode”:”支款单编号”, // “PaymentTime”:”支款日期”, // ”ContractNo”:”合同号”， //
  • POJ-1273-Drainage Ditches aijuans ACM_POJ
    POJ-1273-Drainage Ditches http://poj.org/problem?id=1273 基本的最大流，按LRJ的白书写的 #include<iostream> #include<cstring> #include<queue> using namespace std; #define INF 0x7fffffff int ma
  • 工作流Activiti5表的命名及含义 atongyeye 工作流Activiti
    activiti5 - http://activiti.org/designer/update在线插件安装 activiti5一共23张表 Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。 ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 （图片，规则，等等）。 A
  • android的广播机制和广播的简单使用 百合不是茶 android广播机制广播的注册
          Android广播机制简介 在Android中，有一些操作完成以后，会发送广播，比如说发出一条短信，或打出一个电话，如果某个程序接收了这个广播，就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播，就是因为它只负责“说”而不管你“听不听”，也就是不管你接收方如何处理。另外，广播可以被不只一个应用程序所接收，当然也可能不被任何应
  • Spring事务传播行为详解 bijian1013 javaspring事务传播行为
            在service类前加上@Transactional，声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。         Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
  • eidtplus operate 征客丶 eidtplus
    开启列模式: Alt+C 鼠标选择   OR   Alt+鼠标左键拖动 列模式替换或复制内容(多行): 右键-->格式-->填充所选内容-->选择相应操作 OR Ctrl+Shift+V(复制多行数据,必须行数一致) -------------------------------------------------------
  • 【Kafka一】Kafka入门 bit1129 kafka
    这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765)，这里把它单独取出来，作为Kafka的入门吧   下载Kafka http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz 2.10表示Scala的版本，而0.8.1.1表示Kafka
  • Spring 事务实现机制 BlueSkator spring代理事务
    Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象，其实是代理对象的实例，并不是我们所写的Service对象实例。既然是两个不同的对象，那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢？为了说明问题，假设有个Service类叫AService，它的Spring事务代理类为AProxyService，AService实现了一个接口
  • bootstrap源码学习与示例：bootstrap-dropdown（转帖） BreakingBad bootstrapdropdown
    bootstrap-dropdown组件是个烂东西，我读后的整体感觉。 一个下拉开菜单的设计： <ul class="nav pull-right"> <li id="fat-menu" class="dropdown">
  • 读《研磨设计模式》-代码笔记-中介者模式-Mediator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 中介者模式（Mediator）：用一个中介对象来封装一系列的对象交互。 * 中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。 * * 在我看来，Mediator模式是把多个对象（
  • 常用代码记录 chenjunt3 UIExcelJ#
      1、单据设置某行或某字段不能修改 //i是行号,"cash"是字段名称 getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false); //取得单据表体所有项用以上语句做循环就能设置整行了 getBillC
  • 搜索引擎与工作流引擎 comsci 算法工作搜索引擎网络应用
          最近在公司做和搜索有关的工作，(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了，偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍，我发现这样一个关系(仅仅是猜想)   -----搜索引擎和流程引擎的基础--都是图论，至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
  • oracle Health Monitor daizj oracleHealth Monitor
    About Health Monitor Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database. About Health Monitor Checks Health M
  • JSON字符串转换为对象 dieslrae javajson
        作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.   
  • C语言学习八结构体，综合应用，学生管理系统 dcj3sjt126com C语言
    实现功能的代码： # include <stdio.h> # include <malloc.h> struct Student { int age; float score; char name[100]; }; int main(void) { int len; struct Student * pArr; int i,
  • vagrant学习笔记 dcj3sjt126com vagrant
    想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant   1. vagrant virtualbox 下载安装 https://www.vagrantup.com/downloads.html https://www.virtualbox.org/wiki/Downloads   查看安装在命令行输入vagrant     2.
  • 14.性能优化-优化-软件配置优化 frank1234 软件配置性能优化
    1.Tomcat线程池 修改tomcat的server.xml文件： <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
  • 一个不错的shell 脚本教程 入门级 HarborChung linuxshell
    一个不错的shell 脚本教程 入门级 建立一个脚本 　　Linux中有好多中不同的shell，但是通常我们使用bash (bourne again shell) 进行shell编程，因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash（但是在大多数情况下，这些脚本同样可以在 bash的大姐，bourne shell中运行）。 　　如同其他语言一样
  • Spring4新特性——核心容器的其他改进 jinnianshilongnian spring动态代理spring4依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • Linux设置tomcat开机启动 liuxingguome tomcatlinux开机自启动
    执行命令sudo gedit /etc/init.d/tomcat6 然后把以下英文部分复制过去。（注意第一句#!/bin/sh如果不写，就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。 #!/bin/bash # # /etc/rc.d/init.d/tomcat # init script for tomcat precesses
  • 第13章 Ajax进阶（下） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Troubleshooting Crystal Reports off BW blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE   Quite useful, especially this part: SAP BW connectivity For t
  • Java开发熟手该当心的11个错误 tomcat_oracle javajvm多线程单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 正则表达式大全 yang852220741 html编程正则表达式
    今天向大家分享正则表达式大全，它可以大提高你的工作效率 正则表达式也可以被当作是一门语言，当你学习一门新的编程语言的时候，他们是一个小的子语言。初看时觉得它没有任何的意义，但是很多时候，你不得不阅读一些教程，或文章来理解这些简单的描述模式。 一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他