發表文章

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

蔡佩如VS Code俄羅斯方塊maintain維護增加顯示方塊

圖片
339 340 學習心得 之前用STYLE區塊,現在獨立一個STYLE.CSS檔案。 之前用SCRIPT,現在獨立一個SCRIPT.JS檔案。 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 fa...

蔡佩如VSCode編輯HTML, CSS, JavaScript俄羅斯方塊熱身

圖片
335影片 模仿印度開發人員 w3schools學習二維陣列JavaScript Arrays <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],]];             //M紫,正方形,以上共7個 const COLORS = [     "#0c0c2e","red","orange","yellow","darkg...

蔡佩如VScode, HTML檔案, CSS檔案, JS檔案

圖片

蔡佩如vscode金融市場基本測驗

圖片