發表文章

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

林姿瑋VS Code俄羅斯方塊maintain維護增加顯示render物件

圖片
340影片 341影片 模仿印度開發人員 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; setInt...

林姿瑋VS code編輯HTML CSS JS俄羅斯方塊

圖片
模仿印度開發人員 357影片 356影片 355影片 JavaScript Arrays w3schools截圖

林姿瑋VS code, HTML檔案, CSS檔案, JS檔案

圖片
HTML檔案 CS檔案 JS檔案

林姿瑋 visual studio code 編輯網頁程式html

圖片
影片328 vs code Visual Studio Code(簡稱 VS Code)是一款由微軟開發且跨平台的免費原始碼編輯器[7]。該軟體以擴充元件的方式支援語法突顯、程式碼自動補全(又稱 IntelliSense)、程式碼重構功能,並且內建了命令列工具和 Git 版本控制系統[8]。使用者可以更改佈景主題和鍵盤捷徑實現個人化設定,也可以透過內建的擴充元件程式商店安裝其他擴充元件以加強軟體功能。VS Code 使用 Monaco Editor 作為其底層的程式碼編輯器。