作者: gamezz 時間: 2015-6-9 01:19 標題: [flash] 假幸運輪 轉動code
[flash] 有8分禮物, 預先 random 好得獎品號碼,
已計倒中獎果格角度,
但現在轉的動畫做得好差,應該點寫好?
[attach]1798855[/attach]
fla(cs6)
https://drive.google.com/file/d/ ... XM/view?usp=sharing
- var gTitle = 8;
- var giftAngle = -360/8;
- var giftNumber = 2;
- var rotationTotal = 0;
- var wheel_speed = 20;
- var wheel_last_rotation = 0;
- var angle2go = (giftNumber-0.5)*giftAngle;
- var angle3goMin = (giftNumber)*giftAngle;
- var angle3goMax = (giftNumber+1)*giftAngle;
- var angle2goMin = (giftNumber-1)*giftAngle;
- var angle2goMax = (giftNumber)*giftAngle;
- wheel.rotation = 0;
- stage.addEventListener(Event.ENTER_FRAME, function(event:Event) {
- wheel_last_rotation = wheel.rotation;
- wheel.rotation += wheel_speed;
-
- if( wheel_speed>0 ){
- if( wheel_speed > 3 ){
- trace(".");
- wheel_speed *= 0.98;
- }else if( wheel_speed > 1 ){
- trace("..");
- wheel_speed *= 0.99;
- }else{
- trace("...");
- wheel_speed *= 0.998;
- if( angle2goMin>wheel.rotation && angle2goMax<wheel.rotation ){
- trace("inside");
- wheel_speed *= 0.6;
- if(wheel_speed<0.1){
- wheel_speed=0;
- }
- }
- }
- }
- });
作者: ykmran 時間: 2015-6-9 23:25
轉輪既速度應該係linear咁下降
wheel_speed咁樣乘法應該轉速條curve會變左漸近線

我建議每一個frame,wheel_speed減一個constant減到0為止
唔同獎品就tune個wheel_speed,tune到指住獎品為止
作者: hihihi123hk 時間: 2015-6-10 21:59
一開始要有 acceleration 直至 MAX_SPEED
直至有人禁左一下
之後直接 開始deceleration
就會好靚
然後塊餅 就減一格,再重頭開始
作者: ykmran 時間: 2015-6-10 22:32
一開始要有 acceleration 直至 MAX_SPEED
直至有人禁左一下
之後直接 開始deceleration
就會好 ...
hihihi123hk 發表於 2015-6-10 21:59
咁要計個deceleration
作者: wongfung 時間: 2015-6-12 09:05
本帖最後由 wongfung 於 2015-6-12 09:14 編輯
應該先定個user"睇唔出"嘅deceleration array e.g.[c-4,c-3,c-2,c-1,c+1,c+2,c+3,c+4]
然後再apply落去計displayment % circumference
http://developer.android.com/ref ... 20float,%20float%29
作者: hihihi123hk 時間: 2015-6-18 09:49
本帖最後由 hihihi123hk 於 2015-6-18 13:59 編輯
講多無謂
行動最實際
https://www.facebook.com/gaplotech/posts/1055161107845416
作者: look_yau 時間: 2015-6-18 15:46
作者: gamezz 時間: 2015-6-20 00:30
回覆 6# hihihi123hk
首先多謝你咁熱心
不過重點是要先 random 結果,後開始動畫 (做場戲比玩家睇),
你好似否略左,可能我寫得唔好吧。
至於 js 在手機速度 ... 測試用 asus zenfone 2 32gb
https://youtu.be/E2QHaI-hb5I
我一直用 flash 是因為:
1) 跨平台 - 試過個客到 event 前幾天先話唔用大電視(pc), 轉android tablet
2) 好多 遊戲,backend 系統已寫左,重寫不合成本校益
3) js / css3 動畫在手機表現強差人意,而且製作動畫也大大不及flash便捷
作者: hihihi123hk 時間: 2015-6-20 13:03
本帖最後由 hihihi123hk 於 2015-6-20 13:13 編輯
你部機Android Version 幾多? 同埋有無用 Chrome 黎行?
我自己用 HTC ONE XL(3年前機) Chrome / LG G2(2年前) Chrome/ iPhone 6Plus Safari 十分順
電腦效能唔洗講一定玩到 ,至於出手機用 要用 CoCoonjs Compile
其實好多GAME Native app 係用 HTML5 JS game engine + Cocoon JS complie 優代 出 Native App
效能亦十分好,
只係 啲人用in-app webview 去玩就會好差,例如 android 4.4 以下 in app webview 無 V8 Engine 或 iOS 8 以下 無用 wkwebview 個效能差好多,FPS 差4-5 倍
作者: 7h1r733n 時間: 2015-6-21 03:28
你部機Android Version 幾多? 同埋有無用 Chrome 黎行?
我自己用 HTC ONE XL(3年前機) Chrome / ...
hihihi123hk 發表於 2015-6-20 13:03
Cocoon JS ... 有乜勁game係用呢個game engine寫?
作者: kson 時間: 2015-6-21 10:22
本帖最後由 kson 於 2015-6-21 10:23 編輯
用osx 10.10.3 去試你既code,超慢。。。。。。。
environment: mac mini late 2012, i5 8gb ram, firefox
作者: hihihi123hk 時間: 2015-6-21 11:26
用osx 10.10.3 去試你既code,超慢。。。。。。。
environment: mac mini late 2012, i5 8gb ram, firef ...
kson 發表於 2015-6-21 10:22
請問你個firefox 係咩version ?
同埋有無用chrome 比較下?因為輕輕google 過 firefox 嘅webGL /js 特別慢
btw, 連 iphone5 (nitro js engine)都行得順,無理由電腦行得唔順
作者: hihihi123hk 時間: 2015-6-21 11:40
本帖最後由 hihihi123hk 於 2015-6-21 11:46 編輯
十分同意你講法,Unity 依然係大作首選,因為有好多package 買,唔洗愁無model
不過係咪真係要做勁game先搵到錢?勁Game 投資大回報大 十分合理
如果啲2D 休閒小Game捉到市場需要,好似Flappy bird, Candy rush, 2046, WhoCanGet11(iOS)
只要有一個好嘅玩法夠吸引,投資小回報大,當然有好多失敗作,但如果純粹論多少,Mini game 一定多過大作
市面上都有好多 2d game engine,
Cocoonjs只係其中一個, 只係我覺得用佢嘅Complier 搭其它js game engine 做小game遊刃有餘
作者: hihihi123hk 時間: 2015-6-21 11:58
本帖最後由 hihihi123hk 於 2015-6-21 12:12 編輯
純粹個人觀感,
呢個年代啲機咁勁,點解唔可以做一個簡簡單單 靚靚仔仔嘅Physic Simulation ,仲要用random個數字,然後出番對應animation 咁老土?
可能有人judge simulation 嘅係有數得計,唔係純random, 其實只要出 physic related factor嘅時候 ramdom 作出少少調整(正如現實世界嘅幸運輪,相對濕度,空氣阻力,唔會每一刻都相同),就會產生微妙變化,根本計唔到,計唔到嘅野就係靠彩數。 玩嘅開心啲,做嘅又唔洗煩被人話造馬。
就好似真實嘅幸運輪?六合彩?全部都係Physic
作者: kson 時間: 2015-6-21 12:59
請問你個firefox 係咩version ?
同埋有無用chrome 比較下?因為輕輕google 過 firefox 嘅webGL /js 特 ...
hihihi123hk 發表於 2015-6-21 11:26
Firefox 38.0.5
作者: kson 時間: 2015-6-21 13:03
請問你個firefox 係咩version ?
同埋有無用chrome 比較下?因為輕輕google 過 firefox 嘅webGL /js 特 ...
hihihi123hk 發表於 2015-6-21 11:26
用開firefox,一試就出事
O岩O岩試埋Safari同chrome,兩個都OK
作者: 7h1r733n 時間: 2015-6-21 14:54
本帖最後由 7h1r733n 於 2015-6-21 15:15 編輯
Unity一樣可以做2D.....
一樣都可以用"偽"Javascript (UnityScript)
我唔講Physic Engine, Particle System, Terrain System, Lighting Map同Rendering System呢D有幾勁..... 因為呢D都係3D元素......
我只係講一樣... Animators啫... 剩係呢樣我已經睇唔到你個Game Engine有乜優勢....
既然都係學新野... 點解唔學樣勁又多人識o既? 搵工都易d啦....
Something about 2D animator in Unity
https://youtu.be/4qE8cuHI93c?t=231
作者: hihihi123hk 時間: 2015-6-21 16:24
本帖最後由 hihihi123hk 於 2015-6-21 16:32 編輯
Unity一樣可以做2D.....
一樣都可以用"偽"Javascript (UnityScript)
我唔講Physic Engine, Partic ...
7h1r733n 發表於 2015-6-21 14:54
我認同 Unity 係一個非常好的方案去做 Mobile game/PC game 但唔係Web game.
如果要用 CreateJs/PixiJs 同 Unity 比, CreateJs/PixiJs優勢 就係 Native Html5 乜都唔洗裝, 做左朕Wrapper 包住Html5 最底層嘅 API,簡單易用, 只係需要 include 一個 Js Library (150kB) 任何裝置都用到, 反而Unity 好似必要係電腦Browser裝 一個 web player 先開到,同埋手機必定無可能直接開得出黎(雖然可以出Mobile App),但站在 Website User 立場 心諗「一啲咁嘅小遊戲又要我 裝隻App?」。
所以我覺得 Unity 2D 根本唔應該同其它 Html5 Game Engine 比較,大家嘅範籌都唔同。
CreateJs/PixiJs 可以做一啲 MiniGame 做一啲 Marketing Promotion ( 以前都好興用 .swf 做) ,啲人手機電腦一入就玩得。 Native App 駁 InApp- webview 又得,包埋隻 ConcoonJs 出 Native App 又得。
但係我見唔到 Unity 2D 適合做呢件事。
總括黎講其實我嘅重點係取代 .swf 做 Game 嘅方案,而唔係叫專注做Mobile game嘅人去學呢個 Html5 Game Engine,反而係一啲工作需要想做一啲豐富啲 Animation 嘅人可以考慮用下。
P.S. 以前啲人 度度都插啲 .swf 落去個 website 度,而家其實都可以隨意插啲 <canvas></canvas>入去, 連Mobile 都睇到
作者: hihihi123hk 時間: 2015-6-21 16:26
本帖最後由 hihihi123hk 於 2015-6-21 16:44 編輯
感謝提供資料
我自己都試到 Firefox 38.05 真係好 Lag, Safari & Chrome 係極順,
但係明明用Firefox 真係燒緊 CPU ( 用左我其中一核100% CPU),但個animation 又咁lag, Chrome 只係用(其中一核 10% CPU )就極順 。
有見及此係Github 開左個 issue 比 CreateJs
https://github.com/CreateJS/EaselJS/issues/636
作者: 7h1r733n 時間: 2015-6-21 16:49
我認同 Unity 係一個非常好的方案去做 Mobile game/PC game 但唔係Web game.
如果要用 CreateJs/PixiJs ...
hihihi123hk 發表於 2015-6-21 16:24
你o岩.. 如果定位係取代flash game的話html5 game engine的確係個option..... 或者好似樓主咁真係剩係做個抽獎呢類簡單animation... 最主要最主要其實只係用黎取代flash... 但同真正Game Engine例如Unity/UE4呢d比... 個距離真係仲差好遠...
作者: gamezz 時間: 2015-6-21 23:25
回復 9 #hihihi123hk
Ios行web係順d,我部係android 5, 可能$2000幾蚊既機係咁上下掛,電腦/ipad都順的。不過你知啦,客用咩機好難控制。
via HKEPC Reader for Android
作者: gamezz 時間: 2015-6-21 23:28
回復 14 #hihihi123hk
禮物唔係無限量送,當然要預先做馬啦。
via HKEPC Reader for Android
作者: gamezz 時間: 2015-6-21 23:34
回復 20 #7h1r733n
其實我舊野唔簡單家…有動畫,有禮物倉儲系統,匯出資料等,果d一日做好晒,我無講炸。
話時話,講左咁耐,仲未我人識做random完,轉個輪,慢慢停落我想要果格…
via HKEPC Reader for Android
作者: hihihi123hk 時間: 2015-6-21 23:41
電腦做輪盤有度好,放到個screen 大一大,出30個格仔
中完 果格就會無左
其它格仔就擴大,
中大獎機會愈黎愈大
抽紙仔形式逐個出黎轉,愈轉愈緊張
作者: hihihi123hk 時間: 2015-6-21 23:44
電腦做輪盤有度好,放到個screen 大一大,出30個格仔,例如1格大獎,2格二獎... 其它就慢慢分配,亦可能有2,3格 乜獎都無
中完 果格就會無左
其它格仔就擴大,
中大獎機會愈黎愈大
抽紙仔形式逐個出黎轉,愈轉愈緊張
比起傳統抽紙仔 順序派好似多左下,氣氛應該會緊張啲,由奇是等個輪盤慢慢減速果下先好睇
作者: 7h1r733n 時間: 2015-6-22 00:17
如果用Unity呢個Effect真係易到爆... 計左停個angle... Vector2.Lerp 就已經識慢慢停o系果一格度... 想有幾慢就* Time.deltaTime is OK.... 不過我估html5 d game engine應該都有呢類"功能"掛?
作者: 3ldk 時間: 2015-6-22 01:16
如果 2015年,如果仲有人(IT高層/SA/AP/Senior/User)叫你用 Jquery、Jquery UI 去寫一啲Web嘅小遊戲嘅話,例如啲Drag&Drop、答岩有個 ✔ 號播下聲嗰啲,我希望你唔好浪費自己時間用啲非Game Engine做呢啲野,因為喺我眼中等於「用生果刀切牛肉」,你會覺得點?及早轉用 Javascript Html5 2D Game Engine吧。
好有保留, 本來要handle mouse click release event, 又要handle x, y等等, 都要花一定工夫
如果Game Engine, 又要搞埋Z, 又要搞邊樣野有click中, 邊樣無click中, 仲要keep著render個畫面
依D野, 既然browser+dom已經做左比你, 又何必自已由底層做起呢?
作者: 7h1r733n 時間: 2015-6-22 02:23
本帖最後由 7h1r733n 於 2015-6-22 03:01 編輯
我認同 Unity 係一個非常好的方案去做 Mobile game/PC game 但唔係Web game.
如果要用 CreateJs/PixiJs ...
hihihi123hk 發表於 2015-6-21 16:24
Something update to you
https://www.youtube.com/watch?v=IH6_ZN5CcJg

雖然build size比android版大超過1倍.. 但起碼行到.. 同埋都幾順.. ~_~"
[attach]1802638[/attach]
不過個size其實真係唔適合放o系Web.... base build都幾十MB....
作者: hihihi123hk 時間: 2015-6-22 09:23
本帖最後由 hihihi123hk 於 2015-6-22 09:48 編輯
好有保留, 本來要handle mouse click release event, 又要handle x, y等等, 都要花一定工夫
如果Game Eng ...
3ldk 發表於 2015-6-22 01:16
有保留既係?
用Dom element 砌 relative layout 簡直想喊
如果用全absolute 黎砌, 咁點解唔用 canvas個 x,y ? canvas 可以隨意用Css 放大縮細,入面啲野會自動跟住scale
同埋無話一定要keep住render個畫面,可以係有event 先stage.update
不過正常嘅Game 一般黎講 唔會係全static 畫面,所以keep住render 出番啲animation
作者: hihihi123hk 時間: 2015-6-22 09:55
Unity 的確係好大食
我都用過下 three.js 係Browser 玩3D Modeling
不過依家WebGL都有好多手機都係用唔到
相信WebGL 應該慢慢會變主流
作者: hihihi123hk 時間: 2015-6-22 10:04
本帖最後由 hihihi123hk 於 2015-6-22 10:16 編輯
其實Backend 野 已經唔關個UI事
講返正題,
要簡單(好假)
是但轉幾個圈,最後一個圈,係目標位置嘅Angle 開始減速,減足一圈
要真實
Set好一個Constant Deceleration
Solve 條Equation 搵 Initial Speed
要再真實啲
每次都會加速到一個 Max speed,係特定某一個位置
Solve 條 Equation 搵Deceleration
作者: 3ldk 時間: 2015-6-23 21:08
本帖最後由 3ldk 於 2015-6-23 21:24 編輯
有保留既係?
用Dom element 砌 relative layout 簡直想喊
如果用全absolute 黎砌, 咁點解唔用 canvas ...
hihihi123hk 發表於 2015-6-22 09:23
預先申報
我未寫過game, 亦對寫game無乜認識, 但睇完你介紹, 先知原來game engine淨係識得將你定好左既vector/bitmap/3d model畫返出黎咁大把
我以前以為game engine可以做到好多野, 因為成日睇遊戲介紹, 都會聽到話某某遊戲用左某某engine, 所以畫面點靚點靚, AI點勁點勁. 再加上以前參觀過一D寫GAME課程, D人介紹話:"而家D game engine好勁, 幾句code就可以整到你個人物識行識走識打人", 所以, 我一直以為game engine會做下畫面呀, AI呀, 移動呀, collision呀, 諸如此類
但睇完介紹, 原來係乜都唔識做, 淨係識畫野, 連個object都係你要事先定好每一格係咩位, 咩樣, 跟著畫出黎, 咁即係用game engine, 好多野要自已做
再講講點保留
點解唔用game engine, 上面講左, 因為乜都要自已做, 邊有咁多時間?
如果用DOM, 你只需要搵個最適合你既object, 再改少少去符合你既要求, 例如一個checkbox, 你可能只係需要改下個剔既顏色就岩用, 如果用game engine, 你又要畫個格仔出黎, 又要畫個剔出黎, 仲要搵個位記低係咪剔左, 你話用多幾多時間? 又例如你要整個textbox, 畫個格仔不特只, 仲要用動畫整個 | 等佢閃下閃下, 字打得太多, 又要走馬燈咁將D字向左移. 好, 唔講依D, 講下onmouseover, 每隻game一定會用到既功能, 如果自已整, 你睇下幾麻煩? http://alienryderflex.com/polygon/, 明明browser實作左比你, 點解要自己再整?
作者: 7h1r733n 時間: 2015-6-23 21:45
本帖最後由 7h1r733n 於 2015-6-23 22:58 編輯
我以前以為game engine可以做到好多野, 因為成日睇遊戲介紹, 都會聽到話某某遊戲用左某某engine, 所以畫面點靚點靚, AI點勁點勁. 再加上以前參觀過一D寫GAME課程, D人介紹話:"而家D game engine好勁, 幾句code就可以整到你個人物識行識走識打人", 所以, 我一直以為game engine會做下畫面呀, AI呀, 移動呀, collision呀, 諸如此類
3ldk 發表於 2015-6-23 21:08
你上面講果d feature... Unity全部都做到....(我相信Unreal Engine同CryEngine都肯定得).. 但我只識用少少Unity.. 所以就只答你Unity啦...
一個唔識郁o既character/creature 3d model用mixamo搞一搞就已經係一個識得郁o既animated clips....(要比錢的)
將個clip拉落unity個animator度define好有咩states.. 有咩conditions咁呢個model就已經可以算係用得...
然後用一d AI script(Assets store有), 或者用最基本unity自己果個NavMesh Agent就已經識自記追個target...
畫面方面... 唔同shader/materials有唔同效果... 如果要求高的話.. 剩係玩枝燈都有排玩.. 唔同rendering setting都做到唔同野.... 的確係可以render到AAA quality的... render仲難過寫game logic.. (如果真係要realistic)
所有physic 例如重力, 撞擊力.. 跑.. 磨擦力等.. 有得set.. 唔駛好似以前咁要慢慢計.... 有Game Engine真係好方便...
所以其實我覺得HTML5 Game Engine應該算係"Animation Engine"?
作者: hihihi123hk 時間: 2015-6-24 00:19
本帖最後由 hihihi123hk 於 2015-6-24 01:10 編輯
用Dom 黎做先係浪費時間,你做過一次就會明,同埋你講嘅Event Handling (onmouseover, hitTest, onClick...) Createjs 係有的。
做Game 最緊要就係OOP,所有Object 可以reuse可以Extend,我new Object() 就等於起左一件野係個Stage度。因為你用 html5 Game Engine 寫嘅BaseObject 愈做愈多,所以寫mini game 只會愈寫愈快(例如你用Dom起四個類似嘅mini Game,但係玩法有少少唔同,我可以好肯定咁同你講我一定比你用少一半時間做)
相反如果用DOM黎做,我下下要加Html 起一個Object 仲要比個 class/Id 去等我 select番出黎?
下下加Object都要加Html ,再係 Js 入面select番出黎,搞到啲Code唔乾淨之餘仲要難Debug,更加重要嘅係 ,Game多數有State, 如果我個Game Object有 5個 State (五幅圖),唔通我做 5個img tag 然後 不斷 hide 四個 show一個,定係我不斷改個img src attr? (如果咁樣做,係轉src嘅時候先會Load張圖,所以根本唔work)
仲要搞埋啲cross-platform 嘅 Css tuning , 真係浪費好多時間
作者: hihihi123hk 時間: 2015-6-24 10:58
本帖最後由 hihihi123hk 於 2018-1-28 23:51 編輯
Hi , 由於寫呢個Prototype寫得太急,剛發現加加漏左了一行Cache,所以先造成十分 Lag。
CreateJS其實沒有想像中慢,你可以重新用以下Link測試再睇睇結果,
https://goo.gl/GQzaUr
作者: 3ldk 時間: 2015-6-25 02:42
用Dom 黎做先係浪費時間,你做過一次就會明,同埋你講嘅Event Handling (onmouseover, hitTest, onClick ...
hihihi123hk 發表於 2015-6-24 00:19
一年前左右, 我曾經問過一個寫開android game同android app既朋友, 我問佢話, game engine乜都做得到, 可唔可以用game engine黎寫app, 又可以cross platform, 又唔洗學咁多學畫layout既方法. 佢答我得係得, 但無咁好, 寫app最好都係用返sdk
對於佢既講法, 唔知你有咩見解? 用game engine寫app真係唔好? 定係其實比較好?
我依個問題同之前討論既野完全無關, 只係見你咁樣講, 另我諗起以前同朋友傾過類似問題, 再加上我最近寫緊個android app, designer整比我既UI, 好多都搵唔到岩用既widget library, 就算自已夾硬用built-in既component砌左個類似既樣出黎, 但設計師設計好既效果都係諗唔到可以點整, 舉個例子, 自製sliding tab的底線移去不同的tab. 加埋你既說話, 另我重新思考一下係咪應該用game engine黎寫app
因為, 用android api寫個好特別, 好HCI既介面出黎, 我係完全無從入手, 因為用built-in api係唔一定做得到, 但係玩開遊戲都知, 遊戲入面幾特別既界面都可以做得出
好似依D app咁, 竟然可以做到D咁既界面, 好懷疑係咪用game engine整出黎
https://www.youtube.com/watch?v=P11hlTuw5wU
https://www.youtube.com/watch?v=pH34Qly0eQs
https://www.youtube.com/watch?v=W-9bJAVVcyg
唔講咁誇張既界面, 講下依個比較接近standard component既界面, 但已經唔知可以點整出黎
https://www.youtube.com/watch?v=hayRCeF9Vq4
再睇一D好似GAME一樣既UI
https://www.youtube.com/watch?v=alPAH92ABHk
https://www.youtube.com/watch?v=uG5DXypCEsk
睇左咁多特別UI, 佢地唔係用game engine做出黎既話, 仲可以點整?
對於game engine寫app, 你又點睇?
作者: 7h1r733n 時間: 2015-6-25 09:29
本帖最後由 7h1r733n 於 2015-6-25 10:36 編輯
一年前左右, 我曾經問過一個寫開android game同android app既朋友, 我問佢話, game engine乜都做得到, 可唔可以用game engine黎寫app, 又可以cross platform, 又唔洗學咁多學畫layout既方法. 佢答我得係得, 但無咁好, 寫app最好都係用返sdk
3ldk 發表於 2015-6-25 02:42
唔好諗住用Game Engine寫app.... 真架... 你個friend冇呃你!
剛剛拆左上面個鬧鐘黎睇.... 純java寫出黎的.... 想知點寫就自己拆黎睇吓... (所以我成日都話寫android app一d保障都冇.. )
重點提示:
[attach]1803512[/attach]
講講寫app啦..... 而家寫app有三個方向....
1. 唔考慮performance(click落去慢少少都冇所謂).. 時間趕(快起貨, 催得急).. 冇budget 用phonegap/cordova.. html5 angularjs ionic ui.. 適合做d簡單野.. cross platform...
2. performance好重要... (click慢少少都鬼殺咁嘈), 大把時間大把錢... sdk/ndk 總之就係native....
3. game... 唔駛講一定係用game engine... 今期unity大熱... 如果係3d最好用unity... 如果唔係3d可以考慮cocos... 如果連performance都唔考慮先會用html5的game engine(最好唔好)...

