跳到主要內容

FlashAS3 亂數不重複的方法

大家好,我是奶綠茶
亂數不重複的方法我想在很多時候都用的到
今天就來分享一下在 flash AS3 裡如何寫呢
假設要取 0 - 9 亂數不重複的3個數字
奶小茶我使用的方法是
1.先建立 0 - 9 的 Array 共 10 個元素
2.亂數排序(參考下方的 shuffle)
3.每次取出 Array 的第一個元素(或最後一個元素, 反正都已經亂排了), 並移除
4.重複第三個Step, 就完成啦。


var _array:Array = []
for (var i:int = pMin; i < 10; i++) {
    _array.push(i);
}
_array = shuffle(_array);

// 做三次 pop(), 取出 Array 最後的一個值, 並移掉他
_array.pop();
_array.pop();
_array.pop();
// 最後 Array 就只剩 7 個元素了。
function shuffle(pArr:Array):Array { 
 var _cloneArr :Array = pArr;
 var _l  :uint = _cloneArr.length;
 var _t  :*; 
 var _r  :int
 while(_l--){
  _r = Math.floor(Math.random() * (_l + 1));        
  _t = _cloneArr[_l];    
  _cloneArr[_l] = _cloneArr[_r];
  _cloneArr[_r] = _t;
 }
 return _cloneArr;
}
感謝 Ticore 提醒
PS. 奶綠,文章標題有錯別字 "重複" -> "重覆"
打錯字, 扣五分

留言

Sam寫道…
之前還有看過一個方法也不錯
利用array.sort
小改一下你的code如下:
_array = _array.sort(shuffle);

function shuffle(a:int, b:int):int {
return int(Math.random()*3)-1;
}
參考看看^^
milkmidi寫道…
這就來試試,看那種效能比較好
Sam寫道…
剛測了一下
你的方法快十倍~哈
我想應該是sort不斷的呼叫shuffle函數耗去不少效能~嘖嘖
還是用你的方法吧
我的參考就好^^
參考看看我的方法 AS3 不重覆亂數
速度可能沒有更快,不過程式碼很少
喬治撞到妮寫道…
Ticore大大
你說
// 產生 0-10000 不重複亂數陣列
你的--n 應該只有 0-9999 ??
@喬治撞到妮
已經改了,謝謝
又發現更快速的作法 AS3 快速產生不重覆亂數

PS. 奶綠,文章標題有錯別字 "重復" -> "重覆"
kevinstyle寫道…
奶綠大大
我想請問您一個問題,我該如何在FD裡面開啟一個新的 Flash IDE Project 讓它也能有 AIR 的程式碼提示呢?

目前要有 AIR 的程式碼提示,只能開啟 AIR AS3 Project,但我主要是想在 Flash IDE 裡面編譯。

請問有什麼解決方法嗎 ?
milkmidi寫道…
To kevinstyle
不是很懂你的需求
開一個 FD 的 AIR Project 就有提示了
然後你又用 Flash IDE 編譯
二者應該沒有衝突性吧
匿名表示…
題外話..

請問要如何利用for迴圈把元件庫裡弄好的movieclip依序放到舞台上呢?

例如我想在舞台上連續放4個元件庫裡做好的movieclip
milkmidi寫道…
AS2: 使用 attachMovie
AS3:使用
var _cls:Class = getDefinedByName("xxx") as Class;
var _mc:MovieClip = new _cls as MovieClip;
匿名表示…
多謝

我試看看!!

我以前都是用draw的方式..
匿名表示…
唔..

我剛試了一下,我是用flash cs5 as3寫的

裡面好像沒有getDefinedByNmae
milkmidi寫道…
筆誤,Sorry
應應是這個
getDefinitionByName
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/utils/package.html#getDefinitionByName()
匿名表示…
成功了..多謝,解決困擾我很久的問題了Orz
彥緯寫道…
奶綠老師你好!
記得以前在這有看過你做的一個AS2的文字亂碼特效
比如milk...從第一個m開始到最後的K結束一個一個亂碼變化到完成milk字.不知可否請您在提供一次下載和教學@@謝謝...:)
不惑仔寫道…
抱歉,在測試別的東西時忘了把 i-1 改回來,

for(i=_array.length;i>0;--i){
_array.push(_array.splice(Math.random()*i,1));
}

~不惑仔
烏魚子寫道…
抱歉,想跟您請教一下關於 "--n 與 _1-- "的涵意!? 謝謝你
milkmidi寫道…
var i:int = 10;
var j:int = 10;
trace( i++ );
// 得到 10
trace( ++j );
// 得到 11
所以 i++ 就是先把 i 丟出去, 再自己+1
而 ++j 是自己先+1, 再丟出去
Dinosaur Blue寫道…
奶綠老師您好:
關於shuffle的做法, 似乎不同的方式會影響排列散佈的均勻性, 我做了一點實驗, 可以請老師看一下並給我意見嗎?
http://blog.yam.com/midory/article/54217426
謝謝!

這個網誌中的熱門文章

webpack2 入門實戰 1

大家好,我是奶綠茶
前端戰場不再只是寫寫 js / css , 各種框架、前處理工具百花齊放
身為前端工程師,不只要把程式寫完,還要寫好
老師說:選對好工具,事情就完成一半
如果你還在一隻 JS 打完全部程式,一隻 css 寫所有的 style
每次存檔還在手動 reload 網頁, 圖片壓 K 壓到不要不要的
透過奶綠伯的系列教學,讓你了解 webpack2 帶來的優勢
學會 webpack 可能不會加薪,但至少可以準時下班(誤)
1. 安裝 nodejs
請參考 gulp 安裝編

2. 安裝 global webpack , 筆者使用的是 2.2.1 版本
npm i webpack@2.2.1 -g
3. 在專案的根目錄放一隻 webpack.config.js
entry:你的主 js 進入點
output.filename:webpack 打包後的檔名
output.path:webpack 打包後的路徑
var path = require('path'); module.exports = { entry: './src/app.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') } };
4. require , module.exports
現在前端都 module 化
可以每個獨立的功能都寫成單一的 js module
除了好管理,也方便讓團隊使用
寫一隻 module_exports_util.js
每隻經過 webpack 打包的 js , 都會是獨立的檔案
所以變數都是私有的, 外部成員都無法得到
在這個 module 裡,我們想開放二個函式
add , getName
所以在最後的 module.exports 指定
筆記加入 jsdoc , 為了方便在開發時,能夠有型別的提示

var name = "milkmidi"; /** * @param {number} num1 * @param {number} num2 * @return {number} */ function ad…

webpack2 入門實戰 3 scss,html,file-loader

大家好,我是奶綠茶
上一篇介紹了 webpack 的核心功能 loader
這篇再來補強各種常用的 loader
css-loader:解悉 css 檔
extract-loader:這個有點難翻,下面會介紹
file-loader:存成實體的檔案, 如圖片
html-loader:解悉 html 檔
sass-loader:解悉 scss 檔
url-loader:解悉圖片路徑
webpack.config.js
module.exports = { resolveLoader: { // 所有用到的 loader, -loader 可以不用打 moduleExtensions: [ "-loader" ], }, resolve: { // 在 require 檔案, 如果不想寫完整的路徑 // 可以加入這些目錄, 讓 webpack 自動尋找對的檔案 // 請注意我們加入了 src/img 路徑,後面會再介紹到 modules: [ path.resolve( 'src/html' ), path.resolve( 'src/img' ), path.resolve( 'src/css' ), path.resolve( 'src/js' ), path.resolve( "node_modules"), ], // 在 require 時可以不用打副檔名 extensions: [ ".js", ".scss" ] }, } 再來就是 loader 的介紹
scss
在這要做多組合的應用
先將 .scss 透過 scss-loader 轉換, 並產生 sourceMap 檔
再過 css-loader
最後再過 style-loader
{ test: /\.scss$/, // 多個 loader 組合, 可寫成一行,或…

gulp 前端自動化 - spritesheet

大家好,我是奶綠茶
今天來介紹如何使用 gulp 來自動化將圖片拼成 spritesheet
奶綠我使用的套件是 gulp.spritesmith
https://www.npmjs.com/package/gulp.spritesmith
可以使用 handlebars 格式,拼出自己想要的 css 格式
{{#sprites}} .{{name}} { background-position: {{px.offset_x}} {{px.offset_y}}; width: {{px.width}}; height: {{px.height}}; background-image: url({{{escaped_image}}}); } {{/sprites}} gulp 的設定
gulp.task('sprite',()=>{ console.log('sprite'); const spriteData = gulp.src('src/sprite_src/*') .pipe(spritesmith({ imgName: '../img/sprite.png', cssName: '_sprite.css', padding: 4, imgOpts: { quality: 100 }, cssTemplate: 'src/css/handlebars/basic.handlebars', })); const imgStream = spriteData.img .pipe(buffer()) .pipe(gulp.dest('dist/img/')); const cssStream = spriteData.css .pipe(gulp.dest('src/css')); return merge(imgStream, cssStream); });…