
HTML5
飞驰的蜗牛牛
虽为蜗牛,但会以最大的速度飞驰
展开
-
TypeScript中enum 与switch 一段有意思的代码
先看代码enum States{ idle, run, attack}//let state:States=Math.random()>0.7?States.idle:Math.random()>0.5?States.attack:States.runlet state:States=States.idleswitch(state){ case States.idle: console.log("idle") b原创 2022-01-13 11:18:55 · 760 阅读 · 0 评论 -
createjs Tween effect
app.jsvar stage,tweens,circleCount=25,activeCountfunction init(){ stage=new createjs.Stage("canvas") createjs.Ticker.setFPS(60) //createjs.MotionGuidePlugin.install(createjs.Tween) start()...原创 2021-12-30 21:17:59 · 389 阅读 · 0 评论 -
createjs MotionGuidePlugin
MotionGuidePlugin的使用方法原创 2021-12-30 20:47:58 · 226 阅读 · 0 评论 -
Sprite Animation
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script src="lib/easeljs-0.7.1.min.js" charset="utf-8"></script> <script src="lib/tweenjs-0....原创 2021-12-30 16:02:59 · 833 阅读 · 0 评论 -
createjs--MovieClip
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script src="lib/easeljs-0.7.1.min.js" charset="utf-8"></script> <script src="lib/tweenjs-0....原创 2021-12-30 11:37:11 · 426 阅读 · 0 评论 -
creatjs 键盘控制
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script src="lib/easeljs-0.7.1.min.js" charset="utf-8"></script> </head> <body onload="in...原创 2021-12-30 09:20:07 · 239 阅读 · 0 评论 -
createjs 键盘按键控制
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script src="lib/easeljs-0.7.1.min.js" charset="utf-8"></script> </head> <body onload="init.原创 2021-12-29 17:03:18 · 228 阅读 · 0 评论 -
createjs object.mousedown stagemousemove stagemouseup
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script src="lib/easeljs-0.7.1.min.js" charset="utf-8"></script> </head> <body onl...原创 2021-12-29 15:07:36 · 174 阅读 · 0 评论 -
createjs mouseover-mouseout
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script src="lib/easeljs-0.7.1.min.js" charset="utf-8"></script> </head> <body> &l...原创 2021-12-29 14:43:47 · 236 阅读 · 0 评论 -
createjs Ticker
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script src="lib/easeljs-0.7.1.min.js" charset="utf-8"></script> <script src="lib/tweenjs-0....原创 2021-12-29 14:19:51 · 464 阅读 · 0 评论 -
createjs Ticker、stage.canvas
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script src="lib/easeljs-0.7.1.min.js" charset="utf-8"></script> <script src="lib/tweenjs-0....原创 2021-12-29 11:16:36 · 242 阅读 · 0 评论 -
creatjs绘制图像
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script src="lib/easeljs-0.7.1.min.js" charset="utf-8"></script> <script src="lib/tweenjs-0.5.1...原创 2021-12-29 10:53:30 · 341 阅读 · 0 评论 -
createjs 中的shape()绘制
两种写法:1,连在一起var rect=new createjs.Shape(new createjs.Graphics().beginFill("red").drawRect(0,0,100,100))----------VS-----------------2,分步说明var rect=new createjs.Shape()rect.graphics.beiginFill("red")rect.graphics.drawRect(0,0,100,100)...原创 2021-12-29 09:27:49 · 703 阅读 · 0 评论 -
var id=src.toLowerCase().split(“/“).pop().split(“.“)[0];
var id=src.toLowerCase().split("/").pop().split(".")[0]; 语句的步步递进解释原创 2021-12-28 20:43:11 · 487 阅读 · 0 评论 -
canvas -createImageData之 +4 for循环
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>img标签:</p> <!--<img id="imgid" src="color.jpg" alt="" use-cr...原创 2021-12-28 10:58:02 · 364 阅读 · 0 评论 -
HTML5绘制五角星
HTML5 JS绘制五角星原创 2021-12-27 20:32:11 · 1962 阅读 · 0 评论