發表文章

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

劉任昌VS Code俄羅斯方塊maintain維護增加顯示方塊

圖片
學習心得 之前用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 fallingPiec...

劉任昌VSCode編輯HTML,CSS,JS俄羅斯方塊

圖片
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","...

劉任昌VScode, HTML檔案, CSS檔案, JS檔案

圖片
HTML檔案 < !html劉任昌styles.CSS, script.JS ctrl shift P display language> < link rel = "stylesheet" href = "style.CSS" > < script src = "myscripts.js" ></ script > < ol start = "297" > < li >< select id = '297' >< option > 答 </ option >< option > 1 </ option >< option > 2 </ option >< option > 3 </ option >< option > 4 </ option ></ select > 下列何者非屬資訊安全的基本三要素 &#65311; < ol type = '1' >< li > 一致性(Consistence) </ li >< li > 完整性(Integrity) </ li >< li > 可用性(Availability) </ li >< li > 機密性(Confidentiality) </ li ></ ol ></ li > < li >< select id = '298' >< option > 答 </ option >< option > 1 </ option >< option > 2 </ option >< option > 3 </ option >< option > 4 </ option ></ ...

劉任昌VS code編輯網頁程式html, css, javascript

圖片
影片332 影片333 影片334