createjs soundjs的注册和预加载
播放声音前必须注册,registerSound 可以注册单个声音,registerSounds注册一堆声音,如果你在使用play播放之前或createInstance方法创立实例前没有注册,声音也会自动注册,但是重新播放可能会失败,因为声音没有准备好。 如果你使用了preloadjs,声音加载完毕就会被注册(registration is handled for you) 推荐使用内部注册函数或者PreloadJS加载后使用
javascript 获取随机数
函数Math.random() random() 方法可返回介于 0 ~ 1 之间的一个随机数。
createjs 获取不到Bitmap宽度的问题
昨天做测试,bitmap一直获取不到宽度 废了好多时间,跟热心网友一起调试后发现 是图片加载后才能获取宽高 当然这也很合情合理 是我错了 大致是这样 示例 [pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] var image = new Image(); // 新建dom img元素 image.src = './img/hy.jpg'; // 指定图片路径 image.onload = function(){ // 图片加载后才能执行其他操作 var img = new createjs.Bitmap(image); var bmW = img.getBounds().width; var bmH = img.getBounds().height; img.scaleX= w/bmW; img.scaleY= w/bmW; stage.addChild(img); ...
用easeljs不能一个对象位于两个地方
今天遇到一个错误 我在stage放了一个图 然后又把这个位图放到了一个container里,结果后面的就不显示 因为,一个图不可能出现在两个位置 实例化两个就好了
createjs easeljs 实现图片渐隐渐显
主要是使用set方法 Bitmap的set方法可以设定他的alpha属性 也可以直接修改alpha属性值
easljs 精灵集
示例 [pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] function init(){ var stage = new createjs.Stage('gameview'); var image = new Image(); var data; var spriteSheet; image.src = './spritesheet.png'; image.onload = function(e){ var text = new createjs.Text("Hello World", "20px Arial", "#ff7700"); stage.addChild(text); data = { framerate: 30, images:[image],//图片路径 frames:{"regX...
easljs drawCircle x 和 y属性
两个属性是指相对圆心的位置 示例: [pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] var shape = new createjs.Shape(); shape.graphics.beginFill("#000").drawCircle(0,0,100); shape.x = 0; shape.y = 0; [/pcsh]
easljs drawCircle 变椭圆的解决办法
很可能是设置了canvas的css样式 canvas应该通过属性width和height去设置长高,否则会出现椭圆 示例: [pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] <canvas id='gameview' width="210" height="210"></canvas> [/pcsh]
easljs Shape 类
使用方法: 会生成一个Graphic实例,用graphics属性可以获取他 示例: [pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] var shape = new createjs.Shape(); shape.graphics.beginFill("#ff0000").drawCircle(0, 0, 50); [/pcsh]
js 事件 默认传参
使用easljs时,要在图片完全加载后才能使用Bitmap进行初始化 用到了onload事件,发现这个事件会默认传递事件‘event’过去 不知其他事件是不是都是这样的 示例: [pcsh lang=”js” tab_size=”4” message=”” hl_lines=”” provider=”manual”] image.onload = function(e){ img = new createjs.Bitmap(e.target); stage.addChild(img); stage.update(); } [/pcsh]