原创 webgl學習筆記1_創建場景(站在巨人的肩膀)

WebGL繪製一個點 超文本語言HTML 腳本語言Javascript Canvas畫布 着色器語言GLSL ES WebGL API 繪製點像素點的html <!DOCTYPE html> <html lang=

原创 學習筆記(01):WebGL 可視化3D繪圖框架:Three.js 零基礎上手實戰-WebGL、OpenGL ES規範及瀏覽器3D繪製...

立即學習:https://edu.csdn.net/course/play/26034/321193?utm_source=blogtoedujavascript 實現瀏覽器opengl es的規範 跨平臺opengl接口實現渲染

原创 THREE實戰1_代碼重構點、線、面

THREE.JS的右手座標系 右手大拇指指向X軸,食指指向Y軸,中指指向Z軸。 酷! 兩個知識點補充 知識點1:渲染器函數 renderer.render(scene, camera); render( scene, camer

原创 第十八次csp認證心得

第十八次CSP考試感受 對題目還沒理解透就開始編程,太緊張,抗壓能力有待提高! 第一題:甲乙丙丁玩數字遊戲,跳過7的倍數和含有7的數字 思路:定義變量1累加到n結束,遇到7倍數和含有7數字跳過不計,取餘數判斷甲乙丙丁 #in

原创 C++矩陣的鞍點

刷到一個鞍點的題目,感覺很簡單但是隻對50% 測試代碼: #include<iostream> #include<stdlib.h> using namespace std; int main() { system("co

原创 pycharm與python無法使用pip問題

問題:python3.7與pyharm裏面無法使用 我想要安裝個一個myqr的庫,結果是這樣,當時我的內心是崩潰的。 查了相關博客之後發現其實沒有進入pip模塊的路徑 解決辦法 方法1.進入pip 找到python安裝路徑中的

原创 THREE實戰3_理解光源

光源 光的三原色: 紅red、綠green、藍blue。 色彩模式: HSL、HSV。 色相Hue、飽和度Saturation、亮度Lightness、明度 Value。 白色反射所有光(白色的物體利於測試燈光) Three.j

原创 力扣刷題筆記_動態規劃爬樓梯問題

題目描述 假設你正在爬樓梯。需要 n 階你才能到達樓頂。 每次你可以爬 1 或 2 個臺階。你有多少種不同的方法可以爬到樓頂呢? 注意:給定 n 是一個正整數。 示例一 輸入: 2 輸出: 2 解釋: 有兩種方法可以爬到樓頂。

原创 Django第1步_創建applicaton連接mysql

使用pycharm 應用名稱:demo00 創建成功 查看文件所在位置 csdn_demo/根目錄是項目的容器 manage.py:一個命令行實用程序,可讓您以各種方式與該Django項目進行交互 csdn_demo/u

原创 THREEJS實戰6_加載fbx模型

加載fbx模型原理 3D模型 模型由面構成,麪包括三角形、四邊形與多邊形,輕量級的優秀模型面數一般都是三角形,面又由多條邊構成,邊由多個頂點構成。 這裏我做了一個簡單模型 烘培導出fbx模式 ok,沒問題! threejs加載

原创 THREE實戰5_canvans紋理

canvans紋理 效果圖 在canvas畫時鐘 將canvas傳遞給THREE.Texture紋理 將紋理傳遞給THREE.MeshBasicMareial材質 構造THREE.Mesh 在3D紋理的基礎利用js製作貼圖賦予

原创 每日1題_解讀細胞生命遊戲

生命遊戲 給定一個m*n格子的面板,每一個格子存在一個細胞。 細胞的狀態:1(活細胞live)、0(死細胞die) 對於每個細胞與其八個相鄰位置(水平,垂直,對角線)的細胞存在生存規律 周圍八個位置的活細胞個數少於2,該位置的

原创 THREE實戰4_3D紋理

圖片紋理 maya中的UV測試 uv就是把物體的表面全部展開,添加圖片,像皮膚一樣 這邊我加載一個png圖片 分割六個面,組合圖片 THREE中的紋理構造函數 THREE.Texture(image,mapping,wrap

原创 每日1題_圓圈最後剩下的數字

圓圈最後剩下的數字 0到n-1排列(長度n),每次向後刪除第m個數 模擬過程效率不高,鄙人蔘考官方解答 方法一:數學+遞歸 假設函數f(n,m)返回值爲最終留下的元素的序號 第一個刪除的元素序號m%n,將前部分的元素接到後面一

原创 THREE實戰2_正交投影相機與透視相機

正交投影相機 特點:看見物體的遠近高低比例都是相同 就像maya中的三視圖。 看一下鄙人以前做的一個簡單模型傘。 側視圖 俯視圖 正交投影構造函數OrthographicCamera OrthographicCamer