發表文章

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

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

圖片
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; setInterval(newGameState,200); //設定間...

林峰聿VS code編輯HTML,CSS,JS俄羅斯方塊

圖片
林峰聿改寫自印度程式設計師 335影片 336影片 337影片 338影片 w3schools截圖練習迴圈array與陣列loop 在撰寫模式貼上以上程式碼 lt=less than小於, gt=greater than JavaScript陣列Arrays由連續相關變數構成 利用迴圈輸出

林峰聿VScode編輯CSS檔案,JS檔案

圖片

林峰聿微軟Visual Studio Code編輯網路程式HTML,CSS,JAVASCRIPT

圖片
kusa 教學影片328 教學影片327 微軟的專業程式的開發環境VS CODE Visual Studio Code(簡稱 VS Code)是一款由微軟開發且跨平台的免費原始碼編輯器[7]。該軟體以擴充元件的方式支援語法突顯、程式碼自動補全(又稱 IntelliSense)、程式碼重構功能,並且內建了命令列工具和 Git 版本控制系統[8]。使用者可以更改佈景主題和鍵盤捷徑實現個人化設定,也可以透過內建的擴充元件程式商店安裝其他擴充元件以加強軟體功能。 VS Code 使用 Monaco Editor 作為其底層的程式碼編輯器。[9] Visual Studio Code 的原始碼以 MIT授權條款在 GitHub 上釋出[5],而可執行檔使用了專門的授權條款[6]。 微軟在2015年4月29日舉辦的 Build 2015大會上公布了 Visual Studio Code 的開發計劃;同日,其預覽版本釋出[10]。2015年11月18日,Visual Studio Code 在 GitHub 上開源,同時宣佈將支援擴展功能[11]。2016年4月14日,Visual Studio Code 正式版發佈[12]。 在2019年的 Stack Overflow 組織的開發者調查中,Visual Studio Code 被認為是最受開發者歡迎的開發環境。據調查,87317名受訪者中有50.7%的受訪者聲稱正在使用 Visual Studio Code[13]。