教案 - 表面積教學





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

要用 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」