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版 ...
最新文章
- 《基于张量网络的机器学习入门》学习笔记2
- bash-shell高级编程--操作符与相关主题
- IT巨头组队年末将推“Gen-Z”内存新架构,英特尔和思科缺席是闹哪样?
- Oracle中表连接的方式有哪些
- Eval()、XPath() 和 Bind() 这类数据绑定方法只能在数据绑定控件的上下文中使用
- 李白打酒java_蓝桥杯-李白打酒-java
- linux上2048游戏程序,如何在Ubuntu中安装2048游戏
- ext.js解决html乱码,extjs 中文乱码
- 改变Android应用图标
- Android开发-Service(服务)
- Python Turtle 画图:黑洞里的繁星(附源代码)
- Android中安装ADB工具
- Large-scale cluster management at Google with Borg
- centos6/7 vault源使用
- 「浏览器书签」与「笔记类工具」在信息管理中的定位
- Windows密码凭证获取学习
- php+laravel框架七牛云存储+图片审核+文字审核
- horspool算法C语言代码,sfa3
- 清除系统垃圾文件bat
- 简单直接让你也读懂springmvc源码分析(3.1)-- HandlerMethodReturnValueHandler