原创 GLTF格式學習:glTF介紹( 基於WebGL

總目錄 >> threejs入門進階到實戰(目前已更新入門篇、基礎篇和進階篇) 原文: https://github.com/KhronosGroup/glTF-Tutorials/blob/master/gltfTutorial

原创 2 glTF的基礎結構

2 glTF的基礎結構 原文參考:https://github.com/KhronosGroup/glTF-Tutorials/blob/master/gltfTutorial/gltfTutorial_002_BasicGltf

原创 PythonOCC基礎使用:點的性質(glsl定義)

此處用於定義點的性質(例如起點,落定點,中心點等) import sys from OCC.Core.gp import gp_Pnt from OCC.Core.Geom import Geom_CartesianPoint f

原创 pythonocc基礎使用:導入模型——OCAF(iges/step)

總目錄 >> PythonOCC入門進階到實戰(目前已更新入門篇、基礎篇和進階篇) 簡單的模型文件的讀取包括iges/step/stl,以及gltf和stl,obj等文件。最後呈現出的結果是將三維模型展示在界面中。 但更爲複雜的

原创 PythonOCC基礎使用:面打孔(holes in face)

本例子有參考 https://www.cnblogs.com/opencascade/p/MakeFaceWithHoles.html 效果圖: from OCC.Core.gp import gp_Circ, gp_Pln,

原创 assemblyScript:一款前端的高效運算wasm工具

見此處repo:; https://github.com/AssemblyScript/assemblyscript

原创 webassembly:

web的性能的提高依賴於webassmebly,可以大幅度提高運算效率。 可以考慮與webgl進行結合。高效進行與三維圖形的交互與顯示。 具體應用方式,待原型驗證成功後,再進行具體的優化,。 目前使用了webassembly進行開

原创 javascript基礎:相等(==與===)

一般情況下要使用=== 因爲這種要求必須是完全一致 ==存在類型轉換的原因,字符串的5和數字5會認爲是一致的。

原创 javascript基礎:匿名函數及立即調用函數。

JavaScript中允許聲明匿名函數(本身沒有命名的函數),並將匿名函數賦值給變量或者屬性。 var doSomething=function(){ //函數體 }; 此種匿名函數可以通過加上括號的形式來立即執行並返回一個值

原创 PythonOCC外延學習:cadquery

關於CadQuery CadQuery2.0是pythonocc的高級封裝庫,使用了Qt語言作爲界面語言,是一款正在起步的命令行建模軟件,由於pythonocc的使命在於封裝opencascade而非關注界面,那麼對於有界面需求的

原创 pythonocc進階學習:獲取物體的性質(體、面、邊的性質)

1.局部性質 Local Properties BRepLProp此包提供了對於邊,面的局部性質的計算。 對於邊而言(通過參數u可以獲取如下性質): 點 導數(可以求導至三階) 切向量, 法向量 normal, 曲率和曲率中心;

原创 pythonocc進階學習:曲線擬合(插值 Interpolation/逼近 Approximation)

2d 使用插值法: from OCC.Core.Geom2dAPI import Geom2dAPI_Interpolate from OCC.Core.TColgp import TColgp_HArray1OfPnt2d

原创 html5 canvas 標籤

canvas標籤有兩大作用,一是與 2d 的匯合,二是與3d的匯合,其中3d處使用的是 webgl 注意:webgl的y軸正方向由窗口的下方往上,而2d canvas的y軸正方向 則是由上往下。這是因爲webgl基於傳統圖形學標準

原创 webgl學習:繪製一個三角形

最近在學習three.js,爲了更好的理解threejs,特別來學習一下webgl。webgl是更爲底層的方法,但是在某些情況three未提供方法的情況下,便可以使用。 // 全局變量 var gl=null; 渲染上下文 var

原创 threejs:遍歷場景中的內容。

此處部分摘自:html5與webgl編程 潘徵版 p152 function processNodes(n) { if (n instanceof Three.Mesh) { n.material.overdraw=tru