HTML5-2D版Baymax
<!DOCTYPE html>
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-W3C//DTD// SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<html xmlns="http://www.w3.org/2000/svg">
<head>
<title>BigBai</title>
</head>
<body>
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg" >
<ellipse cx="50%" cy="18%" rx="60" ry="40"
fill="rgb(242,247,250)"
stroke="gray" stroke-opacity="0.5"/>
<circle cx="48%" cy="18%" r="6" fill="black"/>
<line x1="48%" y1="18%" x2="52%" y2="18%" stroke="black" stroke-width="2"/>
<circle cx="52%" cy="18%" r="6" fill="black"/>
<circle cx="50%" cy="55%" r="6" fill="black"/>
<circle cx="50%" cy="70%" r="6" fill="black"/>
<circle cx="50%" cy="85%" r="6" fill="black"/>
<path d="M 627 143
A 20 40 40 0 0 520 500"
stroke="black"
stroke-width="2"
fill="rgb(242,247,250)"
/>
<path d="M 740 143
A 20 40 -40 0 1 820 500"
stroke="black"
stroke-width="2"
fill="rgb(242,247,250)"
/>
<path d="M 627 143
A 25 50 12 0 0 680 830"
stroke="black"
stroke-width="2"
fill="rgb(242,247,250)"
/>
<path d="M 740 143
A 25 50 -12 0 1 680 830"
stroke="black"
stroke-width="2"
fill="rgb(242,247,250)"
/>
</svg>
</body>
</html>
HTML5-2D版Baymax相关推荐
- HTML5 2D 游戏开发（一）: Snail Bait 简介
开始您的第一个平台视频游戏 在本系列中,HTML5 专家 David Geary 将向您展示如何逐步实现一个 HTML5 2D 视频游戏.第一期的文章将向您展示一个已完成的游戏,然后引导您从头开始实现 ...
- 网页游戏五子棋php,HTML5网页版黑白子五子棋游戏的示例代码分享
闲来无事做,用H5搞了几个小游戏,当然本人只是菜鸟,搞出来玩玩,大神莫喷哦, 1.HTML5网页版黑白子五子棋游戏代码,源码请下载附件! 部分前端代码: 五子棋 *{ margin:0; paddin ...
- 五子棋游戏代码html,HTML5网页版黑白子五子棋游戏代码
特效描述:HTML5 网页版黑白子五子棋 五子棋游戏. 通过原生js和canvas实现五子棋,可以试下左右手互搏 代码结构 1. HTML代码 PK 您的浏览器不支持canvas var text = ...
- HTML5 2D Canvas手机游戏开发经验谈
HTML5 2D Canvas手机游戏开发经验谈 临渊羡鱼,不如退而结网-HTML5 2DCanvas手机游戏开发经验谈 现在什么技术最火?HTML5!现在什么技术最时尚!还是HTML5!也许有泡沫和 ...
- html5 2d,3d游戏引擎
html5 2d,3d游戏引擎 http://biz.turbulenz.com/developers posted on 2014-10-12 21:58 雨亭 阅读(...) 评论(...) 编辑 ...
- 《HTML5 2D游戏编程核心技术》——第1章，第1.3节特别功能
本节书摘来自华章出版社<HTML5 2D游戏编程核心技术>一书中的第1章,第1.3节特别功能,作者［美］ 戴维·吉尔里,更多章节内容可以访问云栖社区"华章计算机"公众号 ...
- PixiJS - 基于 WebGL 的超快 HTML5 2D 渲染引擎
Pixi.js 是一个开源的HTML5 2D 渲染引擎,使用 WebGL 实现,不支持的浏览器会自动降低到 Canvas 实现.PixiJS 的目标是提供一个快速且轻量级的2D库,并能兼容所有设备.此 ...
- HTML5 2D平台游戏开发#4状态机
在实现了<HTML5 2D平台游戏开发--角色动作篇之冲刺>之后,我发现随着角色动作的增加,代码中的逻辑判断越来越多,铺天盖地的if() else()语句实在让我捉襟见肘: 这还仅仅是角色 ...
- 《HTML5 2D游戏编程核心技术》——第2章，第2.3节使用CSS背景
**本节书摘来自华章出版社<HTML5 2D游戏编程核心技术>一书中的第2章,第2.3节,作者［美］ 戴维·吉尔里,更多章节内容可以访问云栖社区"华章计算机"公众号查看 ...
- 微信小程序图片（头像）裁剪工具we-cropper含2d版-完整版
微信小程序图片(头像)裁剪工具we-cropper含2d版-完整版 本教程基于 we-cropper v1.4.0,非本人同意禁止任何形的转载 we-cropper官方下载链接 效果图 一.非2d版 ...
最新文章
- 如何让我们的vmware虚拟机上网！！
- Boost enable_if库的测试程序
- boost的chrono模块最小时间点的测试程序
- RocketMQ各角色介绍
- MySQL 授权远程登录（Ubuntu 环境）
- C＃中的通用循环缓冲区
- 丁卓雅计算机学院,幼儿园音乐教育教学研讨会暨许卓雅教授音乐专题讲座
- C++的掐拷贝、深拷贝【面向对象程序设计细节】
- Hadoop2.0安装
- 思科路由器配置命令（三）
- 水溶性/脂溶性/Cy3/Cy3.5/Cy5 NHS ester 染料在活体成像中的应用
- MT6737/MT6737T/MT6737M处理器功能介绍,MT6737芯片资料
- 《春·蜂》processing下的动画技术交互应用
- 用matlab表白，你有一颗爱她的心，你就画出来
- Syslog-ng3.5 mysql 日志服务器
- 3.后端学习JavaScript
- 中国陶瓷油墨行业市场供需与战略研究报告
- mysql分片备份不一致问题_光大银行分布式实战：国内最大缴费平台的数据库架构转型...
- L1-007 念数字 (10分) 输入一个整数，输出每个数字对应的拼音。当整数为负数时，先输出fu字。十个数字对应的拼音如下： 0: ling 1: yi 2: er 3: san 4: si 5:
- 培训了计算机 自我总结怎么写,电脑培训的自我鉴定范文