大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
Collie 是一个 JavaScript 库,用于创建高度优化的 HTML5 动画和游戏。Collie 可以运行在 PC 和手机上,使用 HTML5 Canvas 和 DOM。Collie 能够多线程稳定的处理多个对象,支持很多实用的功能,包括精灵动画和用户事件。稳定支持 iOS 和 Android,并为每个平台的渲染提供优化的方法。
Demos
-
Origami(地址:http://jindo.dev.naver.com/collie/demo/origami/)
-
Drag&Drop(地址:http://jindo.dev.naver.com/collie/demo/drag/)
-
Particles(地址:http://jindo.dev.naver.com/collie/demo/heoyunhwa/)
-
Collie+sion(地址:http://jindo.dev.naver.com/collie/demo/colliesion/)
示例代码:
<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>
源码下载
collie.min.js (89.07kb, gzipped 20kb)
collie.tool.min.js debug version
collie.Box2d.min.js debug version
帮助文档
这里是 API 参考文档 ,下面是开发教程,包括基础入门教程和高级应用教程两部分。
- 基础
- 高级
浏览器兼容
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账号...