[精讚] [會員登入]
459

[javascript] 將角色物件放到清單中,並依序讀出每個角色的X值

參考在scratch中建立三個角色並且給定值 http://n.sfs.tw/content/index/14716 一

分享此文連結 //n.sfs.tw/14719

分享連結 [javascript] 將角色物件放到清單中,並依序讀出每個角色的X值@igogo
(文章歡迎轉載,務必尊重版權註明連結來源)
2020-08-15 12:22:31 最後編修
2020-08-15 12:21:54 By igogo
 

 

參考在scratch中建立三個角色並且給定值

http://n.sfs.tw/content/index/14716

 

一. 先建立角色型別

 

 

function Sprite(){
  this.name = "角色一";
  this.looks = ["cat picture1"];
  this.x = 0;
  this.y = 0;
  this.visible = true;
}

 

觀察在Scratch中, 預設的角色,  命名為角色一, 造型為小貓咪圖片, x及y座標都在0, 以及預設是顯示的

 

二. 產生實體

 

 

 

function myFunction() {
  let Cat1 = new Sprite();  
  Cat1.name = "Cat1";
  Cat1.x = -100;
  Cat1.y = 0;
  Cat1.visible = false;
  
  let Cat2 = new Sprite();  
  Cat2.name = "Cat2";
  Cat2.x = 0;
  Cat2.y = 0;
  Cat2.visible = false;
  
  let Cat3 = new Sprite();  
  Cat3.name = "Cat3";
  Cat3.x = 100;
  Cat3.y = 0;
  Cat3.visible = false; 
  
}

 

三. 將三隻貓咪加到陣列中

  let roles = [];
  roles.push(Cat1);
  roles.push(Cat2);
  roles.push(Cat3)

 

四. 依序讀取每個角色的x座標值

使用陣列來蒐集相同的角色,在之後管理上會比一個角色一個角色讀取或設定來的方便

只要依序讀取陣列裡的角色就好

 

  roles.forEach(role=>{
    console.log(role)
  })

 

 

 

 

這是將每一個角色物件的資訊通通印出來,  如果我們只想知道每個角色的X座標值

  roles.forEach(role=>{
    console.log(role.x)
  })

 

角色名與x座標

  roles.forEach(role=>{
    console.log(role.name + ":" + role.x)
  })

 

END

你可能感興趣的文章

將google試算表當作簡易資料庫,利用Google apps cript 在網頁上操作查詢 將google試算表當作簡易資料庫,利用apps cript 在網頁上操作查詢 若我有一試算表資料 縣市 status

[vue.js] 動態的props 做parent-child components 雙向綁定 vue.js props components camel-case

vue.js modal 作兩個選項按鈕並導向不同頁面 vue.js modal 作兩個選項按鈕

vue.js component 在parent與child 傳值 component 在parent與child 傳值

word題目轉google測驗 word題目轉google測驗

[vue.js] input event Form-Input-Components-using-Custom-Events

我有話要說

>>

限制:留言最高字數1000字。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

java-身份証字號驗証 FormatCheck.java public class FormatCheck { private volatile

vue.js component 在parent與child 傳值 component 在parent與child 傳值

axios vuejs application/x-www-form-urlencoded 送資料 VUE.JS 以 application/x-www-form-urlencoded 送資料

windows ad 如何得知 dn 值 如何得知 windows ad 上的使用者dn 值 https://support.symantec.com/en_US

雲端校務系統與OPENLDAP帳號整合(1) 本文件目標是為做單一帳號整合, 使用校端更改密碼服務, 將雲端校務系統的帳密同步至校內LDAP server, 並讓SA