移植flash游戏到android

最新推荐文章于 2025-01-13 13:51:59 发布
最新推荐文章于 2025-01-13 13:51:59 发布
阅读量4.6k 收藏 9
点赞数
分类专栏： android学习
通过Rexsee提供的解决方案，实现Flash游戏在Android设备上的移植。利用HTML和JS代码，结合虚拟键盘或方向传感器控制，使玩家能在手机上畅玩经典Flash游戏。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

网上有很多现成的Flash游戏，一直想在手机上玩，虽说Android2.2支持Flash，但是大多数游戏需要键盘控制，最多的就是方向键，而手机大多数没有键盘（有键盘的好像也不行），所以实际上就没办法玩了。

 

现在Rexsee提供了一个很简单的解决方案，可以迅速将Flash游戏移植到Android手机上（2.2以上）。（目前Rexsee已经开源，在社区可以查看全部的开发手册、API说明与源码，www.rexsee.com） 

下面是一个例子，把经典的美羊羊卡丁车移植到了手机上，而且有两个版本，一个用虚拟键盘，一个用方向传感器。

 

所有代码是用HTML和JS写的，包括全部HTML，总共只有100多行。步骤如下：

 

  1. 准备键盘图片，这里用到了6个键，左、右、空格（跳跃）、退出、消息和Rexsee市场键，Rexsee提供了几套现成的键可以下载。将键的图片放到asset/keyboard/default/文件夹中，这样用"keyboard/default"来指定theme参数即可，否则要用放图片的文件夹的完整路径（本地SD卡或网络地址均可）来制定theme参数。文件名就是键值，后缀名是.png
  2. 将美羊羊卡丁车的swf文件放在asset/文件夹中
  3. 将横幅图片（这里是banner.png）和启动按钮图片（这里是startNow.png）放在asset/文件夹中
  4. 当然还有图标要放在res中，还要将string.xml中的首页地址设为file:///android_asset/index.html。这是唯一的一个程序文件，100多行。
  5. 这是离线版的，所以要下载Rexsee的JAR包，自己用Eclipse编译，如果嫌麻烦，可以在线编译一个首页地址指向服务器某个网页地址，然后将下面的index.html的代码放在这个文件中（有些路径要改，比如图片什么的），如果也想离线玩，可以在首次载入后将swf文件和图片自己或者用rexseeClient下载到本地。当然也可以不下载，就在线玩。

标签： Rexsee Android SDK

代码片段(3)[全屏查看所有代码]

1. [代码]先看一下res/values/string.xml     

1<?xml version="1.0" encoding="utf-8"?>
2<resources>
3<string name="app_name">美羊羊卡丁车</string>
4<string name="app_home">file:///android_asset/index.html</string>
5<string name="rexsee_home">http://www.rexsee.com/flash/index.php</string>
6</resources>

2. [代码]再看一下AndroidManifest.xml     

01<?xml version="1.0" encoding="utf-8"?>
02<manifest xmlns:android="http://schemas.android.com/apk/res/android"package="MeiYangYangKaDingChe.rexsee" android:versionCode="1"android:versionName="1.0">
03<supports-screens android:largeScreens="true" android:normalScreens="true"android:smallScreens="true" android:anyDensity="true" />
04<application android:icon="@drawable/icon" android:label="@string/app_name"android:theme="@android:style/Theme.NoTitleBar">
05<activity android:name="rexsee.activity.RexseeActivity"android:configChanges="orientation|keyboardHidden" android:launchMode="singleTop">
06<intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter>
07 
08</activity>
09</application>
10<uses-permission android:name="android.permission.INTERNET"/>
11<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
12</manifest>

3. [代码]最后是asset/index.html的源代码     

0011:  <HTML>
0022:  <HEAD>
0033:      <TITLE>美羊羊卡丁车</TITLE>
0044:      <META http-equiv=Content-Type content=text/html charset=GB2312> 
0055:      <META http-equiv=Expires content=0>
0066:      <META http-equiv=Cache-Control content=no-cache>
0077:      <META http-equiv=Pragma content=no-cache>
0088:      <SCRIPT type=text/javascript>
0099:         
01010:         function startFlashGame(para){
01111:             //开始Flash游戏
01212:             rexseeScreen.setScreenOrientation(para.orientation);     //将屏幕方向设为水平
01313:             if ( para.sensor ) {
01414:                 rexseeOrientation.setRate('fastest');                //将传感器敏感程度设为最高
01515:                 rexseeOrientation.start();                            //启动传感器
01616:             } else {
01717:                 rexseeOrientation.setRate('normal');                //将传感器敏感程度设为正常
01818:                 rexseeOrientation.stop();                            //停止传感器
01919:             }
02020:             rexseeFlash.clearKeyboard();                            //清空键盘
02121:             if ( para.leftKeyboard ) rexseeFlash.setLeftKeyboard(para.leftKeys,para.leftKeyTheme,para.leftKeyboardStyle,para.leftKeyRowStyle,para.leftKeyStyle,para.leftKeyPressedStyle);           //设置左键盘
02222:             if ( para.rightKeyboard ) rexseeFlash.setRightKeyboard(para.rightKeys,para.rightKeyTheme,para.rightKeyboardStyle,para.rightKeyRowStyle,para.rightKeyStyle,para.rightKeyPressedStyle);   //设置右键盘
02323:             rexseeFlash.setSwfStyle(para.swfStyle);            //设置Flash游戏区域的样式
02424:             rexseeFlash.show(para.swf,para.dialogStyle);    //设置对话框样式并启动对话框
02525:         }
02626:         var paraKeyboardVersion = {
02727:                 orientation:             "landscape",        //屏幕方向
02828:                 sensor:                 false,                //是否启用方向传感器
02929:                 //设置左边键盘
03030:                 leftKeyboard:             false,                //是否启用左键盘
03131:                 leftKeys:                 "",                    //左键盘的按键，数字序列，同一行按键使用逗号分隔，不同行使用分号分隔，Rexsee自定义按键包括-2,-3,-4,-5，其余按键请参考http://developer.android.com/reference/android/view/KeyEvent.html
03232:                 leftKeyTheme:             "",                    //左键盘的样式，字符串，应在asset目录下创建以该字符串命名的文件夹，然后将按键图片（键值.png）放在该文件夹
03333:                 leftKeyboardStyle:         "",                    //左键盘的样式
03434:                 leftKeyRowStyle:         "",                    //左键盘中每一行的样式
03535:                 leftKeyStyle:             "",                    //左键盘中每个按键的样式
03636:                 leftKeyPressedStyle:         "",                //左键盘中每个按键被按下时的样式
03737:                 //设置右边键盘，参看上面左键盘说明
03838:                 rightKeyboard:             true,
03939:                 rightKeys:                 "-1,-5;-2,62;21,22",
04040:                 rightKeyTheme:             "keyboard/default",
04141:                 rightKeyboardStyle:     "border-left-width:5px;border-left-color:#aaaaaa+#000000/2;background-color:#000000;",
04242:                 rightKeyRowStyle:         "",
04343:                 rightKeyStyle:             "",
04444:                 rightKeyPressedStyle:    "",
04545:                 //设置Flash区域的样式
04646:                 swfStyle:                "",
04747:                 //设置对话框的样式
04848:                 dialogStyle:             "",
04949:                 //设置Flash游戏的地址
05050:                 swf:                     "game.swf"
05151:         };
05252:         var paraSensorVersion = {
05353:                 orientation:             "landscape",
05454:                 sensor:                 true,
05555:                 leftKeyboard:             false,
05656:                 leftKeys:                 "",
05757:                 leftKeyTheme:             "",
05858:                 leftKeyboardStyle:         "",
05959:                 leftKeyRowStyle:         "",
06060:                 leftKeyStyle:             "",
06161:                 leftKeyPressedStyle:         "",
06262:                 rightKeyboard:             true,
06363:                 rightKeys:                 "-1;-5;-2;62",
06464:                 rightKeyTheme:             "keyboard/default",
06565:                 rightKeyboardStyle:     "border-left-width:5px;border-left-color:#aaaaaa+#000000/2;background-color:#000000;",
06666:                 rightKeyRowStyle:         "",
06767:                 rightKeyStyle:             "",
06868:                 rightKeyPressedStyle:    "",
06969:                 swfStyle:                "",
07070:                 dialogStyle:             "",
07171:                 swf:                     "game.swf"
07272:         };
07373:
07474:         window.onRexseeReady = function(){
07575:             //在页面装载完毕时运行
07676:             if ( rexseeBuild.getSdk()<8) {
07777:                 alert("对不起，您的手机软件版本太低，不能运行该游戏，请使用Android2.2以上版本运行该游。");
07878:                 rexseeApplication.quit();
07979:             }
08080:             if (!rexseeFlash.isReady()){
08181:                 rexseeDialog.confirm("Adobe Flash Player", "Adobe Flash Player没有安装，无法运行该游戏。是否现在安装？","现在安装","退出程序","javascript:rexseeBrowser.open('http://www.rexsee.com/flash/flashplayer/download.php');rexseeApplication.exit();","javascript:rexseeApplication.exit();");
08282:             }
08383:             rexseeScreen.setScreenAlwaysOn(true);                  //总是点亮屏幕
08484:             rexseeScreen.setScreenOrientation('portrait');      //将将屏幕方向设为垂直
08585:             rexseeStatusBar.setStyle("visibility:hidden;");     //隐藏状态栏
08686:                     }
08787:         window.onAjaxReturned = function(ajaxUrl,response){
08888:             response = unescape(response);
08989:             if ( ajaxUrl == headerUrl) document.getElementById("header").innerHTML = response;
09090:             else if ( ajaxUrl == footerUrl) document.getElementById("footer").innerHTML = response;
09191:             else if ( ajaxUrl == jsUrl) eval(response);
09292:         }
09393:         window.onFlashDialogDismissed = function(){
09494:             //在退出Flash游戏返页面时运行
09595:             rexseeScreen.setScreenOrientation('portrait');        //将屏幕方向设为垂直
09696:         }
09797:         window.onbeforeunload = function(){
09898:             //在退出页面时运行
09999:             rexseeScreen.setScreenOrientation('auto');            //将屏幕方向设为自动
100100:                rexseeOrientation.stop();                            //停止方向传感器
101101:            }
102102:           
103103:            var version = "";
104104:            //Rexsee新增按键的回调函数
105105:            window.onKeyboardHelpPressed = function(){
106106:                //对应键值：-2
107107:                if ( version == "keyboard" ) alert("左右键向左或向右，空格键跳跃。");
108108:                else if ( version == "sensor" ) alert("左右倾斜手机向左或向右，虚拟键盘的空格键跳跃。");
109109:            }
110110:            window.onKeyboardQaPressed = function(){
111111:                //对应键值：-3
112112:                alert("QA pressed.");
113113:            }
114114:            window.onKeyboardHomePressed = function(){
115115:                //对应键值：-4
116116:                if ( window.confirm("要退出游戏吗？") ) {
117117:                    rexseeFlash.hide();
118118:                    rexseeApplication.quit();
119119:                }
120120:            }
121121:            window.onKeyboardCancelPressed = function(){
122122:                //对应键值：-5
123123:                if ( window.confirm("要退出游戏吗？") ) {
124124:                    rexseeFlash.hide();
125125:                }
126126:            }
127127:           
128128:            window.onOrientationChanged = function(){
129129:                //如果启用方向传感器，在回调函数中向Flash游戏发送键值
130130:                var x = Math.round(rexseeOrientation.getLastKnownX());
131131:                var y = Math.round(rexseeOrientation.getLastKnownY());
132132:                var z = Math.round(rexseeOrientation.getLastKnownZ());
133133:                if ( y > 10 ) {
134134:                    rexseeFlash.keyDown(21);
135135:                } else if ( y<-10){
136136:                    rexseeFlash.keyDown(22);
137137:                } else {
138138:                    rexseeFlash.keyUp(21);
139139:                    rexseeFlash.keyUp(22);
140140:                }
141141:            }
142142:        </SCRIPT>
143143:        <STYLE>
144144:            body { margin:0px; background-color:#eeeeee;}
145145:            .imageButton { width:100px;height:100px; border:none; margin: 0 0 0 10; }
146146:            .section {border:1px solid;border-color:#f7f7f7 #7f9db5 #7f9db5 #f7f7f7;background-color:#ffffff;padding:15px;}
147147:            .gameTitle { font-size:24px;font-weight:bold; color:#F01D17;margin:15 0 15 0;}
148148:            .gameIntro {}
149149:            .gameVersion { font-size:20px;font-weight:bold; color:#F01D17;margin:10 0 15 0;}
150150:            .gameGuide { margin: 0 0 10 0; }
151151:            #copyright {background-color:#444444;padding:5px;color:white;font-size:10px;}
152152:        </STYLE>
153153:    </HEAD>
154154:    <BODY>
155155:    <a href="http://www.rexsee.com/flash/index.php"><img src='banner.png'width=100% border=0></a>
156156:   
157157:    <div class=section>
158158:        <div class=gameTitle>美羊羊卡丁车</div>
159159:        <div class=gameIntro>
160160:            可爱的美羊羊是赛车高手哦，来体验下美羊羊马路杀手的感觉吧，美羊羊开车的速度可是会越来越快哦，小心呀！
161161:            <br><br>游戏目标：帮助美羊羊躲避路障，安全抵达终点。
162162:            <br>&nbsp;
163163:        </div>
164164:    </div>
165165:    <div class=section>
166166:        <table width=100%><tr>
167167:            <td valign=top>
168168:                <div class=gameVersion>虚拟键盘版</div>
169169:                <div class=gameGuide>左右键向左或向右，空格键跳跃。</div>
170170:            </td>
171171:            <td><img src="startNow.png"onclick="version='keyboard';startFlashGame(paraKeyboardVersion);" class=imageButton></td>
172172:        </tr></table>
173173:    </div>
174174:    <div class=section>
175175:        <table width=100%><tr>
176176:            <td valign=top>
177177:                <div class=gameVersion>重力感应版</div>
178178:                <div class=gameGuide>左右倾斜手机向左或向右，虚拟键盘的空格键跳跃。</div>
179179:            </td>
180180:            <td><img src="startNow.png"onclick="version='sensor';startFlashGame(paraSensorVersion);" class=imageButton></td>
181181:        </tr></table>
182182:    </div>
183183:    </BODY>
184184:    </HTML>
微信小程序（一）
2401_85162244的博客
08-11 930
微信小程序学习笔记
微信小程序-N03-uniapp发布真机调试
dyy20210625的博客
12-31 1109
yudao平台学习之路
uni-app开发微信小程序上传提示以下文件没有被打包上传
fbqgdxw的博客
03-04 6557
解决方案： 1、将根目录static下的font文件转移到其他的文件夹项目，比如我在根目录建了个style目录。 2、将font文件夹及里面的文件拷贝过去@import url('/style/iconfont/iconfont.css'); 3、iconfont.css中 @font-face { font-family: "iconfont"; /* Project id 2557476 */ src: url('~@/style/font/iconfont.woff2?t=...
微信小程序开发之——添加.gitignore配置
我的博客
11-16 5737
一 概述 小程序添加git版本管理，每次添加编译路径，都会生成project.private.config.json文件，与项目没有直接关系，不用提交 二 查看忽略列表是否配置 依次点击：版本管理——>设置——>忽略列表，查看是否配置了忽略文件 三 添加.gitignore文件 3.1 向项目中添加.gitignore文件，并添加忽略文件 project.private.config.json 3.2 删除远程仓库中的忽略文件 删除 project.private.config.json
微信小程序-gitignore文件
我是我
05-25 3553
为了避免在代码上传至git上时，将无需上传的代码提交，需要增加一个.gitignore文件，将无需上传的文件/文件夹罗列出来 # 避免提交的文件夹 miniprogram_npm node_modules .vscode # 避免提交的文件 yarn.lock yarn-error.lock ...
微信小程序中 iconfont真机不显示问题 以及打包的时候提示文件没有被打包上传
LJJONESEED的博客
06-16 1924
微信小程序中 iconfont真机不显示问题网址：https://transfonter.org/ 到这个网址把 iconfont的ttf文件进行base64转换 下载之后：打开stylesheet.css文件 然后复制src:url一整段。 把自己src中的ttf引入替换成复制的就可以显示了。.........
微信小程序中使用iconfont遇到的坑(以下文件没有被打包上传)
云中客的博客
12-02 9232
最近公司需要做个小程序项目参加创新大赛（祖传开头，最近公司xxx），那就抽空花了2个工时撸出了一个简单的小应用，写的过程中发现小程序和正常的前端项目还是有不少区别的。其中花费时间最多的是研究怎么在小程序中使用iconfont。 这里我记录下摸索的过程： 1.和正常的前端代码一样，在入口的html文件（我使用的是mpvue，如果使用小程序原生标签应该也是类似的...
SGG小程序基础知识笔记
最新发布
qq_43836796的博客
01-13 463
SGG慕尚花坊前段笔记
vue从入门到精通之进阶篇（五）脚手架vue-cli
2401_84433535的博客
04-29 727
gitignore：使用git的忽略文件，git操作不会对其产生作用.postcssrc.js：指定使用的css预编译器index.html: 首页文件，项目运行是，会自动将我们src文件夹里生成的组件插入这个文件里package-lock.json：当node-module或package.json发生变化时自动生成的文件，这个文件主要功能是确定当前安装的包的依赖，以便后续安装的时候生成相同的依赖， 而更新项目开发过程中有些依赖已经发生的更新。
【从入门到提桶】vue3.2 + vite + vant + pinia + ts 移动端 h5 项目实践
xxxzzzqqq_的博客
03-15 2868
预览图片旋转就讲完了。不过，扩展名里加 .vue 的话会报错，一般来说 .vue 文件编译之后会是 js，但是 .vue 里面如果包含了样式，会单独提取出来作为一个虚拟的文件，通过查询参数 type=style 来读取，这里以 babel 来转译样式文件当然报错。别急，你以为就这样完事了吗，并没有。与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。
微信小程序以下文件已被配置忽略打包上传,模拟器无法获取
坐等夕阳落time的博客
03-18 1万+
如果还不行，就参考下面这个，多搞一步 【[获取文件失败] 以下文件已被配置忽略打包上传，模拟器无法获取】解决方法【官方】_tang_love_1314的博客-CSDN博客
【微信小程序】[获取文件失败] 以下文件已被配置忽略打包上传，模拟器无法获取：xxxx.js
Daears的博客
10-11 2157
[获取文件失败] 以下文件已被配置忽略打包上传，模拟器无法获取： subpkg/goods-detail/goods-detail.js
微信小程序分包后报错：[获取文件失败] 以下文件已被配置忽略打包上传，模拟器无法获取： package1/package1/pages/dailyAdmin/index.js
南北极之间
01-15 5877
获取文件失败] 以下文件已被配置忽略打包上传，模拟器无法获取： package1/package1/pages/dailyAdmin/index.js。3、再次编译就没有报错了。但是好像是一次性的。报错的时候，再操作一边setting。1、在微信开发者工具中，右上角点击详情--去掉这个选项。
微信小程序 - .gitignore失效问题
weixin_33806509的博客
08-08 2208
-------------------------------------------- Last Update Date：2018-8-8 ------------------------------------------------ 上传预览代码时，一开始就已经配置好了.gitignore文件，最后还是说文件太大.   最后查找到project.config.json时发现了一...
上传文件时能打包上传请尽量打包上传
haoweidan的专栏
07-23 2108
1.初级用户可上传最大50M的资源，用户每升一级，可上传资源大小依次增加10M 2.0分用户拥有上传权限，可上传小于50M的资源 3.上传5天内，下载数为0的资源，发布者可自行删除该资源 4.所发资源90天后下载人次如不足5人，资源将被删除，但发布者不扣分 5.不允许上传MP3、小说等与技术无关的内容.否则一经发现必删 6.上传文件时能打包上传请尽量打包上传. 不要把几MB的资源,故意分
微信小程序项目配置文件project.config.json
热门推荐
TwentySeventh的博客
05-22 1万+
{  "description": "项目配置文件。",  "packOptions": { //打包配置选项    "ignore": [] //配置打包时对符合指定规则的文件或文件夹进行忽略，跳过打包的过程，这些文件或文件夹不会出现在预览或上传的结果内  },  "setting": { //项目设置    "urlCheck": true, //是否检查安全域名和TLS版本    &
项目上传git，屏蔽上传依赖文件夹等
weixin_47586598的博客
02-01 686
项目上传git，屏蔽上传依赖文件夹等
idea git提交代码 VSCode git提交代码 微信小程序git提交代码
tanzongbiao的专栏
09-02 6291
项目右键--git--Commit Directory...勾选新增Unversioned Files--输入备注--Commit。项目右键--git--Push...--检查备注--Push。项目右键--git--Pull...--选分支--Pull。其他： 回滚(回退版本)
微信小程序使用Git管理项目，并托管到码云
weixin_62902737的博客
02-19 1206
微信小程序使用Git管理项目，并托管到码云
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值