Easeljs 小试

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width; initial-scale=1.0">
    <meta name="viewport" content="height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <script type="text/javascript" src="easeljs-0.7.1.min.js"></script>
    <script type="text/javascript " src="play.js"></script>
</head>
<body onload="init()" style="height:100%">
    <canvas id="mycanvas" width=‘300‘ height=‘300‘  >
    </canvas>
</body>
</html>

play.js

window.onLoad = function() {
    init();
}
var init = function() {
    var canvas = document.getElementById("mycanvas");//获取Canvas,注意需要设置高度和宽度。
    var stage = new createjs.Stage("mycanvas");//创建舞台
    var welcomeWords=stage.addChild(new createjs.Text("色块大战", "bolder "+font+"px Aria", "#ccc")).set({
        x: bounds.width/2*0.8,
        y: bounds.height/2*0.8,
        lineHeight: 50,
        name:"welcomeWords",
        visible:false
    });//创建子元素
    stage.addChild(welcomeWords);//添加元素   stage.update();
 }
时间: 2024-10-14 18:51:38

Easeljs 小试的相关文章

自学easeljs 根据别踩白块游戏规则自己写的代码

主要基于       -------easeljs-0.7.1.min.js-----   去制作这个游戏 思路:主要思路是以行为单位 绑定可点击行 选中则讲 移动最外层容器继续绑定可点击行的下一行 否则结束游戏 HTML页面布局 <script src="js/easeljs-0.7.1.min.js"></script> <script src="easeljs/drawZfx.js"></script> <

Redis配置以及通过C#访问小试

首先安装一个Ubuntu14.04的虚拟机用来安装Redis.Ubuntu的Unity在虚拟机里面卡爆了,可以通过如下方法安装传统的Gnome界面: sudo aptitude install gnome-session-fallback 安装完成之后可以在登录的地方选择Gnome界面. Redis的编译和安装在Linux下面非常简单,访问redis.io获得稳定版的源代码.现在是redis-2.8.13.tar.gz 下载完成之后,执行如下命令: tar xzf redis-2.8.13.ta

观察者模式小试

观察者模式又叫订阅-发布模式,也是非常常用的设计模式之一. 一.介绍 还是先来看一下<研磨设计模式>的介绍--定义对象间的一种一对多的依赖关系.当一个对象的状态发生改变的时候,所有依赖于它的对象都得到通知,并被自动更新. 观察者模式的本质:触发联动. 什么意思呢?说白了,就是说一个对象的状态发生改变,另一个对象自动做出响应.怎样能够使一个目标对象的状态发生改变时,观察者对象自动做出响应呢? 很简单,让目标对象持有观察者对象就可以了.如果一个目标对象有多个观察者,每次目标对象的状态改变,就自动遍

三个css3趣玩小试

http://jsbin.com/semeh/8 请使用chrome打开 1.类似于网易新闻客户端的loading效果,左边的圆圈 2.发散式心跳效果,右边的圆圈 3.youtub上,搜索进度条效果,点击start,顶部的进度条宽度达到30%~70%区间时(随机),js设置至100%,然后reload页面 三个css3趣玩小试,布布扣,bubuko.com

代理模式小试

一.介绍 什么是代理模式. 惯例,我们先看一下<研磨设计模式>中的介绍--为其他对象提供一种代理以控制对这个对象的访问.代理模式的本质是--控制对象访问. 什么意思呢? 就是我们每次访问一个对象的时候,实际上去访问这个对象的代理.这个代理实际上就是这个对象的替身,可以实现原本对象绝大多数的功能.只有当需要某些特殊功能的时候,才去调用原本的对象.这样一来,在不修改原对象的情况下,就可以在代理对象上实现很多特殊的功能.这些功能基本都属于访问控制. 这里所说的代理跟我们平时所说的各种代理,其实就是一

Createjs学习心得之使用EaselJs实现拖拽效果

寒假时跟着老师在做一个createjs+angularjs的html5应用app,因为在这之前完全没了解过createjs这个框架,所以在查找资料时发现,国外官网(http://www.createjs.com)API文档虽是详细,但对于一些英语不太好的童鞋(其实我也是一枚英语渣渣)就比较难理解了.而国内中文社区做的并不好,用户不多,资料翻译准确度不够.所以在这里,我就把我学习Createjs的一些心得体会向大家分享下: 一.什么是CreateJS? createjs是一个轻量级的javascr

小试ASP.NET MVC

上篇博客我们大体介绍了ASP.NET MVC以及如何去新建项目,这篇博客我们讲点干货.小试ASP.NET MVC,我们来写一个简单的邀请WEB. 首先,自然是首页,我们让其显示一个问候并邀请访问者的文字. 我们在Controller里面新建HomeController.cs文件,并在其Index方法中写如下代码. public ViewResult Index() { int hour = DateTime.Now.Hour; ViewBag.Greeting = hour < 12 ? "

Html5游戏框架createJs组件--EaselJS(二)绘图类graphics

有端友问我是否有文档,有确实有,但没有中文的,只有英文的,先提供浏览地址供大家参考学习createJs英文文档.                        EaselJS其实主要就是createJs组件中控制canvas绘图的,那么就会涉及密切相关的绘图操作,绘图操作利用Graphics类实现,我们来仔细的研究研究Graphics类. 先回顾一下EaselJS(一里面的那个圆形绘图): <!DOCTYPE HTML> <html lang="en-US">

学习Webservice之入天气小试

主要方法是:通过程序中设置代理用公司内网访问外部Webservice public InputStream getSoapInputStream(String url) { InputStream inputStream = null; try { URL urlObj = new URL(url); InetSocketAddress addr = new InetSocketAddress("172.17.18.80", 8080); Proxy proxy = new Proxy