教案 - 表面積教學





這次教案 教學內容是表面積 , 其中一項就是柱體的表面計算

要用 3D 柱體來呈現



本來一直沒機會去碰 pv3d 這下可以來練習一番 !~



由於匯進來的3d 希望由鍵盤與滑鼠去操作 翻轉

其實就跟操控一般物件是一樣

去控制它的 rotationY rotationX rotationZ



以下是貼上部份Code 做參考 :



            speedY*=0.9;

            speedX*=0.9;

            cube.rotationY += speedY;

            cube.rotationX += speedX;



        }

        private function key_fun(e:KeyboardEvent):void {

           

            if (e.keyCode == 68){

                 speedY -= 10;

            }

            if (e.keyCode == 65){

                   speedY += 10;

                       

            }

            if (e.keyCode == 87){

                    speedX += 10;

            }

   

            if (e.keyCode == 83){

                   speedX -= 10;

                       

            }

           

           

        }

Facebook API 開發前的認識



以最簡單方法來說 Facebook API 就是可以透過 Facebook 釋出的授權方法

以你所建構的軟體或程式語言來做連接 , 來取得使用者任何相關資訊

就好比你進入Facebook 遊戲 ,它可以取得你的ID,你的朋友,你的任何訊息,

包含了你個人資訊,你按了幾次讚,你的大頭照等



底下要為各位介紹的是FB API授權申請取得,

這裡使用的方法是透過Facebook API for PHP SDK3 基礎連接 ,



目前網路上所能查詢到的FB API連接法,幾乎多屬舊版(2011/7月前),申請頁面

相關圖也多屬未改版前,導致後面在學習上會有所出入,因此如果你當下要學習

Facebook API開發,你可以參考我底下的教學







1 . Facebook API 可用那些語言



FBML(Facebook Markup Language )

基於Facebook平台的網頁語言,可以直接跟Facebook平台進行溝通操作及整合.

支援大部份HTML語法,並提供大量Facebook的介面及功能開發者只需要輸入簡

單的FBML語法,Facebook會自動將其分析及呈為功能介面



ex : FBJS (Facebook JavaScript) FQL , FBML



Facebook技術文件有更詳細的介紹

https://developers.facebook.com/docs/advancedtopics/





IFRAME

在IFRAME架構下,網頁是透過外部方式連結,需要透過一些工具才能與Facebook

平台進行溝通,在這邊我們介紹的工具是透過PHP SDK藉此進行登入驗證及連結Facebook平台





2. 介紹傳統的API 授權法



這部份有興趣的網友可以看一下,如果你不想看一堆Facebook原文講解.



以下部份是App授權舉例: (ID & secret 可以使用你申請的 app )

將以下網址貼至瀏覽器:



https://graph.facebook.com/oauth/access_tokenclient_id=252055374834003client_secret=abb3bffcc5dc79649a8&grant_type=client_credentials



成功的話會看到

access_token=252055374834003|MrIDD9fuIVTzKCXixIueGnr-IZE





再將上面得到的 access_token填入

https://graph.facebook.com/me/accounts?access_token=



便得到該app的管理者資訊 同理client也是如此認證當然了,

我們不可能用上面這麼麻煩方法來取得授權,PHP SDK3已經都幫我們做好這些事



以上詳細請參考:https://developers.facebook.com/docs/authentication/







3. 使用 PHP 引進 Facebook PHP SDK

使用SDK前先去Facebook使用者開發技術文件裡下載 , 這裡請使用最新的

php sdk3版本
,在做引進前,先完成下載,下一節為您詳細介紹php sdk3如何

使用!~



將Facebook拉至最底下,點選開發人員,進入後點選上方的技術文件







底下東西不用管它,請點選 download









4.在還未引進php sdk3前,使用須先完成網頁伺服器與php安裝支援

如果懶的做設定,可以參考AppServ,安裝完自動幫你把apache與php

整合完成


http://www.appservnetwork.com/

AppServ 2.5.9(建議安裝的版本)



  • 留言者: chen
  • Email:
  • 網址:
  • 日期: 2012-02-28 11:53:52
板大你好

可以教一下php sdk3如何使用嗎?

我在FB測試都失敗....




  • 留言者: young
  • Email:
  • 網址:
  • 日期: 2012-03-13 17:03:15
板大 請問這個PHP SDK要怎麼跟FLASH結合呢?




  • 留言者: young
  • Email:
  • 網址:
  • 日期: 2012-03-15 14:47:23
板大妳好



var user_img_loader:Loader = new Loader();

var file:String="http://graph.facebook.com"+user_id+"/picture";

user_img_loader.load(new URLRequest(file));

user_img.addChild(user_img_loader);



user_id是PHP那邊傳過來的嗎?那要怎麼得到值 不好意思我不太熟




  • 留言者: young
  • Email:
  • 網址:
  • 日期: 2012-03-15 16:33:13
板大妳好 登入後 uid=0是成功嘛?




  • 留言者: young
  • Email:
  • 網址:
  • 日期: 2012-03-15 17:11:18
板大妳好 登入後沒有錯誤訊息 但是uid=0 不知道是哪裡錯了?




  • 留言者: 晏佳惠
  • Email: jhj9608@yahoo.com.tw
  • 網址: http://blog.sina.com.tw/puresun/article.php?pbgid=113836&entryid=605668
  • 日期: 2012-06-28 20:12:18
(*´∀)ノ。+:°

AS3.0 - 深度管理 new 出之物件

從一開始使用 as2.0 到 as3.0 , 物件由複製轉為 使用 new 的方法來產生物件

每new 出一物件 , 它就具有自己的特性 , 你可以在 new 時就賦予它 .

但這樣還不夠 , 你可曾想過 , new 出之物件 , 如何去得心應手的 操控它們

操控它們的xy位置 , 隨意改變它們的深度 改變它們的特性.



馬上就來看看底下的Code 是怎麼做的 :





假設你已經在元件庫裡做好一元件  在屬性的類別裡命好名子了 譬如叫  ball



var b1 : ball =  new ball();

//這個大家都會~


b1.name = ba1

//將new 出之物件 給定一 b1名子後 , 它有一屬性叫 .name 我們把一個名子給它

//以後這 b1 物件 操控時就叫 ba1

//通常我們會習慣將它存在陣列裡使用



對其操控時 不可直接 ba1.x  <---- 是錯誤的 記得它只是一個字串

要將該文字轉換成 MovieClip 型態





var B1 :MovieClip =  MovieClip(root).getChildByName( ba1 )  as MovieClip;

//大功告成 , 將文字 ba1 轉為 MovieClip型態 宣告為 B1

//這時便可以對 B1 操控其屬性




Javascript - IE & Firefox 開出符合解析度之固定視窗大小


開出固定視窗大小 我想不是什麼困難的事 , 但是要開出固定視窗並且延展至全螢幕
(符合螢幕解析度)在測試時 , 單靠javascript 去 windows.open 在 IE瀏覽器時 , 會產生失敗 , Firefox 表現上則正常所以在 被觸發的一端 遇到 IE時 還得再靠  self.resizeTo 去調整


以下Code 是 IE & Firefox & google chrome 兼容 :


發送的 HTML :

 <script language="JavaScript">


function openwin(){

           window.open('main.html', '_blank',config='height=screen.height
           ,width=screen.width');
}
</script>



設置一連結開啟固定視窗大小(符合螢幕解析度)

<body>

<a href="#" onclick="openwin()"></a>

</body>



在被開啟的一端 main.html :
<script type="text/javascript">

<!--

self.moveTo(0,0)

self.resizeTo(screen.availWidth,screen.availHeight)

// -->

</script> 




Facebook Game - Tank Test Final



經過了許久的努力終於完成 , 這次新增的功能包含了添加好友 , 交換送禮寶物

及 事件觸發塗鴉牆 等..



其中 送禮部份是比較難理解 , 在此特別提出來講解 , 往後網友在製作上會較容易些 !



在 使用 FBML 方法中 , Request Form 可以用來邀請好友 , 當然也就可以送禮給好友

在 <fb:request-form 裡 有一個 content , 它就是用來包我們要送禮的變數 , 見以下程式碼

(也可參考 塗鴉牆的祕密 ch6 ch7 )



<fb:fbml>

       <fb:request-form

                action="http://apps.facebook.com/tankver/"

                method="POST"

                invite="true"

                type="Tank API禮物測試"

                content="寄送文字。<?php echo htmlentities("<fb:req-choice url=\"http://apps.facebook.com/遊戲名?GiftAccept=1\" label=\"寄送禮物!\"")?>" >

                <fb:multi-friend-selector showborder="false" bypass="cannel" max="122"  actiontext="選擇你要寄送禮物的朋友!~">

       </fb:request-form>

</fb:fbml>

          



------------------------//在邀請好友的部份 //---------------------------------------------------------



有icon的         邀請好友介面是「fb:multi-friend-selector」

滑鼠直接點選   邀請好友介面是「fb:multi-friend-input」


Facebook App 2011 最新版本申請教學



申請 Facebook App (應用程式專頁) 有什麼困難 ?

對! 沒錯 理論上是應該很簡單的

 

但是 Facebook一再改版 , 申請頁面也不斷在更新改變 , 市面上的書籍與網路上

所貼的教學都已經是舊版申請的頁面,以及提到的細節部份更是少之又少,導致在

申請過程,以及之後關係到API 開發的部份遇到困難.



請跟著以下圖片步驟來做 2011 Facebook App 申請:







1.登入Facebook , 畫面拉到最底下,找到"開發人員" , 點選它!









2.進入後的頁面,右上角有一個"應用程式",請點選它!









3.請點選右上角, "建立新的應用程式 " .







4.請填上App Name, Locale選擇 台灣 , 將 agree 勾選!  按"繼續"下一步!







5.輸入驗證! 看不清楚請點選 "換成別的字"來更換輸入的驗證!









6. 2011年8月後申請頁面變成底下這樣子 , 可以看到我標了 6 個數字

    底下我標的6個數字(除了6之外) 其它都是必填的,填完1-5 ,就算是申請完成



    1. App ID (你申請應用程式的 ID 編號 , 之後 呼叫 API 登入時要用到)

    2. App Secret (你申請應用程式的 Secret 編號 , 簡單講就是類似密碼  , 之後 呼叫 API 登入時要用到)



    3. App 顯示名稱 (自行設定)

    4. App 名稱空間 (自行設定)



    5.網站(必填) 詳細說明請往下看說明!

    6.Facebook 上的 App(如要透過Facebook內的專頁去連結App時才需要)

  









 7. 在這邊 請特別注意   " 網站 " 填寫的網址 , 必須是 Facebook 認可的網址 ,



     例如 家用固定IP , 浮動IP , 公司用 domain , 付費使用的domain , 特定幾家的轉址 (大部份都不行)



     Canvas 網址 : 記得填完後 要加上 問號 ?



     最後再按下 儲存!

   





 





  8. 儲存後會出現以上訊息 , 告訴你 你的設定會在 幾分鐘後生效 , 筆者在這邊告訴你 , 通常等Facebook驗證過
      你 填的網址 , 都要等上將近 一天 的時間 , 所以這段時間 你去試著用API 呼叫取 授權都會失敗 !

      所以請耐心等候吧!










  • 留言者: jocosn
  • Email: jocosn@yahoo.com.tw
  • 網址:
  • 日期: 2012-03-13 02:16:38
萬德佛,希望可以多提供一些 facebook 的實作和心得。最近有朋

友問說 facebook 的 SSO 單一登入機制,因完全不懂這對網站有

甚麼影響,也沒經驗,不知道怎麼回答。




  • 留言者: dwayne552
  • Email:
  • 網址:
  • 日期: 2012-03-24 03:35:39
不錯,看了就推,這是美德!

LV超3A名牌購物網 Lv333.com

Lv,Gucci,Rolex,包包,錢夾,手錶,批發,LV超3A名牌購物網 ,歡迎來參觀喔!

我來了,好地方就留下腳印,以後也記得去過哪些地方




  • 留言者: 楓晨羽
  • Email: frankla2012@gmail.com
  • 網址:
  • 日期: 2012-04-25 15:17:39
請問...我java程式已經完成了

可是facebook好像要用php載入java

那我要如何把我的java弄到php裡面



感激不盡




  • 留言者: alice885
  • Email:
  • 網址:
  • 日期: 2012-04-26 17:19:52
我來了,好地方就留下腳印,以後也記得去過哪些地方

全新體驗*台北專業優質美容指油壓按摩電話O973616674即時ytw6969等你來喔!

hj




  • 留言者:
  • Email:
  • 網址:
  • 日期: 2012-04-28 11:18:21
您好~請問我要如何知道認證有沒有過呢~因為根據您另一篇的介紹~我的

uid印出來都是0~我app資料認證還沒有超過一天~但是這樣盲目的等也不

知道到是資料認證的問題還是其他問題,謝謝。




  • 留言者:
  • Email:
  • 網址:
  • 日期: 2012-06-08 04:49:43
勊咰候



還行喔。

全新體驗*台北專業優質美容指油壓按摩電話O973-616674即時ytw6969@yahoo.com.tw等你來喔!



丳卪




  • 留言者: noname
  • Email: apple.xiang@tronpy.com
  • 網址:
  • 日期: 2012-07-28 16:16:03
板主您好:

我在申請app center完畢後,它跳出

App Detail Page Status : Live

Your app detail page is now live and will appear in Search.

App Center Listing Status : Unlisted

Your app is not listed because it does not have enough high

ratings and user engagement to be listed in the App Center at

this time. Please refer to your app's Insights page to view your

app's user rating and engagement metrics, and view our App

Center guidelines for more information.



所以到底要什麼條件才能讓game show在app center裡呢??




  • 留言者: nonam
  • Email: apple.xiang@tronpy.com
  • 網址:
  • 日期: 2012-07-28 20:09:55
感謝板主大人!!!!!!

真的很不好意思我還想問一個問題>口<

它所謂的增加app曝光率,是指粉絲團要很多人嗎?

還是要打很多的廣告?我就是卡在這裡搞不懂fb要叫我去哪裡增加曝光

率呢...(困擾),然後文章又都英文(暈倒)




  • 留言者: noname
  • Email: apple.xiang@tronpy.com
  • 網址:
  • 日期: 2012-07-28 21:34:07
喔喔喔好的感謝板主!




  • 留言者: Arron
  • Email:
  • 網址:
  • 日期: 2013-03-08 04:11:00
板主你好:

請問Canvas網址那裡為什麼要加上問號

如果我是在家裡用AppServ應該要怎麼填呢??

是IP後面放資料夾路徑嗎?

像這樣嗎 XXX.XXX.XXX.XXX/AppServ/www

因為我有研究一下說那裡是要填主機放程式的位址



抱歉 目前是新手 不知道觀念正不正確

謝謝解答

Game Development - Poker Stack



開發一系列Poker 的遊戲前一堆的前置作業 , 像以上這是一個poker 堆疊
方式 , SupuerPoker 堆疊籌碼是以籌碼幣值分堆的方式

裡面較麻煩的部份 就是籌碼堆疊靠齊的機制

後來想到一個方法
利用陣列來得知每一個幣值該位移多少位

譬如 0 1 0 1 1 0
便可以知道 25 往左看過去 有 3 個 1 ( 表示有三個空位置 )
那就要位移三個座標值

Facebook Game - Tank Test







這是我第一款為Facebook API 開發的 測試 Game

用來測試 Facebook API 與 php 之前的聯繫 與 as3.0 傳值

有興趣的網友 可以進去玩玩給點建議

http://114.35.17.46/







Tank 開發前的 鉛筆 手稿



內容使用一堆物理計算, 計算重力 紀錄發射砲彈的位置 , 加速度 , 傳回物件的血量

關卡的結構等



後來得知 Flash物理不用這麼麻煩  , 使用 Box2D 就可以解決這一切麻煩

直接模擬 物理世界 就不用在重新定義 重力 各種碰撞關係