教案 - 表面積教學
這次教案 教學內容是表面積 , 其中一項就是柱體的表面計算
要用 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
- 留言者: 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
- 留言者: young
- Email:
- 網址:
- 日期: 2012-03-15 17:11:18
- 留言者: 晏佳惠
- 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 操控其屬性
每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」
訂閱:
文章 (Atom)