iT邦幫忙

cad相關文章
共有 32 則文章
鐵人賽 Modern Web DAY 30
在Three.js探索CAD的奧秘 系列 第 30

技術 Day 30 : CAD的未來

前言 有些人會認為筆者不過就是把桌面版軟體的功能搬到 Web-based 上,但是真的只有這樣嗎? 最後一天就來談談關於 CAD 的未來吧。 進步飛快的CAD...

鐵人賽 Modern Web DAY 29
在Three.js探索CAD的奧秘 系列 第 29

技術 Day 29 : 三角網格布林

前言 三角網格布林(Boolean),是一個基本的網格編輯功能,包含聯集、差集、交集處理。 三角網格布林模組 網路上已經有現成的模組,是由 chandlerpr...

鐵人賽 Modern Web DAY 28
在Three.js探索CAD的奧秘 系列 第 28

技術 Day 28 : 網格邊翻轉實作

前言 上回提到邊翻轉的方法,而偵測邊線錯誤的方法其實也不只一種,本次要來試著實作看看。 邊翻轉前 首先修改 Viewer 模組的 add 函數,增加一個引數 t...

鐵人賽 Modern Web DAY 27
在Three.js探索CAD的奧秘 系列 第 27

技術 Day 27 : 三角網格邊翻轉

前言 邊翻轉(Flip edge),是指某邊AB相鄰三角形所圍成的四邊形ABCD中,將邊翻轉為CD而改變網格原有的結構,這種網格操作行為可用於處理狹長形三角網格...

鐵人賽 Modern Web DAY 26
在Three.js探索CAD的奧秘 系列 第 26

技術 Day 26 : 三角網格平滑變形

前言 平滑階梯函數(Smoothstep),屬於S型函數(Sigmoid function),是一種常用的繪圖函數,在繪圖領域通常將最小極限設為0,最大極限設為...

鐵人賽 Modern Web DAY 25
在Three.js探索CAD的奧秘 系列 第 25

技術 Day 25 : 球範圍選擇

前言 球範圍選擇,指的是以滑鼠點選的位置為中心點,一定半徑內的所有網格點資訊,這種方法可以用來模擬圓形的筆刷,接觸到三維空間中的物體表面。 球範圍選擇 首先改寫...

鐵人賽 Modern Web DAY 24
在Three.js探索CAD的奧秘 系列 第 24

技術 Day 24 : 封閉網格與非封閉網格

前言 封閉網格,是指實體模型,其網格是完全包覆並佈滿整個模型表面,通常用於需要真實製造出完整實體的情況;非封閉網格,則是指薄殼模型,其網格不一定要完全包覆整個模...

鐵人賽 Modern Web DAY 23
在Three.js探索CAD的奧秘 系列 第 23

技術 Day 23 : 網格細分實作

前言 本篇介紹的是邊分裂的方式,網格細分需要大量使用到先前所學到的拓樸觀念,實作也與單純的觀念理解上有些許的不同,在撰寫的複雜度也有所提升因此分為兩次說明。...

鐵人賽 Modern Web DAY 22
在Three.js探索CAD的奧秘 系列 第 22

技術 Day 22 : 三角網格細分

前言 網格細分 (Grid Refinement),是CAD圖學中重要的基礎方法,目的是網格進行細緻化以提升解析度,經常配合各種編修工具合併使用。 網格細分方法...

鐵人賽 Modern Web DAY 21
在Three.js探索CAD的奧秘 系列 第 21

技術 Day 21 : 模型塗抹效果

前言 塗抹效果,是在CAD軟體中常見的編修方式,在二維空間中是指按下滑鼠的同時開始繪圖,直到放開滑鼠後才停止繪圖的效果。而在三維空間中則是可透過時間函數的加入,...

鐵人賽 Modern Web DAY 20
在Three.js探索CAD的奧秘 系列 第 20

技術 Day 20 : 網格頂點的平均法向量

前言 網格頂點的平均法向量,是指一個網格頂點,找尋鄰近的三角網格面,將所有面的法向量進行相加,再取單位向量的結果。 八個面的平均法向量 使用點拓樸關係找鄰近的...

鐵人賽 Modern Web DAY 19
在Three.js探索CAD的奧秘 系列 第 19

技術 Day 19 : 點選網格頂點

前言 網格頂點的選取,非常廣泛的應用在CAD軟體中,先前我們學到如何選取整個網格,今天則回過頭來學習怎麼選取網格的頂點。 其實很難點選 事實上滑鼠是很難準確的點...

鐵人賽 Modern Web DAY 18
在Three.js探索CAD的奧秘 系列 第 18

技術 Day 18 : 模型所見即得的設計

前言 所見即得的設計模型,是提供CAD設計者建立 操作手感 的一種方法,設計者可以透過所見即得的視覺感受,來決定要將模型調整到什麼樣的狀態。在技術上就是透過滑鼠...

鐵人賽 Modern Web DAY 17
在Three.js探索CAD的奧秘 系列 第 17

技術 Day 17 : 修正面的法向量

前言 面的法向量,除了用來表示該面的正反面以外,也是用來表示面的確切方向的資訊,正確的法向量可以使光源正確的模擬出照射效果並合理的渲染出來。 尋找法向量 前回我...

鐵人賽 Modern Web DAY 16
在Three.js探索CAD的奧秘 系列 第 16

技術 Day 16 : 簡單網格變形

前言 網格變形是基本的網格操作,所有的網格操作都需要進行網格變形,它是透過改變網格點的vertex座標位置,來達成使用者預想的幾何形狀結果。 模組化編輯功能 首...

鐵人賽 Modern Web DAY 15
在Three.js探索CAD的奧秘 系列 第 15

技術 Day 15 : 即時高亮網格

前言 即時的高亮(Highlight)滑鼠經過的網格,可以幫助設計者清楚的理解2D轉換到3D場景中所選擇的面,提供更直覺的編輯環境在CAD軟體中也是相當重要的一...

鐵人賽 Modern Web DAY 14
在Three.js探索CAD的奧秘 系列 第 14

技術 Day 14 : 提升設計環境

前言 光源是編輯時重要的一部分,固定式的光源適合在固定場景中使用,而動態的光源適合在編輯設計時使用。而為了讓拓樸結構能夠跟著網格模型物件,我們修改之前的做法將物...

鐵人賽 Modern Web DAY 13
在Three.js探索CAD的奧秘 系列 第 13

技術 Day 13 : 射線法結合拓樸使用

前言 學了這麼多方法,到底該怎麼用呢? 本次提供一個簡單的例子,點選完網格後除了在網格上畫上一個小球,還會再透過拓樸關係找到相鄰的邊,並在邊上畫上一個小球。 如...

鐵人賽 Modern Web DAY 12
在Three.js探索CAD的奧秘 系列 第 12

技術 Day 12 : Three.js建立三角網格拓樸

前言 topology.js函式庫,在Three.js建立三角網格拓樸關係可以使用topology.js來建立,但是目前作者 Lee Stemkoski 沒有繼...

鐵人賽 Modern Web DAY 11
在Three.js探索CAD的奧秘 系列 第 11

技術 Day 11 : 三角網格拓樸關係

前言 三角網格拓樸(Topology),三角網格拓樸是一種可以用來快速進行搜尋的資料結構,透過預先的整理將網格與網格之間的關係找到並記錄起來,可以有效的提升演算...

鐵人賽 Modern Web DAY 10
在Three.js探索CAD的奧秘 系列 第 10

技術 Day 10 : 射線法點選網格

前言 Raycaster射線法,是指在場景中打出一條射線,紀錄打出去的射線所有經過的網格,並且計算出與三角網格的交點,若沒有經過任何網格則不進行網格的紀錄。 射...

鐵人賽 Modern Web DAY 9

技術 Day 9 : 基本相機控制

前言 相機控制,在空間中控制相機的平移、旋轉,可以自由的從不同的角度去觀察網格模型,在桌面版CAD軟體內是基本的功能,同樣的在Web-based的環境中也有相同...

鐵人賽 Modern Web DAY 8

技術 Day 8 : 模組化CAD平台

前言 模組化,也就是Module化,是將我們所需要的功能建立成一個模組增加重用性。在我們的應用是為了建立一個CAD平台,將Three.js模組化可以更方便的擴充...

鐵人賽 Modern Web DAY 7

技術 Day 7 : 渲染讀取的三角網格

前言 匯入網格模型,在CAD領域中這件事情是非常重要的,除了完全原創性的設計以外,經常會看到所謂的二次創作,或者是由原創者再稍微編修後的新型創作,因此如何將過去...

鐵人賽 Modern Web DAY 6

技術 Day 6 : 讀取三角網格檔案

前言 前端讀檔,單純透過前端讀取檔案的方法,檔案只要經過選擇檔案後,可以直接利用JavaScript內建的FileReader語法來讀取檔案內容,並且可以使用B...

鐵人賽 Modern Web DAY 5

技術 Day 5 : 更多的三角網格

前言 Three.js內建了許多基礎幾何模型,直接使用語法即可建立,可以省下許多建立時間。 基本的幾何 在Three.js中,要建立幾何模型會使用geometr...

鐵人賽 Modern Web DAY 4

技術 Day 4 : 畫出一片三角網格

前言 三角網格模型 是指利用三個點所連成的三角形以網格狀的方式去建構出三維空間中的幾何模型,將空間中的模型轉換為三角網格模型的行為又稱為三角網格化,此方法被廣泛...

鐵人賽 Modern Web DAY 3

技術 Day 3 : 準備Three.js

前言 Three.js是一套使用JavaScript撰寫的三維繪圖函式庫,它採用了WebGL作為繪圖API,它也內建了跨瀏覽器的能力,可以在常見的各大瀏覽器中呈...

鐵人賽 Modern Web DAY 2

技術 Day 2 : 從B-rep、CSG到三角網格模型

前言 邊界表示 (Boundary Representation, B-rap) 的模型在設計領域已被廣泛使用,繪圖設計軟體會利用基本的點、線、面等表示一個三維...

鐵人賽 Modern Web DAY 1

技術 Day 1 : 為什麼是CAD?

作者簡介 作者Boxy現正就讀中正大學機械系,本身研究主題就是網際結合CAD/CAM,有幸在這跟大家分享一些跨領域的知識,希望大家會喜歡。 前言 電腦輔助設計(...