Collie——基于 HTML5 的高性能 JavaScript 动画库

Collie——基于 HTML5 的高性能 JavaScript 动画库Collie是一个JavaScript库,用于创建高度优化的HTML5动画和游戏。Collie可以运行在PC和手机上,使用HTML5Canvas和DOM。Collie能够多线

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

  Collie 是一个 JavaScript 库,用于创建高度优化的 HTML5 动画和游戏。Collie 可以运行在 PC 和手机上,使用 HTML5 Canvas 和 DOM。Collie 能够多线程稳定的处理多个对象,支持很多实用的功能,包括精灵动画和用户事件。稳定支持 iOS 和 Android,并为每个平台的渲染提供优化的方法。

  

Collie——基于 HTML5 的高性能 JavaScript 动画库

 

Demos

 

示例代码:

<div id="container"></div>
 
<!-- Load script -->
<script type="text/javascript" src="http://jindo.dev.naver.com/collie/deploy/collie.min.js"></script>
<script type="text/javascript">
// Load the logo.png image
collie.ImageManager.add({
    "logo" : "http://jindo.dev.naver.com/collie/img/small/logo.png"
});
 
// Create layer
var layer = new collie.Layer({
    width : 320,
    height : 480
});
 
// Create object that will be displayed on the screen
var item = new collie.MovableObject({
    x : "center",
    y : "center",
    velocityRotate : 180,
    backgroundImage : "logo" // The background image is re-sized to the pre-loaded logo.png size
}).addTo(layer); // Add to layer
 
// Add layer to renderer
collie.Renderer.addLayer(layer);
 
// Retrieve renderer from the container ID element
collie.Renderer.load(document.getElementById("container"));
 
// Start rendering
collie.Renderer.start();
</script>

 

源码下载

帮助文档

 

浏览器兼容

  PC:ie9+(ie6~8 no-transform-support), chrome, firefox, safari, opera
  Mobile OS:iOS4+, Android2.1+, WindowsMobile 7.5+

 

您可能感兴趣的相关文章

 

 

本文链接:Collie——基于 HTML5 的高性能JavaScript动画库

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/167364.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 到底什么是集群&分布式

    到底什么是集群&分布式

    2020年11月12日
  • javascript简介_javascript对象

    javascript简介_javascript对象JavaScript中ActiveXObject对象是启用并返回Automation对象的引用。使用方法:newObj=newActiveXObject(servername.typename[,location])ActiveXObject对象语法有这些部分:其中newObj是必选项。要赋值为ActiveXObject的变量名。servername是必选项。提供

    2022年10月14日
  • php 0xffffffff,[已解决]怎么随机出0xFF000000 – 0xFFFFFFFF 之间的数?

    php 0xffffffff,[已解决]怎么随机出0xFF000000 – 0xFFFFFFFF 之间的数?importwin.ui;importgdip;//导入GDI+库importmath;/*DSG{{*/varwinform=..win.form(bottom=399;parent=…;right=599;text=”aardioForm”)winform.add(button={bottom=363;text=”button”;left=423;top=318;z=1…

  • IDS入侵检测系统的缺点_IDS入侵检测是指依照

    IDS入侵检测系统的缺点_IDS入侵检测是指依照[转载自:https://blog.csdn.net/qq_36119192/article/details/84343269]一、IDS是什么IDS(intrusiondetectionsystem)入侵检测系统是一种对网络传输进行即时监视,在发现可疑传输时发出警报或者采取主动反应措施的网络安全设备。它与其他网络安全设备的不同之处便在于,IDS是一种积极主动的安全防护技术。在很多中大…

  • jbuilder加载mysql驱动

    jbuilder加载mysql驱动

  • arm服务器测评_ARM:异军突起「建议收藏」

    arm服务器测评_ARM:异军突起「建议收藏」RISC:战火点燃RISC和CISC握手言和,这并非服务器市场竞争结束,而是新一轮战火点燃的信号。双方短暂的和平还因为现在的处理器速度与指令集构架的关系越来越小,指令集构架的影响力早已被CPU微结构,甚至更为贴近底层的设计所超越。而反观服务器市场,在中低档服务器全盘被x86所统治的情况下,高端服务器的竞争形势也很激烈。在高档服务器市场中,Compaq的Alpha、惠普的PA-RISC、MIPS公司…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号