發表文章

目前顯示的是 11月, 2023的文章

陳麗慧VS Code俄羅斯方塊maintain維護增加顯示方塊

圖片
  學習心得 之前用STYLE區塊,現在獨立一個STYLE.CSS檔案。  JS程式碼 let canvas = document.getElementById("tetris"); let scoreboard = document.getElementById("score"); let ctx = canvas.getContext("2d"); ctx.scale(30,30); const FOUR = [ //設定 [[0,1,0,0],[0,1,0,0],[0,1,0,0],[0,1,0,0]],//I紅 [[0,1,0], [0,1,0], [1,1,0]], //J橘 [[0,1,0], [0,1,0], [0,1,1]], //L黃 [[1,1,0], [0,1,1], [0,0,0]], //Z綠 [[0,1,1], [1,1,0], [0,0,0]], //S藍 [[1,1,1], [0,1,0], [0,0,0]], //T靛 [[1,1], [1,1],]]; //M紫,正方形,以上共7個 const COLORS = [ "lightgray","red","orange","yellow","darkgreen","blue","indigo","purple"]; const ROWS = 20; //列數ROWS const COLS = 10; //欄數COLumnS let grid = generateGrid(); //呼叫函數產生20x10格子 let fallingPieceObj = null; let score = 0;...

陳麗慧編輯HTML, CSS, JavaScript俄羅斯方塊

圖片
  模仿印度開發人員 JavaScript Arrays 0,1,0,0,0,1,0,0,0,1,0,0,0,1,0,0,0,1,0,0,1,0,1,1,0,0,1,0,0,1,0,0,1,1,1,1,0,0,1,1,0,0,0,0,1,1,1,1,0,0,0,0,1,1,1,0,1,0,0,0,0,1,1,1,1 以上程式碼在撰寫模式貼上 <h1>JavaScript Arrays</h1> <p id="demo"></p> <p id="demo1"></p> <script> const FOUR = [                  //二維矩陣設定     [[0,1,0,0],[0,1,0,0],[0,1,0,0],[0,1,0,0]],//I紅     [[0,1,0],  [0,1,0],  [1,1,0]],            //J橘     [[0,1,0],  [0,1,0],  [0,1,1]],            //L黃     [[1,1,0],  [0,1,1],  [0,0,0]],            //Z綠     [[0,1,1],  [1,1,0],  [0,0,0]],            //S藍     [[1,1,1],  [0,1,0],  [0,0,0]],            //T靛     [[1,1],    [1,1],]...