Creating Animated Apps (II) 靜宜大學資管系 楊子青

Slides:



Advertisements
Similar presentations
Unit 3 Finding your way Welcome to the unit. Where do some birds fly in autumn? They fly to the south. Where do they fly in spring? They fly back to the.
Advertisements

泰达酒店管理有限公司 TEDA Hotels Management Co. Ltd. 1 经济全球化与中国的崛起: 酒店及旅游业之机遇 海航国际酒店管理有限公司 高天明 海南省、海口市、国贸大道德 45 号 银通国际中心 28 楼 ( O ),
1/67 美和科技大學 美和科技大學 社會工作系 社會工作系. 2/67 社工系基礎學程規劃 ( 四技 ) 一上一下二上二下三上 校訂必修校訂必修 英文 I 中文閱讀與寫作 I 計算機概論 I 體育 服務與學習教育 I 英文 II 中文閱讀與寫作 II 計算機概論 II 體育 服務與學習教育 II.
§ 3 格林公式 · 曲线积分 与路线的无关性 在计算定积分时, 牛顿 - 莱布尼茨公式反映 了区间上的定积分与其端点上的原函数值之 间的联系 ; 本节中的格林公式则反映了平面 区域上的二重积分与其边界上的第二型曲线 积分之间的联系. 一、格林公式 二、曲线积分与路线的无关性.
首师大数学专业 教改调研与建言 1. 师范大学的教学理念 2. 师范大学的教学定位 3. 教学计划的三点建议.
公司為社團法人 股東之人數 林宜慧 陳冠蓉. 公司之意義  根據公司法第一條規定 : 「本法所 稱公司,謂以營利為目的,依照 本法組織、登記、成立之社團法 人。」
專業科目必修 管理學概論、化 妝品行銷與管理、 專題討論、藥妝 品學、流行設計、 專題講座、時尚 創意造型與實務 專業科目必修 化妝品法規、生 理學、化妝品原 料學、化妝品有 效性評估、時尚 化妝品調製與實 務、藝術指甲、 生物化學概論、 美容經絡學、校 外實習 專業科目必修 應用色彩學、化 妝品概論、時尚.
聖若翰天主教小學 聖若翰天主教小學歡迎各位家長蒞臨 自行分配中一學位家長會 自行分配中一學位家長會.
認識食品標示 東吳大學衛生保健組製作.
台生vs.陸生— 生涯競爭力面面觀 主講人:吳正興
颞下颌关节常见病.
「健康飲食在校園」運動 2008小學校長高峰會 講題:健康飲食政策個案分享 講者:啟基學校-莫鳳儀校長 日期:二零零八年五月六日(星期二)
致理科技大學保險金融管理系 實習月開幕暨頒獎典禮
☆ 104學年度第1學期 活動藏寶圖 ☆ II III IV V 找到心方向-談壓力調適 陳佩雯諮商心理師
尊重价值规律.
脊柱损伤固定搬运术 无锡市急救中心 林长春.
第 1 章 地理位置與範圍 一、位置的表示方法 二、位置與生活 三、臺灣的位置與範圍 四、地圖閱讀.
第一节 工业的区位选择 一、工业的主要区位因素 1、工业区位选择应注意的问题 2、影响工业布局的主要区位因素 3、不同工业部门的区位选择
XXX分析室组长竞聘 演讲人: XXX
結腸直腸腫瘤的認知.
3.2 打地鼠游戏 学习目标: 随机图片的显示 时间控件的用法 函数的定义使用方法 随机数的产生使用方法 数学公式的使用方法 任务目标:
郭詩韻老師 (浸信會呂明才小學音樂科科主任)
新闻写作的特点与技巧 主讲:毛兆宏.
劳动统计专业年报培训 社会科 洪惠娟 2009年11月.
“走进三国” 读书汇报会 广州市玉岩中学 李玉明( ).
務要火熱服事主.
作业现场违章分析.
蒙福夫妻相处之道 经文:弗5:21-33.
MIT App Inventor 開發Android手機「打地鼠遊戲」 靜宜大學資管系 楊子青
基于课程标准的教学与评价: 政策执行讲评与后续要求
2. 戰後的經濟重建與復興 A. 經濟重建的步驟與措施 1.
税务认定 永州市国家税务局纳税人学校.
4. 聯合國在解決國際衝突中扮演的角色 C. 聯合國解決國際衝突的個案研究.
6.5滑坡 一、概述 1.什么是滑坡? 是斜坡的土体或岩体在重力作用下失去原有的稳定状态,沿着斜坡内某些滑动面(滑动带)作整体向下滑动的现象。
破漏的囊袋.
微積分網路教學課程 應用統計學系 周 章.
Creating Animated Apps (I) 靜宜大學資管系 楊子青
勇闖鵲橋I:動畫遊戲 靜宜大學資管系 楊子青
Working with Databases (II) 靜宜大學資管系 楊子青
App Inventor 2體驗 靜宜大學資管系 楊子青
普通物理 General Physics 29 - Current-Produced Magnetic Field
Visual Basic 物件導向程式設計簡介.
Interval Estimation區間估計
Android App簡介及 App Inventor 2體驗 靜宜大學資管系 楊子青
基礎程式設計範例 -網頁名片.
定语从句(5).
App Inventor 2初體驗 靜宜大學資管系 楊子青
聖本篤堂 主日三分鐘 天主教教理重温 (94) (此簡報由聖本篤堂培育組製作).
Programming Your App’s Memory 靜宜大學資管系 楊子青
Chapter 5 Attributes of Output Primitives (图元的属性)
相關統計觀念復習 Review II.
方向及加速感測器 靜宜大學資管系 楊子青.
HelloPurr_Extend 靜宜大學資管系 楊子青
App Inventor 2體驗 靜宜大學資管系 楊子青
Repeating Blocks: Iteration 靜宜大學資管系 楊子青
圣依纳爵堂 主日三分钟 天主教教理重温 (95) (此简报由香港圣本笃堂培育组制作).
方向及加速感測器 靜宜大學資管系 楊子青.
加速及方向感測器 靜宜大學資管系 楊子青.
Video 影像 (VideoPlayer 影像播放器、Camcorder 錄影機) 靜宜大學資管系 楊子青
Ch03 Layout.
進階UI元件:ListView元件以及複選 靜宜大學資管系 楊子青
打Mole不打Ladybug (IV): 讓使用者控制Ladybug移動 靜宜大學資管系 楊子青
基督是更美的祭物 希伯來書 9:1-10:18.
Creating Animated Apps: Canvas與ImageSprite 靜宜大學資管系 楊子青
加速感測器 靜宜大學資管系 楊子青.
NFC (近場通訊, Near Field Communication) 靜宜大學資管系 楊子青
明愛屯門馬登基金中學 中國語文及文化科 下一頁.
圣经概論 09.
When using opening and closing presentation slides, use the masterbrand logo at the correct size and in the right position. This slide meets both needs.
Presentation transcript:

Creating Animated Apps (II) 靜宜大學資管系 楊子青 2013.4.29.

打Mole不打Ladybug (III): Aphid移動、判斷是否遇到邊界

加入Aphid (蚜蟲)

1. 讓Aphid每秒往左移動10個像素

2. 偵測是否遇到邊界 使用EdgeReached(number edge)事件 Event handler called when the sprite reaches an edge of the screen. The edge argument tells which edge (or corner) was reached, encoded as follows: north = 1 northeast = 2 east = 3 southeast = 4 south = -1 southwest = -2 west = -3 northwest = -4

蚜蟲遇到邊界,回到原點重新開始

練習 利用隨機亂數,讓蚜蟲每次左移5-20個像素 讓蚜蟲往左上角隨機移動(x軸與y軸均隨機減少),並判斷碰到左邊、上方還是左上方之邊界

打Mole不打Ladybug (IV): 讓使用者控制Ladybug移動

ImageSprite的Heading與Speed屬性 indicates the direction in which the ImageSprite should move, in degrees. For example, 0 means due right, 90 means straight up, 180 means due left, and so on. Speed specifies how many pixels the ImageSprite should move whenever its Interval passes.

不同方向對應之Heading角度值 45 90 135 180 225 270 315

加入Clock2,每隔0.1秒觸發一次

方法一:設計方向按鈕

設定速度及方向

方法二:傾斜手機 (需有手機測試,部分手機 無法偵測):加入OrientationSensor (方向感應器)

Two OrientationSensor’s most useful properties Angle (傾斜角度) indicates the direction in which the phone is tilted (in degrees). Magnitude (傾斜量) indicates the amount of tilt, ranging from 0 (no tilt) to 1 (maximum tilt) Multiplying the Magnitude by 100 tells the ladybug that it should move between 0 and 100 pixels in the specified Heading (direction) whenever its TimerInterval

利用OrientationSensor 調整Ladybug前進角度及速度

方法三:搖晃手機 (需有手機測試): 加入AccelerometerSensor (加速感應器)

AccelerationChanged事件,以傳回參數判斷搖晃方向 XAccel>0 XAccel<0 45 90 135 180 225 270 315 yAccel<0 yAccel>0

利用搖晃手機,讓Ladbug往四個 斜角方向移動

練習 請設計加速及減速按鈕 若Ladybug碰撞到Aphid,則Aphid被吃掉 得10分 Aphid回到原始位置 Ladybug隨機出現在Canvas的某個位置

打Mole不打Ladybug (V): Ladybug生命線

Canvas畫圖的相關屬性 BackgroundColor FontSize LineWidth PaintColor The color of the canvas background. FontSize The font size of text drawn on the canvas. LineWidth The width of lines drawn on the canvas. PaintColor The color in which lines are drawn

Canvas畫圖的相關方法 Clear() DrawCircle(number x, number y, number r) Clears anything drawn on this Canvas but not any background color or image. DrawCircle(number x, number y, number r) Draws a circle (filled in) at the given coordinates on the canvas, with the given radius. DrawLine(number x1, number y1, number x2, number y2) Draws a line between the given coordinates on the canvas. DrawPoint(number x, number y) Draws a point at the given coordinates on the canvas. DrawText(text text, number x, number y) Draws the specified text relative to the specified coordinates using the values of the FontSize and TextAlignment properties.

1. 定義EnergyLine,傳入顏色與長度 會在右邊邊界畫一條寬20的線條

2. 定義Setup進行初始化設定 (畫一條紅色,長度300的線條) 倒數計時60秒

3. 每秒紅色生命線減少長度5 (以白線取代)

執行結果

練習 若Ladybug吃到Aphid,則時間再度從60秒開始倒數,生命線重設為滿檔 倒數計時到0,則Game Over