鐵人檔案
大家好, 今次係我第一次參加it邦嘅鐵人賽, 本身我對網頁設計並不熟悉而且我的工作也不是做有關網頁, 過往只參與過一個網站設計
今次參加只係想在30日中學多一種技能, 在眾多的技術中我覺得Three.js最為吸引, 因此我決定以它為題目, 如果文章中有錯誤請多多包涵
我相信睇得呢一篇文章嘅人都知Three.js是用來做什麼但Three.js的結構是怎樣? 認識Three.js 之前一定要知 OpenGL 同WebGL Op...
要令到3D物件呈現喺瀏覽器上最主要有四個必要元素 場景(Scene) 物件(Object) 攝錄機(Camera) 渲染器 (Renderer) 場景 場景...
尋日寫錯咗今日先第三日 首先,我的電腦配置:11th Gen Intel(R) Core(TM) i5-1135G716GB Ram512 GB Hard Di...
今日想講一講一個有關現代javascript應用程式的靜態模組打包器(module bundler) - Webpack https://webpack.js....
喺第三日介紹過攝錄機的不同位置, 但現在的object只是一個一種顏色的cube, 難以分辨它的形狀同位置 何謂X, Y, Z axis?X axis +1係指...
大家好, 今日在講 object rotation 前先介紹一下scale, scale 就是將object按數值放大 如果我想將x-axis 長度放大1.5倍...
由於之前淨色的object比較難睇, 現在會用wireframe: true 去令到圖形更加易理解 wireframe: true 而將第六日最後的一張圖改...
今日會延續昨天講的animation, 會用到gsap library喺 terminal 輸入 npm install –save gsap@3.5.1就會自...
來到第九日,今日講一講mouse control, 即係用滑鼠去移動object嘅方法, 下圖就係今日要做嘅目標 第一我地係要諗點樣可以知道滑鼠喺螢幕上的位置...
今日要講一講three.js 嘅 screen size, 之前一直用緊800x600 嘅 aspect ratio 方便之前測試再用以下的code來讀取wid...
