2012年12月29日 星期六

[ Forth.js ] HTML5 Canvas時鐘動畫的中文程式碼

HTML5繪製圖形的中文程式碼,以下範例,參考自Mozilla開發者社群Canvas 教學

若看不到內容,請稍待幾秒

若看不到內容,請稍待幾秒

紀錄一年又五個月的籃球修行

爸爸的啤酒肚消了,Jimmy的感冒次數變少了
爸爸的肌肉結實了,Jimmy的吃飯食量變大了
爸爸的跑步不喘了,Jimmy的投籃命中變多了

這籃球是Jimmy幼稚園畢業後那個暑假買的,陪伴我與Jimmy在籃球場一年又五個月
寄件者 scratchlab02
寄件者 scratchlab02

Jimmy的樂高積木修行--虎之卷62頁--轉向軸積木應用

Jimmy's papa翻閱虎之卷時,發覺62頁的小車用到一個少見的積木,長相像雙節棍的十字軸,查Google後才知道叫做轉向軸,例如汽車方向盤可藉轉向軸傳導施力來操控車輪的左右轉向,想不到仔細翻找積木箱後,Jimmy's papa竟然找到一根轉向軸積木,於是就當作Jimmy這次的樂高積木修行主題囉!!!

在缺乏原作的某些積木的情況下,Jimmy與Jimmy's papa還是找到了解決之道,順利完成這次修行

寄件者 scratchlab02
寄件者 scratchlab02
寄件者 scratchlab02

2012年12月26日 星期三

[ Forth.js ] HTML5 Canvas變形的中文程式碼

HTML5繪製圖形的中文程式碼,以下範例,參考自Mozilla開發者社群Canvas 教學

稍等一下

nil

指定畫布 畫布壹
畫布壹 0 0  150 150 實心方
畫布壹 保存畫布狀態

畫布壹 字" #0090F0" 填色調
畫布壹 15 15 120 120 實心方

畫布壹 保存畫布狀態
畫布壹 字" #F0F0F0" 填色調
畫布壹 0.5 透明   
畫布壹 30 30 90 90 實心方

畫布壹 回復畫布狀態
畫布壹 45 45 60 60 實心方

畫布壹 回復畫布狀態
畫布壹 60 60 30 30 實心方
稍等一下

nil

指定畫布 畫布貳

: 繪製螺旋 { 大半徑 小半徑 圓心 } 
  畫布貳 開始構圖
  畫布貳 大半徑 圓心 減 0 移筆  
  2000 1 做 
    區域變數 x2 區域變數 y2
    畫布貳 
    大半徑 小半徑 加 i 180度 72 除 乘 餘弦 乘   
       小半徑 圓心 加 大半徑 小半徑 加 小半徑 除 i 180度 72 除 乘 乘 餘弦 乘 減 
    給 x2 x2
    大半徑 小半徑 加 i 180度 72 除 乘 正弦 乘   
       小半徑 圓心 加 大半徑 小半徑 加 小半徑 除 i 180度 72 除 乘 乘 正弦 乘 減 
    給 y2 y2
    拉線 
    x2  大半徑 圓心 減 不等於  y2 0 不等於 且 否定   
    若真  跳出循環 然後 
  循環 
  畫布貳 下筆   
;  

: 畫九個螺旋
  畫布貳 0 0 300 300 實心方 
  3 0 做
    3 0 做
      畫布貳 保存畫布狀態
      畫布貳 字" #9CFF00" 筆色調
      畫布貳 50 i 100 乘 加 50 j 100 乘 加  移動原點
      20 i 2 加 i 1 加 除 乘  ( 參數 大半徑 )
      -8 j 3 加 j 1 加 除 乘  ( 參數 小半徑 )
      10                     ( 參數 圓心 )
      繪製螺旋
      畫布貳 回復畫布狀態
    循環
  循環
; 畫九個螺旋 
稍等一下

nil

指定畫布 畫布叁
畫布叁 75 75 移動原點

: 旋轉範例
6 1 做
	畫布叁 保存畫布狀態
	畫布叁 51 i 乘 255 51 i 乘 減 255 紅綠藍轉十六進制 填色調
	i 6 乘 0 做
		畫布叁 360度 j 6 乘 除 旋轉
		畫布叁 開始構圖
		畫布叁 0 j 12.5 乘 5 0 360度 反時鐘 弧
		畫布叁 填圖
	循環
	畫布壹 回復畫布狀態
循環

; 旋轉範例

2012年12月25日 星期二

2012年12月21日 星期五

Jimmy的樂高積木修行--虎之卷66頁--鬥牛車

寄件者 scratchlab02
寄件者 scratchlab02
寄件者 scratchlab02

[ Forth.js ] 區域變數 Local Variable

這次增加了新功能,讓定義新詞時,可定義區域變數,以簡化操作資料堆疊的難度,Jimmy's papa為此設計了區域變數框架(LocalsFrame)機制,每當執行有附帶定義區域變數的高階詞(High word)時,Forth.js便會在返回堆疊(Return stack)裡,疊上一個區域變數框(LocalsFrame),裡面塞了此高階詞(High word)用到的區域變數(Local Variables)及框架基底(LocalsFrameBase),當此高階詞(High word)執行終了,便會依框架基底(LocalsFrameBase)清掉整個區域變數框架(LocalsFrame)

若看不到執行結果,請稍待片刻,或下載forthjstest-1.1.5.zip到你的電腦上執行

nil

nil

nil

nil

2012年12月17日 星期一

均一教育平台

均一教育平台(www.junyiacademy.org)從美國Khan Academy(可汗學院)用 cc 授權的方式取得大部分的內容跟軟體並加以中文化。其中國小程度的數學練習題90%已經中文化

看來除了子由數學網站,Jimmy小朋友又多了一個線上練習數學的機會

Jimmy的樂高積木修行--虎之卷66頁--澆花水槍車

這個簡單的小車車,車輪行走時,會帶動滑桿進退,那模樣很像以前不知在哪裡看過的水槍車,那就命名為澆花水槍車吧!!!
寄件者 scratchlab02
寄件者 scratchlab02
寄件者 scratchlab02

2012年12月10日 星期一

哇!12年國教後,做父母的心態要把自己當神奇寶貝訓練家哩!?

12年國教與WRO之關聯
12年國教-競賽成績-計算方式

[ Forth.js ]套用HTML5 Canvas樣式和色彩的中文程式碼

HTML5繪製圖形的中文程式碼,以下範例,參考自Mozilla開發者社群Canvas 教學

指定畫布 畫布ㄧ
: 示範填格
  6 0 做
     6 0 做
       畫布ㄧ
       255 42.5 j 乘 減 下取整數 ( 紅 )
       255 42.5 i 乘 減 下取整數 ( 綠 )
       0 ( 藍 )
       紅綠藍轉十六進制 填色調
       畫布ㄧ i 25 乘 j 25 乘 25 25 實心方
     循環
  循環   ;
示範填格

nil

nil

nil

nil

nil

nil

nil

nil

nil

2012年12月8日 星期六

Jimmy的樂高積木修行--虎之卷58頁--遙控登月車

原本圖解只有一個馬達,靠切換電池上的開關前進與後退,不過多加一個馬達及遙控接受器後,就搖身一變為遙控登月車,為了讓登月車能順利左右迴轉而不會卡卡的,Jimmy小朋友罕見地很有耐心的"除錯"

為什麼呢?因為Jimmy's papa答應他,只要車子能通過我的測試標準,星期六就讓他玩賽耳號遊戲
寄件者 scratchlab02
寄件者 scratchlab02
寄件者 scratchlab02

Jimmy的樂高積木修行--虎之卷178頁--自動切換齒輪

看虎之卷裡面的圖解,似乎會隨著馬達轉動而輪流轉動左右齒輪,不過我和Jimmy實驗的結果,只能手動切換
寄件者 scratchlab02
寄件者 scratchlab02
寄件者 scratchlab02

2012年12月6日 星期四

[ Forth.js ]繪製HTML5圖形的中文程式碼

HTML5繪製圖形的中文程式碼,以下範例,參考自Mozilla開發者社群Canvas 教學



nil

nil

nil

nil

nil

nil

nil

nil

nil

nil